chore(devdeps): update dependency @scaleway/eslint-config-react to v3…

….11.0 (#586)

* chore(devdeps): update dependency @scaleway/eslint-config-react to v3.11.0

* fix: update imports

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Emmanuel Chambon <[email protected]>

emotion.d.ts

@@ -3,6 +3,6 @@ import type { SCWUITheme } from '@scaleway/ui'
 
 declare module '@emotion/react' {
   // https://emotion.sh/docs/typescript#define-a-theme
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface, @typescript-eslint/consistent-type-definitions
   export interface Theme extends SCWUITheme {}
 }

package.json

@@ -138,7 +138,7 @@
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-node-resolve": "15.0.1",
     "@rollup/plugin-url": "8.0.1",
-    "@scaleway/eslint-config-react": "3.10.5",
+    "@scaleway/eslint-config-react": "3.11.0",
     "@scaleway/jest-helpers": "2.0.24",
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/commit-analyzer": "9.0.2",

src/components/CheckboxField/__stories__/BooleanChecked.stories.tsx

@@ -1,6 +1,7 @@
-import { Story } from '@storybook/react'
+import type { Story } from '@storybook/react'
 import { CheckboxField } from '..'
-import { Form, FormProps } from '../../Form'
+import type { FormProps } from '../../Form'
+import { Form } from '../../Form'
 
 export const BooleanChecked: Story<FormProps> = ({ errors }) => (
   <Form onRawSubmit={() => {}} errors={errors} initialValues={{ foo: true }}>

src/components/CheckboxField/__stories__/Checked.stories.tsx

@@ -1,6 +1,6 @@
-import { Story } from '@storybook/react'
+import type { Story } from '@storybook/react'
 import { CheckboxField } from '..'
-import { FormProps } from '../..'
+import type { FormProps } from '../..'
 import { Form } from '../../Form'
 
 export const Checked: Story<FormProps> = ({ errors }) => (

src/components/CheckboxField/__stories__/Required.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { CheckboxField } from '..'
 import { Submit } from '../../Submit'
 

src/components/CheckboxField/__stories__/Template.stories.tsx

@@ -1,4 +1,4 @@
-import { ComponentStory } from '@storybook/react'
+import type { ComponentStory } from '@storybook/react'
 import { CheckboxField } from '..'
 
 export const Template: ComponentStory<typeof CheckboxField> = args => (

src/components/CheckboxField/__stories__/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { CheckboxField, Form } from '../..'
 import { mockErrors } from '../../../mocks'
 

src/components/CheckboxField/index.tsx

@@ -1,9 +1,10 @@
 import { Checkbox } from '@scaleway/ui'
-import { FieldState } from 'final-form'
-import { ComponentProps, ReactNode, Ref, forwardRef } from 'react'
+import type { FieldState } from 'final-form'
+import type { ComponentProps, ReactNode, Ref } from 'react'
+import { forwardRef } from 'react'
 import { useFormField } from '../../hooks'
 import { useErrors } from '../../providers/ErrorContext'
-import { BaseFieldProps } from '../../types'
+import type { BaseFieldProps } from '../../types'
 
 type CheckboxValue = string
 

src/components/DateField/__stories__/MinMaxDate.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { DateField } from '..'
 import { Submit } from '../../Submit'
 

src/components/DateField/__stories__/MinMaxWithTimeField.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { DateField } from '..'
 import { Submit } from '../../Submit'
 import { TimeField } from '../../TimeField'

src/components/DateField/__stories__/Required.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { DateField } from '..'
 import { Submit } from '../../Submit'
 

src/components/DateField/__stories__/Template.stories.tsx

@@ -1,5 +1,5 @@
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { DateField } from '..'
 
 export const Template: Story<ComponentProps<typeof DateField>> = args => (

src/components/DateField/__stories__/index.stories.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled'
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { DateField, Form } from '../..'
 import { mockErrors } from '../../../mocks'
 

src/components/DateField/index.tsx

@@ -1,9 +1,9 @@
 import { DateInput } from '@scaleway/ui'
-import { FieldState } from 'final-form'
-import { ComponentProps, FocusEvent } from 'react'
+import type { FieldState } from 'final-form'
+import type { ComponentProps, FocusEvent } from 'react'
 import { useFormField } from '../../hooks'
 import { useErrors } from '../../providers/ErrorContext'
-import { BaseFieldProps } from '../../types'
+import type { BaseFieldProps } from '../../types'
 
 type DateFieldProps = BaseFieldProps<Date> &
   Omit<

src/components/Form/__stories__/Playground.stories.tsx

@@ -1,6 +1,7 @@
 import { Checkbox, Stack } from '@scaleway/ui'
-import { ComponentStory } from '@storybook/react'
-import { ChangeEvent, useState } from 'react'
+import type { ComponentStory } from '@storybook/react'
+import type { ChangeEvent } from 'react'
+import { useState } from 'react'
 import {
   CheckboxField,
   Form,

src/components/Form/__stories__/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { Form } from '../..'
 
 export default {

src/components/Form/index.tsx

@@ -1,14 +1,14 @@
-import { Decorator } from 'final-form'
+import type { Decorator } from 'final-form'
 import arrayMutators from 'final-form-arrays'
 import createDecorator from 'final-form-focus'
-import { ReactNode } from 'react'
-import {
+import type { ReactNode } from 'react'
+import type {
   FormRenderProps,
-  Form as ReactFinalForm,
   FormProps as ReactFinalFormProps,
 } from 'react-final-form'
+import { Form as ReactFinalForm } from 'react-final-form'
 import { ErrorProvider } from '../../providers'
-import { FormErrors } from '../../types'
+import type { FormErrors } from '../../types'
 
 const focusOnErrors = createDecorator()
 

src/components/RadioField/__stories__/Checked.stories.tsx

@@ -1,6 +1,7 @@
-import { Story } from '@storybook/react'
+import type { Story } from '@storybook/react'
 import { RadioField } from '..'
-import { Form, FormProps } from '../../Form'
+import type { FormProps } from '../../Form'
+import { Form } from '../../Form'
 
 export const Checked: Story<FormProps> = ({ errors }) => (
   <Form onRawSubmit={() => {}} errors={errors} initialValues={{ foo: 'bar' }}>

src/components/RadioField/__stories__/Required.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { RadioField } from '..'
 import { Submit } from '../../Submit'
 

src/components/RadioField/__stories__/Template.stories.tsx

@@ -1,5 +1,5 @@
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { RadioField } from '..'
 
 export const Template: Story<ComponentProps<typeof RadioField>> = args => (

src/components/RadioField/__stories__/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { Form, RadioField } from '../..'
 import { mockErrors } from '../../../mocks'
 

src/components/RadioField/index.tsx

@@ -1,9 +1,9 @@
 import { Radio } from '@scaleway/ui'
-import { FieldState } from 'final-form'
-import { ComponentProps, ReactNode } from 'react'
+import type { FieldState } from 'final-form'
+import type { ComponentProps, ReactNode } from 'react'
 import { useFormField } from '../../hooks'
 import { useErrors } from '../../providers/ErrorContext'
-import { BaseFieldProps } from '../../types'
+import type { BaseFieldProps } from '../../types'
 
 type RadioValue = NonNullable<ComponentProps<typeof Radio>['value']>
 

src/components/RichSelectField/__stories__/Groups.stories.tsx

@@ -1,5 +1,6 @@
-import { Story } from '@storybook/react'
-import { RichSelectField, RichSelectFieldProps } from '..'
+import type { Story } from '@storybook/react'
+import type { RichSelectFieldProps } from '..'
+import { RichSelectField } from '..'
 
 export const Groups: Story<RichSelectFieldProps> = () => (
   <RichSelectField

src/components/RichSelectField/__stories__/Template.stories.tsx

@@ -1,5 +1,6 @@
-import { Story } from '@storybook/react'
-import { RichSelectField, RichSelectFieldProps } from '..'
+import type { Story } from '@storybook/react'
+import type { RichSelectFieldProps } from '..'
+import { RichSelectField } from '..'
 
 export const Template: Story<RichSelectFieldProps> = args => (
   <RichSelectField {...args}>

src/components/RichSelectField/__stories__/index.stories.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled'
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { Form, RichSelectField } from '../..'
 import { mockErrors } from '../../../mocks'
 

src/components/RichSelectField/index.tsx

@@ -1,15 +1,10 @@
 import { RichSelect } from '@scaleway/ui'
-import { FieldState } from 'final-form'
-import {
-  Children,
-  ComponentProps,
-  ReactElement,
-  useCallback,
-  useMemo,
-} from 'react'
+import type { FieldState } from 'final-form'
+import type { ComponentProps, ReactElement } from 'react'
+import { Children, useCallback, useMemo } from 'react'
 import { useFormField } from '../../hooks'
 import { useErrors } from '../../providers/ErrorContext'
-import { BaseFieldProps } from '../../types'
+import type { BaseFieldProps } from '../../types'
 
 type RichSelectProps = ComponentProps<typeof RichSelect>
 type RichSelectOptionProps = ComponentProps<typeof RichSelect.Option>

src/components/SelectNumberField/__stories__/Required.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { SelectNumberField } from '..'
 import { Submit } from '../../Submit'
 

src/components/SelectNumberField/__stories__/Template.stories.tsx

@@ -1,5 +1,5 @@
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { SelectNumberField } from '..'
 
 export const Template: Story<

src/components/SelectNumberField/__stories__/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { Form, SelectNumberField } from '../..'
 import { mockErrors } from '../../../mocks/mockErrors'
 

src/components/SelectNumberField/index.tsx

@@ -1,7 +1,7 @@
 import { SelectNumber } from '@scaleway/ui'
-import { ComponentProps, FocusEvent, FocusEventHandler } from 'react'
+import type { ComponentProps, FocusEvent, FocusEventHandler } from 'react'
 import { useFormField } from '../../hooks'
-import { BaseFieldProps } from '../../types'
+import type { BaseFieldProps } from '../../types'
 
 type SelectNumberValue = NonNullable<
   ComponentProps<typeof SelectNumber>['value']

src/components/SelectableCardField/__stories__/Checked.stories.tsx

@@ -1,7 +1,8 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
+import type { Story } from '@storybook/react'
 import { SelectableCardField } from '..'
-import { Form, FormProps } from '../../Form'
+import type { FormProps } from '../../Form'
+import { Form } from '../../Form'
 
 export const Checked: Story<FormProps> = ({ errors }) => (
   <Form onRawSubmit={() => {}} errors={errors} initialValues={{ foo: 'bar' }}>

src/components/SelectableCardField/__stories__/Required.stories.tsx

@@ -1,6 +1,6 @@
 import { Stack } from '@scaleway/ui'
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { SelectableCardField } from '..'
 import { Submit } from '../../Submit'
 

src/components/SelectableCardField/__stories__/Template.stories.tsx

@@ -1,5 +1,5 @@
-import { Story } from '@storybook/react'
-import { ComponentProps } from 'react'
+import type { Story } from '@storybook/react'
+import type { ComponentProps } from 'react'
 import { SelectableCardField } from '..'
 
 export const Template: Story<

src/components/SelectableCardField/__stories__/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react'
+import type { Meta } from '@storybook/react'
 import { Form, SelectableCardField } from '../..'
 import { mockErrors } from '../../../mocks'