lint(stories): disable temporarely & locally react-hooks/rules-of-hoo…

…ks with todos
MTES-MCT · Nov 13, 2024 · 9a48fef · 9a48fef
1 parent c8339e3
commit 9a48fef
Show file tree

Hide file tree

Showing 41 changed files with 128 additions and 2 deletions.
diff --git a/stories/components/Banner.stories.tsx b/stories/components/Banner.stories.tsx
@@ -62,7 +62,7 @@ export const Default: Story = {
       >
         <h2 style={{ color: THEME.color.white }}>This is a header</h2>
       </div>
-      <Banner {...props} className="Banner-Storie" />
+      <Banner {...props} />
     </Box>
   )
 }

diff --git a/stories/components/Dropdown.stories.tsx b/stories/components/Dropdown.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/components/SideMenu.stories.tsx b/stories/components/SideMenu.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { generateStoryDecorator } from '../../.storybook/utils/generateStoryDecorator'

diff --git a/stories/fields/CheckPicker.stories.tsx b/stories/fields/CheckPicker.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/Checkbox.stories.tsx b/stories/fields/Checkbox.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/CoordinatesInput.stories.tsx b/stories/fields/CoordinatesInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/DatePicker.stories.tsx b/stories/fields/DatePicker.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Description } from '../../.storybook/components/Description'

diff --git a/stories/fields/DateRangePicker.stories.tsx b/stories/fields/DateRangePicker.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Description } from '../../.storybook/components/Description'

diff --git a/stories/fields/MultiCascader.stories.tsx b/stories/fields/MultiCascader.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/MultiCheckbox.stories.tsx b/stories/fields/MultiCheckbox.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/MultiRadio.stories.tsx b/stories/fields/MultiRadio.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState, type FunctionComponent } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/MultiSelect.stories.tsx b/stories/fields/MultiSelect.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/MultiZoneEditor.stories.tsx b/stories/fields/MultiZoneEditor.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/NumberInput.stories.tsx b/stories/fields/NumberInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/PhoneInput.stories.tsx b/stories/fields/PhoneInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/RichBooleanCheckbox.stories.tsx b/stories/fields/RichBooleanCheckbox.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/Search.stories.tsx b/stories/fields/Search.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/Select.stories.tsx b/stories/fields/Select.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/TextInput.stories.tsx b/stories/fields/TextInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/Textarea.stories.tsx b/stories/fields/Textarea.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/fields/Toggle.stories.tsx b/stories/fields/Toggle.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { useState } from 'react'
 
 import { Output } from '../../.storybook/components/Output'

diff --git a/stories/formiks/FormikCheckPicker.stories.tsx b/stories/formiks/FormikCheckPicker.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikCheckbox.stories.tsx b/stories/formiks/FormikCheckbox.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikCoordinatesInput.stories.tsx b/stories/formiks/FormikCoordinatesInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikDatePicker.stories.tsx b/stories/formiks/FormikDatePicker.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikDateRangePicker.stories.tsx b/stories/formiks/FormikDateRangePicker.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikEffect.stories.tsx b/stories/formiks/FormikEffect.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Field, Formik } from 'formik'
 import { useState } from 'react'

diff --git a/stories/formiks/FormikMultiCascader.stories.tsx b/stories/formiks/FormikMultiCascader.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikMultiCheckbox.stories.tsx b/stories/formiks/FormikMultiCheckbox.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikMultiRadio.stories.tsx b/stories/formiks/FormikMultiRadio.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikMultiSelect.stories.tsx b/stories/formiks/FormikMultiSelect.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikNumberInput.stories.tsx b/stories/formiks/FormikNumberInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikPhoneInput.stories.tsx b/stories/formiks/FormikPhoneInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikRichBooleanCheckbox.stories.tsx b/stories/formiks/FormikRichBooleanCheckbox.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikSearch.stories.tsx b/stories/formiks/FormikSearch.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikSelect.stories.tsx b/stories/formiks/FormikSelect.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikTextInput.stories.tsx b/stories/formiks/FormikTextInput.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikTextarea.stories.tsx b/stories/formiks/FormikTextarea.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/formiks/FormikToggle.stories.tsx b/stories/formiks/FormikToggle.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { action } from '@storybook/addon-actions'
 import { Formik } from 'formik'
 import { omit } from 'lodash'

