Skip to content

Upgrade Storybook to v7 #583

Upgrade Storybook to v7

Upgrade Storybook to v7 #583

Triggered via pull request November 13, 2023 09:02
@rushirushi
synchronize #281
Status Failure
Total duration 1m 5s
Artifacts

eslint-annotate.yml

on: pull_request_target
GenerateReport
53s
GenerateReport
Fit to window
Zoom out
Zoom in

Annotations

79 errors and 32 warnings
src/stories/Configuration/BorderRadius.stories.jsx#L11
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Configuration/Config.stories.jsx#L10
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Configuration/Fonts.stories.jsx#L16
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Configuration/Links.stories.jsx#L14
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Configuration/Paragraphs.stories.jsx#L14
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Configuration/Spacing.stories.jsx#L18
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Configuration/Text.stories.jsx#L14
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/Alert.stories.jsx#L5
[import/no-anonymous-default-export] Assign object to a variable before exporting as module default
src/stories/DataDisplay/Alert.stories.jsx#L45
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/Alert.stories.jsx#L72
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/Alert.stories.jsx#L75
[no-undef] 'alert' is not defined.
src/stories/DataDisplay/Counter.stories.jsx#L23
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/Currency.stories.jsx#L87
[react/jsx-key] Missing "key" prop for element in iterator
src/stories/DataDisplay/Currency.stories.jsx#L101
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/Currency.stories.jsx#L106
[react/no-unescaped-entities] `'` can be escaped with `'`, `‘`, `'`, `’`.
src/stories/DataDisplay/Currency.stories.jsx#L110
[react/jsx-key] Missing "key" prop for element in iterator
src/stories/DataDisplay/Currency.stories.jsx#L126
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/Currency.stories.jsx#L157
[react/jsx-key] Missing "key" prop for element in iterator
src/stories/DataDisplay/DatePicker.stories.jsx#L48
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L49
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L55
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L56
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L83
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L84
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L85
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L114
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L115
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L135
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L136
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L171
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L172
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L202
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L203
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L214
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L215
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L253
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L265
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L266
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L280
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L281
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L282
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L300
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L301
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L302
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DatePicker.stories.jsx#L334
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DatePicker.stories.jsx#L335
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DateRangePicker.stories.jsx#L41
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DateRangePicker.stories.jsx#L42
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DateRangePicker.stories.jsx#L49
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/DataDisplay/DateRangePicker.stories.jsx#L50
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DateRangePicker.stories.jsx#L70
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/DateRangePicker.stories.jsx#L71
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/DataDisplay/Number.stories.jsx#L69
[react/jsx-key] Missing "key" prop for element in iterator
src/stories/Forms/Button.stories.jsx#L6
[unicorn/prevent-abbreviations] The variable `defaultArgTypes` should be named `defaultArgumentTypes`. A more descriptive name will do too.
src/stories/Forms/Button.stories.jsx#L23
[import/no-anonymous-default-export] Assign object to a variable before exporting as module default
src/stories/Forms/Button.stories.jsx#L59
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Forms/Button.stories.jsx#L87
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Forms/Button.stories.jsx#L115
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Forms/Button.stories.jsx#L142
[unicorn/prevent-abbreviations] The variable `args` should be named `arguments_`. A more descriptive name will do too.
src/stories/Forms/ButtonGroup.stories.jsx#L4
[import/order] `lodash` import should occur before import of `../..`
src/stories/Forms/ButtonGroup.stories.jsx#L6
[import/no-anonymous-default-export] Assign object to a variable before exporting as module default
src/stories/Forms/ButtonGroup.stories.jsx#L34
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/Forms/ButtonGroup.stories.jsx#L53
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/Forms/ButtonGroup.stories.jsx#L79
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/Forms/ButtonGroup.stories.jsx#L98
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/Forms/Checkbox.stories.jsx#L23
[react-hooks/rules-of-hooks] React Hook "useState" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".
src/stories/Forms/ToggleButton.stories.jsx#L4
[import/no-anonymous-default-export] Assign object to a variable before exporting as module default
src/stories/Forms/ToggleButton.stories.jsx#L22
[react/jsx-key] Missing "key" prop for element in iterator
src/stories/Media/Icons.stories.jsx#L69
[no-undef] 'navigator' is not defined.
src/stories/Media/ImageUpload.stories.jsx#L79
[no-dupe-keys] Duplicate key 'csvAcceptFormats'.
src/stories/Media/ImageUpload.stories.jsx#L107
[no-undef] 'FileReader' is not defined.
src/stories/Media/ImageUpload.stories.jsx#L129
[react/jsx-sort-props] Callbacks must be listed after all other props
src/stories/Navigation/Sidebar.stories.jsx#L50
[no-undef] 'window' is not defined.
src/stories/Navigation/Sidebar.stories.jsx#L93
[react/no-unescaped-entities] `"` can be escaped with `"`, `“`, `"`, `”`.
src/stories/Navigation/Sidebar.stories.jsx#L93
[react/no-unescaped-entities] `"` can be escaped with `"`, `“`, `"`, `”`.
src/stories/Other/HeaderToolbar.stories.jsx#L28
[no-undef] 'alert' is not defined.
src/stories/Screens/Login.stories.jsx#L42
[no-undef] 'alert' is not defined.
src/stories/helpers.ts#L9
[unicorn/prevent-abbreviations] The variable `argTypes` should be named `argumentTypes`. A more descriptive name will do too.
GenerateReport
ESLint issues detected.
src/stories/Configuration/BorderRadius.stories.jsx#L11
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/Configuration/Config.stories.jsx#L10
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/Configuration/Fonts.stories.jsx#L16
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/Configuration/Links.stories.jsx#L14
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/Configuration/Paragraphs.stories.jsx#L14
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/Configuration/Spacing.stories.jsx#L18
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/Configuration/Text.stories.jsx#L14
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/Alert.stories.jsx#L72
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/Counter.stories.jsx#L23
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/Currency.stories.jsx#L101
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/Currency.stories.jsx#L126
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L48
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L55
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L83
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L114
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L135
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L171
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L202
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L214
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L253
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L265
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L280
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L300
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DatePicker.stories.jsx#L334
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DateRangePicker.stories.jsx#L41
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DateRangePicker.stories.jsx#L49
[@typescript-eslint/no-unused-vars] 'args' is defined but never used.
src/stories/DataDisplay/DotProgress.stories.jsx#L1
[@typescript-eslint/no-unused-vars] 'React' is defined but never used.
src/stories/DataDisplay/Tag.stories.jsx#L30
[@typescript-eslint/no-unused-vars] 'onTagCloseClick' is assigned a value but never used.
src/stories/Forms/ButtonGroup.stories.jsx#L4
[@typescript-eslint/no-unused-vars] 'size' is defined but never used.
GenerateReport
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2, ataylorme/[email protected]. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
GenerateReport
Unexpected input(s) 'persist-credential', valid inputs are ['repository', 'ref', 'token', 'ssh-key', 'ssh-known-hosts', 'ssh-strict', 'persist-credentials', 'path', 'clean', 'fetch-depth', 'lfs', 'submodules', 'set-safe-directory']
GenerateReport
Unexpected input(s) 'persist-credential', valid inputs are ['repository', 'ref', 'token', 'ssh-key', 'ssh-known-hosts', 'ssh-strict', 'persist-credentials', 'path', 'clean', 'fetch-depth', 'lfs', 'submodules', 'set-safe-directory']