From 6fbf73c46c676c82040da9d20a5943e0f56acea3 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 14 Dec 2022 14:34:12 +0000 Subject: [PATCH 1/2] chore(devdeps): update dependency @scaleway/eslint-config-react to v3.11.0 --- package.json | 2 +- pnpm-lock.yaml | 18 +++++++++--------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index 4b2d3860..2f9ba2bf 100644 --- a/package.json +++ b/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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 60aae351..7defd17e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -21,7 +21,7 @@ specifiers: '@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 '@scaleway/ui': 0.212.11 '@semantic-release/changelog': 6.0.2 @@ -109,7 +109,7 @@ devDependencies: '@rollup/plugin-babel': 6.0.3_jq7ejmtxohag7dsrebvugbjt6q '@rollup/plugin-node-resolve': 15.0.1_rollup@3.5.1 '@rollup/plugin-url': 8.0.1_rollup@3.5.1 - '@scaleway/eslint-config-react': 3.10.5_hsf322ms6xhhd4b5ne6lb74y4a + '@scaleway/eslint-config-react': 3.11.0_hsf322ms6xhhd4b5ne6lb74y4a '@scaleway/jest-helpers': 2.0.24_34ch25xmpqfrx6wylcxtcsskau '@semantic-release/changelog': 6.0.2_semantic-release@19.0.5 '@semantic-release/commit-analyzer': 9.0.2_semantic-release@19.0.5 @@ -1338,7 +1338,7 @@ packages: '@babel/core': ^7.0.0-0 dependencies: '@babel/core': 7.20.5 - '@babel/helper-plugin-utils': 7.19.0 + '@babel/helper-plugin-utils': 7.20.2 dev: true /@babel/plugin-transform-react-jsx-development/7.18.6_@babel+core@7.20.5: @@ -1348,7 +1348,7 @@ packages: '@babel/core': ^7.0.0-0 dependencies: '@babel/core': 7.20.5 - '@babel/plugin-transform-react-jsx': 7.18.6_@babel+core@7.20.5 + '@babel/plugin-transform-react-jsx': 7.19.0_@babel+core@7.20.5 dev: true /@babel/plugin-transform-react-jsx/7.18.6_@babel+core@7.20.5: @@ -1360,7 +1360,7 @@ packages: '@babel/core': 7.20.5 '@babel/helper-annotate-as-pure': 7.18.6 '@babel/helper-module-imports': 7.18.6 - '@babel/helper-plugin-utils': 7.19.0 + '@babel/helper-plugin-utils': 7.20.2 '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.20.5 '@babel/types': 7.20.5 dev: true @@ -1387,7 +1387,7 @@ packages: dependencies: '@babel/core': 7.20.5 '@babel/helper-annotate-as-pure': 7.18.6 - '@babel/helper-plugin-utils': 7.19.0 + '@babel/helper-plugin-utils': 7.20.2 dev: true /@babel/plugin-transform-regenerator/7.18.6_@babel+core@7.20.5: @@ -1487,7 +1487,7 @@ packages: dependencies: '@babel/core': 7.20.5 '@babel/helper-create-class-features-plugin': 7.19.0_@babel+core@7.20.5 - '@babel/helper-plugin-utils': 7.19.0 + '@babel/helper-plugin-utils': 7.20.2 '@babel/plugin-syntax-typescript': 7.18.6_@babel+core@7.20.5 transitivePeerDependencies: - supports-color @@ -3037,8 +3037,8 @@ packages: rollup: 3.5.1 dev: true - /@scaleway/eslint-config-react/3.10.5_hsf322ms6xhhd4b5ne6lb74y4a: - resolution: {integrity: sha512-bNHaR33njC0CUxYBbFrq//9WoCQozQLXhnW6UQJr+qprqTNV4HKyChEvjOmlRg426PRQMr0doJ4rQqgsbpbI/w==} + /@scaleway/eslint-config-react/3.11.0_hsf322ms6xhhd4b5ne6lb74y4a: + resolution: {integrity: sha512-Z70b/+GOkp9dfifxHsY4M5E0N3TkkKqfz8lwPtkVy/oFWRqm51JZK+QTsuG2ftwYIc9/Df2HookwWMrOGcSk9w==} peerDependencies: eslint: '>= 8.5' dependencies: From 2af430ea3f4a2ddedf5bebf7d1911585c3762541 Mon Sep 17 00:00:00 2001 From: Emmanuel Chambon Date: Wed, 14 Dec 2022 19:33:40 +0100 Subject: [PATCH 2/2] fix: update imports --- emotion.d.ts | 2 +- .../__stories__/BooleanChecked.stories.tsx | 5 +++-- .../CheckboxField/__stories__/Checked.stories.tsx | 4 ++-- .../CheckboxField/__stories__/Required.stories.tsx | 4 ++-- .../CheckboxField/__stories__/Template.stories.tsx | 2 +- .../CheckboxField/__stories__/index.stories.tsx | 2 +- src/components/CheckboxField/index.tsx | 7 ++++--- .../DateField/__stories__/MinMaxDate.stories.tsx | 4 ++-- .../__stories__/MinMaxWithTimeField.stories.tsx | 4 ++-- .../DateField/__stories__/Required.stories.tsx | 4 ++-- .../DateField/__stories__/Template.stories.tsx | 4 ++-- .../DateField/__stories__/index.stories.tsx | 2 +- src/components/DateField/index.tsx | 6 +++--- .../Form/__stories__/Playground.stories.tsx | 5 +++-- src/components/Form/__stories__/index.stories.tsx | 2 +- src/components/Form/index.tsx | 10 +++++----- .../RadioField/__stories__/Checked.stories.tsx | 5 +++-- .../RadioField/__stories__/Required.stories.tsx | 4 ++-- .../RadioField/__stories__/Template.stories.tsx | 4 ++-- .../RadioField/__stories__/index.stories.tsx | 2 +- src/components/RadioField/index.tsx | 6 +++--- .../RichSelectField/__stories__/Groups.stories.tsx | 5 +++-- .../__stories__/Template.stories.tsx | 5 +++-- .../RichSelectField/__stories__/index.stories.tsx | 2 +- src/components/RichSelectField/index.tsx | 13 ++++--------- .../__stories__/Required.stories.tsx | 4 ++-- .../__stories__/Template.stories.tsx | 4 ++-- .../SelectNumberField/__stories__/index.stories.tsx | 2 +- src/components/SelectNumberField/index.tsx | 4 ++-- .../__stories__/Checked.stories.tsx | 5 +++-- .../__stories__/Required.stories.tsx | 4 ++-- .../__stories__/Template.stories.tsx | 4 ++-- .../__stories__/index.stories.tsx | 2 +- src/components/SelectableCardField/index.tsx | 6 +++--- .../Submit/__stories__/Invalid.stories.tsx | 2 +- .../Submit/__stories__/Playground.stories.tsx | 4 ++-- .../Submit/__stories__/Submitting.stories.tsx | 2 +- src/components/Submit/__stories__/index.stories.tsx | 2 +- src/components/Submit/index.tsx | 3 ++- .../__stories__/Playground.stories.tsx | 4 ++-- .../SubmitErrorAlert/__stories__/index.stories.tsx | 2 +- .../TagsField/__stories__/Required.stories.tsx | 4 ++-- .../TagsField/__stories__/Template.stories.tsx | 5 +++-- .../TagsField/__stories__/index.stories.tsx | 2 +- src/components/TagsField/index.tsx | 4 ++-- .../__stories__/DynamicRequired.stories.tsx | 5 +++-- .../__stories__/MinMaxLength.stories.tsx | 4 ++-- .../TextBoxField/__stories__/Regex.stories.tsx | 4 ++-- .../TextBoxField/__stories__/Required.stories.tsx | 4 ++-- .../TextBoxField/__stories__/Template.stories.tsx | 4 ++-- .../TextBoxField/__stories__/index.stories.tsx | 2 +- src/components/TextBoxField/index.tsx | 7 ++++--- .../TimeField/__stories__/Required.stories.tsx | 4 ++-- .../TimeField/__stories__/Template.stories.tsx | 4 ++-- .../TimeField/__stories__/index.stories.tsx | 2 +- src/components/TimeField/index.tsx | 5 +++-- .../ToggleField/__stories__/Required.stories.tsx | 4 ++-- .../ToggleField/__stories__/Template.stories.tsx | 4 ++-- .../ToggleField/__stories__/index.stories.tsx | 2 +- src/components/ToggleField/index.tsx | 4 ++-- src/components/index.ts | 6 ++++-- src/helpers/jestHelpers.tsx | 4 ++-- src/helpers/pickValidators.ts | 4 ++-- src/hooks/__tests__/useFormField.spec.tsx | 2 +- src/hooks/__tests__/useValidation.spec.ts | 2 +- src/hooks/useFormField.ts | 5 +++-- src/hooks/useValidation.ts | 4 ++-- src/mocks/mockErrors.ts | 2 +- src/providers/ErrorContext/__tests__/index.spec.tsx | 2 +- src/providers/ErrorContext/index.tsx | 13 ++++--------- src/types.ts | 4 ++-- src/validators/max.ts | 2 +- src/validators/maxDate.ts | 2 +- src/validators/maxLength.ts | 2 +- src/validators/min.ts | 2 +- src/validators/minDate.ts | 2 +- src/validators/minLength.ts | 2 +- src/validators/regex.ts | 2 +- src/validators/required.ts | 2 +- src/validators/types.ts | 2 +- 80 files changed, 156 insertions(+), 151 deletions(-) diff --git a/emotion.d.ts b/emotion.d.ts index 8571fa4f..c82d3866 100644 --- a/emotion.d.ts +++ b/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 {} } diff --git a/src/components/CheckboxField/__stories__/BooleanChecked.stories.tsx b/src/components/CheckboxField/__stories__/BooleanChecked.stories.tsx index f2dc37b3..3c5dec2f 100644 --- a/src/components/CheckboxField/__stories__/BooleanChecked.stories.tsx +++ b/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 = ({ errors }) => (
{}} errors={errors} initialValues={{ foo: true }}> diff --git a/src/components/CheckboxField/__stories__/Checked.stories.tsx b/src/components/CheckboxField/__stories__/Checked.stories.tsx index d992fb01..c822efe5 100644 --- a/src/components/CheckboxField/__stories__/Checked.stories.tsx +++ b/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 = ({ errors }) => ( diff --git a/src/components/CheckboxField/__stories__/Required.stories.tsx b/src/components/CheckboxField/__stories__/Required.stories.tsx index 39610097..89fe59d4 100644 --- a/src/components/CheckboxField/__stories__/Required.stories.tsx +++ b/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' diff --git a/src/components/CheckboxField/__stories__/Template.stories.tsx b/src/components/CheckboxField/__stories__/Template.stories.tsx index a2d4bdb6..9cabf3ab 100644 --- a/src/components/CheckboxField/__stories__/Template.stories.tsx +++ b/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 = args => ( diff --git a/src/components/CheckboxField/__stories__/index.stories.tsx b/src/components/CheckboxField/__stories__/index.stories.tsx index ea4cf707..564f8fbf 100644 --- a/src/components/CheckboxField/__stories__/index.stories.tsx +++ b/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' diff --git a/src/components/CheckboxField/index.tsx b/src/components/CheckboxField/index.tsx index 932a7e92..9e6ee436 100644 --- a/src/components/CheckboxField/index.tsx +++ b/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 diff --git a/src/components/DateField/__stories__/MinMaxDate.stories.tsx b/src/components/DateField/__stories__/MinMaxDate.stories.tsx index 215b8cce..efdc396e 100644 --- a/src/components/DateField/__stories__/MinMaxDate.stories.tsx +++ b/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' diff --git a/src/components/DateField/__stories__/MinMaxWithTimeField.stories.tsx b/src/components/DateField/__stories__/MinMaxWithTimeField.stories.tsx index 28532a45..1fbbc7b6 100644 --- a/src/components/DateField/__stories__/MinMaxWithTimeField.stories.tsx +++ b/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' diff --git a/src/components/DateField/__stories__/Required.stories.tsx b/src/components/DateField/__stories__/Required.stories.tsx index 7e8d8194..3be16a69 100644 --- a/src/components/DateField/__stories__/Required.stories.tsx +++ b/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' diff --git a/src/components/DateField/__stories__/Template.stories.tsx b/src/components/DateField/__stories__/Template.stories.tsx index 407484e3..b13c4d33 100644 --- a/src/components/DateField/__stories__/Template.stories.tsx +++ b/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> = args => ( diff --git a/src/components/DateField/__stories__/index.stories.tsx b/src/components/DateField/__stories__/index.stories.tsx index 99675f01..684f3171 100644 --- a/src/components/DateField/__stories__/index.stories.tsx +++ b/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' diff --git a/src/components/DateField/index.tsx b/src/components/DateField/index.tsx index 53d38f13..09cd3c76 100644 --- a/src/components/DateField/index.tsx +++ b/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 & Omit< diff --git a/src/components/Form/__stories__/Playground.stories.tsx b/src/components/Form/__stories__/Playground.stories.tsx index 46c626e7..bd142088 100644 --- a/src/components/Form/__stories__/Playground.stories.tsx +++ b/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, diff --git a/src/components/Form/__stories__/index.stories.tsx b/src/components/Form/__stories__/index.stories.tsx index 913549a1..b69e4f13 100644 --- a/src/components/Form/__stories__/index.stories.tsx +++ b/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 { diff --git a/src/components/Form/index.tsx b/src/components/Form/index.tsx index 3f7243d0..d365037d 100644 --- a/src/components/Form/index.tsx +++ b/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() diff --git a/src/components/RadioField/__stories__/Checked.stories.tsx b/src/components/RadioField/__stories__/Checked.stories.tsx index ed37c5f5..58a3bbca 100644 --- a/src/components/RadioField/__stories__/Checked.stories.tsx +++ b/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 = ({ errors }) => ( {}} errors={errors} initialValues={{ foo: 'bar' }}> diff --git a/src/components/RadioField/__stories__/Required.stories.tsx b/src/components/RadioField/__stories__/Required.stories.tsx index eb09ed58..8549b48d 100644 --- a/src/components/RadioField/__stories__/Required.stories.tsx +++ b/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' diff --git a/src/components/RadioField/__stories__/Template.stories.tsx b/src/components/RadioField/__stories__/Template.stories.tsx index c212bf5b..5abc4a9c 100644 --- a/src/components/RadioField/__stories__/Template.stories.tsx +++ b/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> = args => ( diff --git a/src/components/RadioField/__stories__/index.stories.tsx b/src/components/RadioField/__stories__/index.stories.tsx index ec6e0c13..3f74b164 100644 --- a/src/components/RadioField/__stories__/index.stories.tsx +++ b/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' diff --git a/src/components/RadioField/index.tsx b/src/components/RadioField/index.tsx index 5ddc2b43..b26a768f 100644 --- a/src/components/RadioField/index.tsx +++ b/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['value']> diff --git a/src/components/RichSelectField/__stories__/Groups.stories.tsx b/src/components/RichSelectField/__stories__/Groups.stories.tsx index 33c44f53..a3f5fbaf 100644 --- a/src/components/RichSelectField/__stories__/Groups.stories.tsx +++ b/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 = () => ( = args => ( diff --git a/src/components/RichSelectField/__stories__/index.stories.tsx b/src/components/RichSelectField/__stories__/index.stories.tsx index 990cd02c..fec188f5 100644 --- a/src/components/RichSelectField/__stories__/index.stories.tsx +++ b/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' diff --git a/src/components/RichSelectField/index.tsx b/src/components/RichSelectField/index.tsx index 87d1849c..89ca3157 100644 --- a/src/components/RichSelectField/index.tsx +++ b/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 type RichSelectOptionProps = ComponentProps diff --git a/src/components/SelectNumberField/__stories__/Required.stories.tsx b/src/components/SelectNumberField/__stories__/Required.stories.tsx index 7db7970d..9b681bef 100644 --- a/src/components/SelectNumberField/__stories__/Required.stories.tsx +++ b/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' diff --git a/src/components/SelectNumberField/__stories__/Template.stories.tsx b/src/components/SelectNumberField/__stories__/Template.stories.tsx index 0e82ee43..71503026 100644 --- a/src/components/SelectNumberField/__stories__/Template.stories.tsx +++ b/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< diff --git a/src/components/SelectNumberField/__stories__/index.stories.tsx b/src/components/SelectNumberField/__stories__/index.stories.tsx index b5bbe95a..20f8b064 100644 --- a/src/components/SelectNumberField/__stories__/index.stories.tsx +++ b/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' diff --git a/src/components/SelectNumberField/index.tsx b/src/components/SelectNumberField/index.tsx index 879ffb99..54b4d43b 100644 --- a/src/components/SelectNumberField/index.tsx +++ b/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['value'] diff --git a/src/components/SelectableCardField/__stories__/Checked.stories.tsx b/src/components/SelectableCardField/__stories__/Checked.stories.tsx index c98f433c..a6ee7ae3 100644 --- a/src/components/SelectableCardField/__stories__/Checked.stories.tsx +++ b/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 = ({ errors }) => ( {}} errors={errors} initialValues={{ foo: 'bar' }}> diff --git a/src/components/SelectableCardField/__stories__/Required.stories.tsx b/src/components/SelectableCardField/__stories__/Required.stories.tsx index 5c54408a..65543ac0 100644 --- a/src/components/SelectableCardField/__stories__/Required.stories.tsx +++ b/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' diff --git a/src/components/SelectableCardField/__stories__/Template.stories.tsx b/src/components/SelectableCardField/__stories__/Template.stories.tsx index 04aa404c..0803217c 100644 --- a/src/components/SelectableCardField/__stories__/Template.stories.tsx +++ b/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< diff --git a/src/components/SelectableCardField/__stories__/index.stories.tsx b/src/components/SelectableCardField/__stories__/index.stories.tsx index fbd47f27..749b1932 100644 --- a/src/components/SelectableCardField/__stories__/index.stories.tsx +++ b/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' diff --git a/src/components/SelectableCardField/index.tsx b/src/components/SelectableCardField/index.tsx index 98618dc7..07618218 100644 --- a/src/components/SelectableCardField/index.tsx +++ b/src/components/SelectableCardField/index.tsx @@ -1,9 +1,9 @@ import { SelectableCard } from '@scaleway/ui' -import { FieldState } from 'final-form' -import { ComponentProps } from 'react' +import type { FieldState } from 'final-form' +import type { ComponentProps } from 'react' import { useFormField } from '../../hooks' import { useErrors } from '../../providers/ErrorContext' -import { BaseFieldProps } from '../../types' +import type { BaseFieldProps } from '../../types' type SelectableCardValue = NonNullable< ComponentProps['value'] diff --git a/src/components/Submit/__stories__/Invalid.stories.tsx b/src/components/Submit/__stories__/Invalid.stories.tsx index 79f2938b..63ccd655 100644 --- a/src/components/Submit/__stories__/Invalid.stories.tsx +++ b/src/components/Submit/__stories__/Invalid.stories.tsx @@ -1,4 +1,4 @@ -import { Story } from '@storybook/react' +import type { Story } from '@storybook/react' import { Submit } from '..' import { mockErrors } from '../../../mocks' import { Form } from '../../Form' diff --git a/src/components/Submit/__stories__/Playground.stories.tsx b/src/components/Submit/__stories__/Playground.stories.tsx index 0cf932c4..af266ddd 100644 --- a/src/components/Submit/__stories__/Playground.stories.tsx +++ b/src/components/Submit/__stories__/Playground.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 { Submit } from '..' import { mockErrors } from '../../../mocks' import { Form } from '../../Form' diff --git a/src/components/Submit/__stories__/Submitting.stories.tsx b/src/components/Submit/__stories__/Submitting.stories.tsx index 5376b8c8..efeb66d8 100644 --- a/src/components/Submit/__stories__/Submitting.stories.tsx +++ b/src/components/Submit/__stories__/Submitting.stories.tsx @@ -1,4 +1,4 @@ -import { Story } from '@storybook/react' +import type { Story } from '@storybook/react' import { Submit } from '..' import { mockErrors } from '../../../mocks' import { Form } from '../../Form' diff --git a/src/components/Submit/__stories__/index.stories.tsx b/src/components/Submit/__stories__/index.stories.tsx index fc36e98a..22291aec 100644 --- a/src/components/Submit/__stories__/index.stories.tsx +++ b/src/components/Submit/__stories__/index.stories.tsx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/react' +import type { Meta } from '@storybook/react' import { Submit } from '../..' export default { diff --git a/src/components/Submit/index.tsx b/src/components/Submit/index.tsx index bc5dbec0..1b863421 100644 --- a/src/components/Submit/index.tsx +++ b/src/components/Submit/index.tsx @@ -1,5 +1,6 @@ import { Button } from '@scaleway/ui' -import { ComponentProps, ReactNode, useEffect, useState } from 'react' +import type { ComponentProps, ReactNode } from 'react' +import { useEffect, useState } from 'react' import { useFormState } from 'react-final-form' type SubmitProps = { diff --git a/src/components/SubmitErrorAlert/__stories__/Playground.stories.tsx b/src/components/SubmitErrorAlert/__stories__/Playground.stories.tsx index 730e3250..34227f3a 100644 --- a/src/components/SubmitErrorAlert/__stories__/Playground.stories.tsx +++ b/src/components/SubmitErrorAlert/__stories__/Playground.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 { FORM_ERROR, Submit, SubmitErrorAlert } from '../../..' import { mockErrors } from '../../../mocks' import { Form } from '../../Form' diff --git a/src/components/SubmitErrorAlert/__stories__/index.stories.tsx b/src/components/SubmitErrorAlert/__stories__/index.stories.tsx index f3ec1954..8b7c42c3 100644 --- a/src/components/SubmitErrorAlert/__stories__/index.stories.tsx +++ b/src/components/SubmitErrorAlert/__stories__/index.stories.tsx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/react' +import type { Meta } from '@storybook/react' import { SubmitErrorAlert } from '../..' export default { diff --git a/src/components/TagsField/__stories__/Required.stories.tsx b/src/components/TagsField/__stories__/Required.stories.tsx index 3ac7d7a2..d4ce27aa 100644 --- a/src/components/TagsField/__stories__/Required.stories.tsx +++ b/src/components/TagsField/__stories__/Required.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 { TagsField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/TagsField/__stories__/Template.stories.tsx b/src/components/TagsField/__stories__/Template.stories.tsx index eaf77ae6..72a797ff 100644 --- a/src/components/TagsField/__stories__/Template.stories.tsx +++ b/src/components/TagsField/__stories__/Template.stories.tsx @@ -1,4 +1,5 @@ -import { Story } from '@storybook/react' -import { TagsField, TagsFieldProps } from '..' +import type { Story } from '@storybook/react' +import type { TagsFieldProps } from '..' +import { TagsField } from '..' export const Template: Story = args => diff --git a/src/components/TagsField/__stories__/index.stories.tsx b/src/components/TagsField/__stories__/index.stories.tsx index 6b478a90..2a5f8c72 100644 --- a/src/components/TagsField/__stories__/index.stories.tsx +++ b/src/components/TagsField/__stories__/index.stories.tsx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/react' +import type { Meta } from '@storybook/react' import { TagsField } from '..' import { Form } from '../..' import { mockErrors } from '../../../mocks' diff --git a/src/components/TagsField/index.tsx b/src/components/TagsField/index.tsx index 52bf099f..f99b7695 100644 --- a/src/components/TagsField/index.tsx +++ b/src/components/TagsField/index.tsx @@ -1,7 +1,7 @@ import { Tags } from '@scaleway/ui' -import { ComponentProps } from 'react' +import type { ComponentProps } from 'react' import { useFormField } from '../../hooks' -import { BaseFieldProps } from '../../types' +import type { BaseFieldProps } from '../../types' export type TagsFieldProps = BaseFieldProps & Partial< diff --git a/src/components/TextBoxField/__stories__/DynamicRequired.stories.tsx b/src/components/TextBoxField/__stories__/DynamicRequired.stories.tsx index 7ea7565f..b98fbcde 100644 --- a/src/components/TextBoxField/__stories__/DynamicRequired.stories.tsx +++ b/src/components/TextBoxField/__stories__/DynamicRequired.stories.tsx @@ -1,6 +1,7 @@ import { Checkbox, Stack } from '@scaleway/ui' -import { Story } from '@storybook/react' -import { ComponentProps, useState } from 'react' +import type { Story } from '@storybook/react' +import type { ComponentProps } from 'react' +import { useState } from 'react' import { TextBoxField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/TextBoxField/__stories__/MinMaxLength.stories.tsx b/src/components/TextBoxField/__stories__/MinMaxLength.stories.tsx index 0f6f15ed..c252d591 100644 --- a/src/components/TextBoxField/__stories__/MinMaxLength.stories.tsx +++ b/src/components/TextBoxField/__stories__/MinMaxLength.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 { TextBoxField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/TextBoxField/__stories__/Regex.stories.tsx b/src/components/TextBoxField/__stories__/Regex.stories.tsx index dac52baa..619c5c1a 100644 --- a/src/components/TextBoxField/__stories__/Regex.stories.tsx +++ b/src/components/TextBoxField/__stories__/Regex.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 { TextBoxField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/TextBoxField/__stories__/Required.stories.tsx b/src/components/TextBoxField/__stories__/Required.stories.tsx index fe611b15..5cabff5c 100644 --- a/src/components/TextBoxField/__stories__/Required.stories.tsx +++ b/src/components/TextBoxField/__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 { TextBoxField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/TextBoxField/__stories__/Template.stories.tsx b/src/components/TextBoxField/__stories__/Template.stories.tsx index ebbdb6dc..7a402447 100644 --- a/src/components/TextBoxField/__stories__/Template.stories.tsx +++ b/src/components/TextBoxField/__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 { TextBoxField } from '..' export const Template: Story> = args => ( diff --git a/src/components/TextBoxField/__stories__/index.stories.tsx b/src/components/TextBoxField/__stories__/index.stories.tsx index 601cf49e..9596bc2d 100644 --- a/src/components/TextBoxField/__stories__/index.stories.tsx +++ b/src/components/TextBoxField/__stories__/index.stories.tsx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/react' +import type { Meta } from '@storybook/react' import { Form, TextBoxField } from '../..' import { mockErrors } from '../../../mocks/mockErrors' diff --git a/src/components/TextBoxField/index.tsx b/src/components/TextBoxField/index.tsx index 6d875383..6582e4ed 100644 --- a/src/components/TextBoxField/index.tsx +++ b/src/components/TextBoxField/index.tsx @@ -1,9 +1,10 @@ import { TextBox } from '@scaleway/ui' -import { FieldState } from 'final-form' -import { ComponentProps, FocusEvent, Ref, forwardRef } from 'react' +import type { FieldState } from 'final-form' +import type { ComponentProps, FocusEvent, 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 TextBoxValue = NonNullable['value']> diff --git a/src/components/TimeField/__stories__/Required.stories.tsx b/src/components/TimeField/__stories__/Required.stories.tsx index 15d9ad97..89f45537 100644 --- a/src/components/TimeField/__stories__/Required.stories.tsx +++ b/src/components/TimeField/__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 { TimeField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/TimeField/__stories__/Template.stories.tsx b/src/components/TimeField/__stories__/Template.stories.tsx index 13796f9f..21383cde 100644 --- a/src/components/TimeField/__stories__/Template.stories.tsx +++ b/src/components/TimeField/__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 { TimeField } from '..' export const Template: Story> = args => ( diff --git a/src/components/TimeField/__stories__/index.stories.tsx b/src/components/TimeField/__stories__/index.stories.tsx index dd729a23..9106251d 100644 --- a/src/components/TimeField/__stories__/index.stories.tsx +++ b/src/components/TimeField/__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, TimeField } from '../..' import { mockErrors } from '../../../mocks' diff --git a/src/components/TimeField/index.tsx b/src/components/TimeField/index.tsx index 7c091c5a..fb5d7f94 100644 --- a/src/components/TimeField/index.tsx +++ b/src/components/TimeField/index.tsx @@ -1,7 +1,8 @@ import { TimeInput } from '@scaleway/ui' -import { ComponentProps, useMemo } from 'react' +import type { ComponentProps } from 'react' +import { useMemo } from 'react' import { useFormField } from '../../hooks' -import { BaseFieldProps } from '../../types' +import type { BaseFieldProps } from '../../types' const parseTime = (date?: Date | string): { label: string; value: string } => { const timeStr = diff --git a/src/components/ToggleField/__stories__/Required.stories.tsx b/src/components/ToggleField/__stories__/Required.stories.tsx index 74cfb38c..34f0c504 100644 --- a/src/components/ToggleField/__stories__/Required.stories.tsx +++ b/src/components/ToggleField/__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 { ToggleField } from '..' import { Submit } from '../../Submit' diff --git a/src/components/ToggleField/__stories__/Template.stories.tsx b/src/components/ToggleField/__stories__/Template.stories.tsx index f3e9afff..3f1fa20a 100644 --- a/src/components/ToggleField/__stories__/Template.stories.tsx +++ b/src/components/ToggleField/__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 { ToggleField } from '..' export const Template: Story> = args => ( diff --git a/src/components/ToggleField/__stories__/index.stories.tsx b/src/components/ToggleField/__stories__/index.stories.tsx index 37c39146..a6856a06 100644 --- a/src/components/ToggleField/__stories__/index.stories.tsx +++ b/src/components/ToggleField/__stories__/index.stories.tsx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/react' +import type { Meta } from '@storybook/react' import { Form, ToggleField } from '../..' import { mockErrors } from '../../../mocks' diff --git a/src/components/ToggleField/index.tsx b/src/components/ToggleField/index.tsx index d8a4a3da..f2814b82 100644 --- a/src/components/ToggleField/index.tsx +++ b/src/components/ToggleField/index.tsx @@ -1,7 +1,7 @@ import { Toggle } from '@scaleway/ui' -import { ComponentProps } from 'react' +import type { ComponentProps } from 'react' import { useFormField } from '../../hooks' -import { BaseFieldProps } from '../../types' +import type { BaseFieldProps } from '../../types' type ToggleFieldProps = BaseFieldProps & Pick< diff --git a/src/components/index.ts b/src/components/index.ts index f63d41f3..e139e981 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,8 +1,10 @@ export { CheckboxField } from './CheckboxField' export { DateField } from './DateField' -export { Form, FormProps } from './Form' +export type { FormProps } from './Form' +export { Form } from './Form' export { RadioField } from './RadioField' -export { RichSelectField, RichSelectFieldProps } from './RichSelectField' +export type { RichSelectFieldProps } from './RichSelectField' +export { RichSelectField } from './RichSelectField' export { SelectableCardField } from './SelectableCardField' export { SelectNumberField } from './SelectNumberField' export { SubmitErrorAlert } from './SubmitErrorAlert' diff --git a/src/helpers/jestHelpers.tsx b/src/helpers/jestHelpers.tsx index 1dac80db..dbbba8db 100644 --- a/src/helpers/jestHelpers.tsx +++ b/src/helpers/jestHelpers.tsx @@ -2,11 +2,11 @@ import { ThemeProvider } from '@emotion/react' import makeHelpers from '@scaleway/jest-helpers' import { theme as lightTheme } from '@scaleway/ui' import { render } from '@testing-library/react' -import { ComponentProps, ReactElement, ReactNode } from 'react' +import type { ComponentProps, ReactElement, ReactNode } from 'react' import { Form } from '../components' import { mockErrors } from '../mocks' -interface WrapperProps { +type WrapperProps = { theme?: typeof lightTheme children: ReactNode } diff --git a/src/helpers/pickValidators.ts b/src/helpers/pickValidators.ts index 3e6fcc47..1fdcbca3 100644 --- a/src/helpers/pickValidators.ts +++ b/src/helpers/pickValidators.ts @@ -1,6 +1,6 @@ -import { ValidatorObject, ValidatorProps } from '../types' +import type { ValidatorObject, ValidatorProps } from '../types' import validators from '../validators' -import { ValidatorFn } from '../validators/types' +import type { ValidatorFn } from '../validators/types' export const pickValidators = (args: ValidatorProps) => Object.entries(args) diff --git a/src/hooks/__tests__/useFormField.spec.tsx b/src/hooks/__tests__/useFormField.spec.tsx index b9170998..35db8ed3 100644 --- a/src/hooks/__tests__/useFormField.spec.tsx +++ b/src/hooks/__tests__/useFormField.spec.tsx @@ -1,5 +1,5 @@ import { renderHook } from '@testing-library/react' -import { ReactElement } from 'react' +import type { ReactElement } from 'react' import { Form } from '../../components' import { mockErrors } from '../../mocks' import { useFormField } from '../useFormField' diff --git a/src/hooks/__tests__/useValidation.spec.ts b/src/hooks/__tests__/useValidation.spec.ts index f28b8717..b1ccbd52 100644 --- a/src/hooks/__tests__/useValidation.spec.ts +++ b/src/hooks/__tests__/useValidation.spec.ts @@ -1,5 +1,5 @@ import { renderHook } from '@testing-library/react' -import { ValidatorObject } from '../../types' +import type { ValidatorObject } from '../../types' import { useValidation } from '../useValidation' const fakeValidator = (success?: boolean) => diff --git a/src/hooks/useFormField.ts b/src/hooks/useFormField.ts index cbe4bbce..bdd5c088 100644 --- a/src/hooks/useFormField.ts +++ b/src/hooks/useFormField.ts @@ -1,7 +1,8 @@ import { useMemo } from 'react' -import { UseFieldConfig, useField } from 'react-final-form' +import type { UseFieldConfig } from 'react-final-form' +import { useField } from 'react-final-form' import { pickValidators } from '../helpers' -import { ValidatorProps } from '../types' +import type { ValidatorProps } from '../types' import { useValidation } from './useValidation' export const useFormField = < diff --git a/src/hooks/useValidation.ts b/src/hooks/useValidation.ts index d168fc51..7eecc338 100644 --- a/src/hooks/useValidation.ts +++ b/src/hooks/useValidation.ts @@ -1,6 +1,6 @@ -import { AnyObject, FieldState, FieldValidator } from 'final-form' +import type { AnyObject, FieldState, FieldValidator } from 'final-form' import { useCallback } from 'react' -import { ValidatorObject } from '../types' +import type { ValidatorObject } from '../types' type UseValidationParams = { validators: ValidatorObject[] diff --git a/src/mocks/mockErrors.ts b/src/mocks/mockErrors.ts index 54b64bbc..0942ba87 100644 --- a/src/mocks/mockErrors.ts +++ b/src/mocks/mockErrors.ts @@ -1,4 +1,4 @@ -import { FormErrors } from '../types' +import type { FormErrors } from '../types' export const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i diff --git a/src/providers/ErrorContext/__tests__/index.spec.tsx b/src/providers/ErrorContext/__tests__/index.spec.tsx index eaf36584..76e4a556 100644 --- a/src/providers/ErrorContext/__tests__/index.spec.tsx +++ b/src/providers/ErrorContext/__tests__/index.spec.tsx @@ -1,5 +1,5 @@ import { renderHook } from '@testing-library/react' -import { ReactNode } from 'react' +import type { ReactNode } from 'react' import { Form as ReactFinalForm } from 'react-final-form' import { ErrorProvider, useErrors } from '..' import { shouldMatchEmotionSnapshot } from '../../../helpers/jestHelpers' diff --git a/src/providers/ErrorContext/index.tsx b/src/providers/ErrorContext/index.tsx index 1626c334..aa865867 100644 --- a/src/providers/ErrorContext/index.tsx +++ b/src/providers/ErrorContext/index.tsx @@ -1,13 +1,8 @@ -import { AnyObject } from 'final-form' -import { - ReactNode, - createContext, - useCallback, - useContext, - useMemo, -} from 'react' +import type { AnyObject } from 'final-form' +import type { ReactNode } from 'react' +import { createContext, useCallback, useContext, useMemo } from 'react' import { useFormState } from 'react-final-form' -import { FormErrorFunctionParams, FormErrors } from '../../types' +import type { FormErrorFunctionParams, FormErrors } from '../../types' type GetErrorProps = Omit & AnyObject & { errorProp?: string; additionalErrorChecks?: boolean } diff --git a/src/types.ts b/src/types.ts index 2f69c0b1..e2ec4cbb 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,10 +1,10 @@ -import { +import type { AnyObject, FieldState, FieldSubscription, FieldValidator, } from 'final-form' -import { UseFieldConfig } from 'react-final-form' +import type { UseFieldConfig } from 'react-final-form' export type FormErrorFunctionParams = { label: string diff --git a/src/validators/max.ts b/src/validators/max.ts index 5096facb..93fa2bef 100644 --- a/src/validators/max.ts +++ b/src/validators/max.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const maxValidator: ValidatorFn = max => ({ error: 'TOO_HIGH', diff --git a/src/validators/maxDate.ts b/src/validators/maxDate.ts index 2b0a26d8..55658164 100644 --- a/src/validators/maxDate.ts +++ b/src/validators/maxDate.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const maxDateValidator: ValidatorFn = maxDate => ({ error: 'MAX_DATE', diff --git a/src/validators/maxLength.ts b/src/validators/maxLength.ts index 6a7f9ffb..4841d95a 100644 --- a/src/validators/maxLength.ts +++ b/src/validators/maxLength.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const maxLengthValidator: ValidatorFn = maxLength => ({ error: 'MAX_LENGTH', diff --git a/src/validators/min.ts b/src/validators/min.ts index 01e4d0d0..bbeb9bf1 100644 --- a/src/validators/min.ts +++ b/src/validators/min.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const minValidator: ValidatorFn = min => ({ error: 'TOO_LOW', diff --git a/src/validators/minDate.ts b/src/validators/minDate.ts index e7f811e3..174d7335 100644 --- a/src/validators/minDate.ts +++ b/src/validators/minDate.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const minDateValidator: ValidatorFn = minDate => ({ error: 'MIN_DATE', diff --git a/src/validators/minLength.ts b/src/validators/minLength.ts index ce20775b..601cc179 100644 --- a/src/validators/minLength.ts +++ b/src/validators/minLength.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const minLengthValidator: ValidatorFn = minLength => ({ error: 'MIN_LENGTH', diff --git a/src/validators/regex.ts b/src/validators/regex.ts index aca4d6d0..02c8e518 100644 --- a/src/validators/regex.ts +++ b/src/validators/regex.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const validator: ValidatorFn = regexes => ({ error: 'REGEX', diff --git a/src/validators/required.ts b/src/validators/required.ts index bb9c54ef..bc4ae8cd 100644 --- a/src/validators/required.ts +++ b/src/validators/required.ts @@ -1,4 +1,4 @@ -import { ValidatorFn } from './types' +import type { ValidatorFn } from './types' const requiredValidator: ValidatorFn = required => ({ error: 'REQUIRED', diff --git a/src/validators/types.ts b/src/validators/types.ts index 92a2491d..670ce8de 100644 --- a/src/validators/types.ts +++ b/src/validators/types.ts @@ -1,4 +1,4 @@ -import { ValidatorObject } from '../types' +import type { ValidatorObject } from '../types' export type ValidatorFn = ( args: ArgsValue,