diff --git a/stories/tables/SimpleTable.stories.tsx b/stories/tables/SimpleTable.stories.tsx
@@ -1,3 +1,6 @@
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
+
 import { flexRender, getCoreRowModel, getSortedRowModel, type SortingState, useReactTable } from '@tanstack/react-table'
 import { useVirtualizer } from '@tanstack/react-virtual'
 import { useCallback, useMemo, useRef, useState } from 'react'

diff --git a/stories/tables/TableWithSelectableRows.stories.tsx b/stories/tables/TableWithSelectableRows.stories.tsx
@@ -1,4 +1,5 @@
-/* eslint-disable no-console, no-null/no-null */
+// TODO Migrate this story to the new Storybook structure. Example: stories/components/Banner.stories.tsx.
+/* eslint-disable react-hooks/rules-of-hooks */
 
 import { flexRender, getCoreRowModel, getSortedRowModel, type SortingState, useReactTable } from '@tanstack/react-table'
 import { useVirtualizer } from '@tanstack/react-virtual'
@@ -11,6 +12,7 @@ import { Link } from '../../src/icons'
 
 import type { Meta } from '@storybook/react'
 
+/* eslint-disable no-null/no-null */
 const fakeData1 = Array(5).fill({
   actionTaken: null,
   controlUnitId: null,
@@ -85,6 +87,7 @@ const fakeData2 = Array(5).fill({
   validityTime: 24,
   vehicleType: 'VESSEL'
 })
+/* eslint-enable no-null/no-null */
 
 const data = [...fakeData1, ...fakeData2]
 
@@ -100,7 +103,9 @@ export default meta
 
 const ButtonsGroupRow = ({ id, onSelect }) => (
   <ButtonsGroup>
+    {/* eslint-disable-next-line no-console */}
     <IconButton accent={Accent.TERTIARY} Icon={Icon.Duplicate} onClick={() => console.log(id)} />
+    {/* eslint-disable-next-line no-console */}
     <IconButton accent={Accent.TERTIARY} Icon={Icon.Edit} onClick={() => console.log(id)} />
 
     <Dropdown accent={Accent.SECONDARY} Icon={Icon.More} onSelect={onSelect}>
@@ -116,8 +121,10 @@ export function _TableWithSelectableRows() {
 
   const doAction = (key, id) => {
     if (key === 'ARCHIVE') {
+      // eslint-disable-next-line no-console
       console.log('we want to archive the reporting with id: ', id)
     } else {
+      // eslint-disable-next-line no-console
       console.log('we want to delete the reporting with id: ', id)
     }
   }
@@ -137,6 +144,7 @@ export function _TableWithSelectableRows() {
           <TableWithSelectableRows.RowCheckbox
             checked={table.getIsAllRowsSelected()}
             indeterminate={(() => {
+              // eslint-disable-next-line no-console
               console.log('indeterminate', table.getIsSomeRowsSelected())
 
               return table.getIsSomeRowsSelected()
@@ -252,6 +260,7 @@ export function _TableWithSelectableRows() {
             accent={Accent.TERTIARY}
             Icon={Icon.FocusZones}
             isCompact
+            // eslint-disable-next-line no-console
             onClick={() => console.log(info.getValue())}
           />
         ),
-Original file line number
+Diff line change
@@ Expand Up / @@ -62,7 +62,7 @@ export const Default: Story = { @@
           >
             <h2 style={{ color: THEME.color.white }}>This is a header</h2>
           </div>
-          <Banner {...props} className="Banner-Storie" />
+          <Banner {...props} />
         </Box>
       )
     }
@@ Expand Down @@