chore: linting

.eslintrc.js

@@ -2,6 +2,7 @@ module.exports = {
   env: {
     browser: true,
     es6: true,
+    'jest/globals': true,
   },
   extends: ['eslint:recommended', 'plugin:react/recommended'],
   globals: {
@@ -16,9 +17,10 @@ module.exports = {
     ecmaVersion: 2018,
     sourceType: 'module',
   },
-  plugins: ['@typescript-eslint', 'react', 'react-hooks'],
+  plugins: ['@typescript-eslint', 'react', 'react-hooks', 'jest'],
   rules: {
-    'no-unused-vars': 'off',
+    'no-undef': 0,
+    'no-unused-vars': 0,
     '@typescript-eslint/no-unused-vars': 'error',
     'react/prop-types': 0,
     'react-hooks/rules-of-hooks': 'error',

.github/workflows/test.yml

@@ -14,3 +14,6 @@ jobs:
 
       - name: Test
         run: npm run test
+
+      - name: Lint
+        run: npm run lint

frontend/components/form/configure-field.tsx

@@ -113,7 +113,6 @@ const ConfigureField: React.FC<Props> = ({
       )}
     </Box>
   )
-  return null
 }
 
 export default ConfigureField

frontend/components/form/table-select.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { TablePicker, FormField, Box } from '@airtable/blocks/ui'
+import { TablePicker, FormField } from '@airtable/blocks/ui'
 import { Table } from '@airtable/blocks/models'
 import Alert from '../common/alert'
 

frontend/components/hook/random-generator/generators/attachment.test.ts

@@ -1,4 +1,3 @@
-import TestDriver from '@airtable/blocks-testing'
 import '@testing-library/jest-dom'
 import attachmentGenerators from './attachment'
 

frontend/components/hook/random-generator/generators/attachment.tsx

@@ -58,7 +58,7 @@ const image: RandomGenerator = {
   generate: ({ options }) => [
     { url: faker.image.urlLoremFlickr({ category: options.category }) },
   ],
-  preview: ({ options, field }) => (
+  preview: ({ options }) => (
     <img
       src={faker.image.urlLoremFlickr({
         category: options.category,

frontend/components/hook/random-generator/generators/checkbox.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-import TestDriver from '@airtable/blocks-testing'
 import checkboxGenerator from './checkbox'
 
 const [checkbox] = checkboxGenerator

frontend/components/hook/random-generator/generators/duration.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-import { Box, Icon } from '@airtable/blocks/ui'
 import { faker } from '@faker-js/faker'
 import { FieldType } from '@airtable/blocks/models'
 

frontend/components/hook/random-generator/generators/select.tsx

@@ -6,7 +6,7 @@ const singleSelect: RandomGenerator = {
   id: 'singleSelect',
   name: 'Single select',
   types: [FieldType.SINGLE_SELECT],
-  generate: ({ options, field }) =>
+  generate: ({ field }) =>
     field.options.choices[
       Math.floor(Math.random() * field.options.choices.length)
     ],
@@ -34,7 +34,7 @@ const multipleSelect: RandomGenerator = {
     return (
       <>
         {choices.map((choice) => (
-          <ChoiceToken choice={choice} marginRight={2} />
+          <ChoiceToken key={choice.id} choice={choice} marginRight={2} />
         ))}
       </>
     )

frontend/components/hook/random-generator/index.ts

@@ -1,13 +1,10 @@
-import { useBase } from '@airtable/blocks/ui'
 import { FieldType, Field, Base } from '@airtable/blocks/models'
 import generators from './generators'
 
 /**
  * A hook that returns random generator functions.
  */
 const useRandomGenerator = () => {
-  const base = useBase()
-
   const getGenerators = (): RandomGenerator[] => generators
 
   /**

frontend/types.d.ts

@@ -1,3 +1,4 @@
+import React from 'react'
 import { FieldType, Field, Base } from '@airtable/blocks/models'
 
 interface GenerateOptions {

package.json

@@ -26,6 +26,7 @@
     "@typescript-eslint/parser": "^6.21.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "eslint": "^8.56.0",
+    "eslint-plugin-jest": "^28.3.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^29.7.0",