@omniumretail/component-library 1.2.69 → 1.2.70

package/package.json

@@ -1,186 +1,184 @@
-{
-  "name": "@omniumretail/component-library",
-  "version": "1.2.69",
-  "private": false,
-  "main": "dist/bundle.js",
-  "typings": "./dist/types/index",
-  "dependencies": {
-    "@ant-design/icons": "^4.8.0",
-    "@svgr/webpack": "^5.5.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^29.2.4",
-    "@types/node": "^18.11.11",
-    "@types/react": "^18.0.26",
-    "@types/react-beautiful-dnd": "^13.1.3",
-    "@types/react-dom": "^18.0.9",
-    "antd": "^5.18.3",
-    "antd-img-crop": "^4.10.2",
-    "babel-jest": "^27.4.2",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "browser-image-compression": "^2.0.2",
-    "browserslist": "^4.18.1",
-    "camelcase": "^6.2.1",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "classnames": "^2.3.2",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.2.0",
-    "dotenv": "^10.0.0",
-    "dotenv-expand": "^5.1.0",
-    "eslint": "^8.3.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-webpack-plugin": "^3.1.1",
-    "file-loader": "^6.2.0",
-    "fs-extra": "^10.0.0",
-    "html-webpack-plugin": "^5.5.0",
-    "html2canvas": "^1.4.1",
-    "i18next": "^22.4.9",
-    "i18next-browser-languagedetector": "^7.0.1",
-    "i18next-fetch-backend": "^5.0.1",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.4.3",
-    "jest-resolve": "^27.4.2",
-    "jest-watch-typeahead": "^1.0.0",
-    "jspdf": "^2.5.2",
-    "lodash.merge": "^4.6.2",
-    "mini-css-extract-plugin": "^2.7.2",
-    "moment": "^2.29.4",
-    "postcss": "^8.4.4",
-    "postcss-loader": "^6.2.1",
-    "prompts": "^2.4.2",
-    "rc-tween-one": "^3.0.6",
-    "react": "^18.2.0",
-    "react-app-polyfill": "^3.0.0",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-dev-utils": "^12.0.1",
-    "react-dom": "^18.2.0",
-    "react-easy-crop": "^4.7.4",
-    "react-i18next": "^12.1.4",
-    "react-webcam": "^7.1.1",
-    "sass": "^1.56.1",
-    "sass-loader": "^12.3.0",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.2.5",
-    "typescript": "^4.9.3",
-    "url-loader": "^4.1.1",
-    "web-vitals": "^2.1.0",
-    "xlsx": "^0.18.5"
-  },
-  "scripts": {
-    "prepublish": "rm -rf ./dist && npm run build",
-    "start": "webpack -w",
-    "build": "webpack",
-    "test": "node scripts/test.js",
-    "storybook": "start-storybook -p 6006 -c .storybook watch-css -s public",
-    "build-storybook": "build-storybook -s public",
-    "deploy": "aws s3 sync storybook-static/ s3://changeToBucketName"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@storybook/addon-actions": "^6.5.14",
-    "@storybook/addon-essentials": "^6.5.14",
-    "@storybook/addon-interactions": "^6.5.14",
-    "@storybook/addon-links": "^6.5.14",
-    "@storybook/builder-webpack5": "^6.5.14",
-    "@storybook/manager-webpack5": "^6.5.14",
-    "@storybook/node-logger": "^6.5.14",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.14",
-    "@storybook/testing-library": "^0.0.13",
-    "prop-types": "^15.8.1",
-    "react-scripts": "^5.0.1",
-    "storybook-addon-sass-postcss": "^0.1.3",
-    "storybook-css-modules": "^1.0.8",
-    "ts-loader": "^9.4.2",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jsdom",
-    "transform": {
-      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [
-      "/Users/carlossoares/Workplace/Sitoo/components-lib-omnium/component-library/src"
-    ],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ],
-    "resetMocks": true
-  },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
-  }
-}
+{
+  "name": "@omniumretail/component-library",
+  "version": "1.2.70",
+  "private": false,
+  "main": "dist/bundle.js",
+  "typings": "./dist/types/index",
+  "dependencies": {
+    "@ant-design/icons": "^4.8.0",
+    "@hello-pangea/dnd": "^18.0.1",
+    "@svgr/webpack": "^5.5.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/jest": "^29.2.4",
+    "@types/node": "^18.11.11",
+    "@types/react": "^18.0.26",
+    "@types/react-beautiful-dnd": "^13.1.3",
+    "@types/react-dom": "^18.0.9",
+    "antd": "^5.18.3",
+    "antd-img-crop": "^4.10.2",
+    "babel-jest": "^27.4.2",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-preset-react-app": "^10.0.1",
+    "browser-image-compression": "^2.0.2",
+    "browserslist": "^4.18.1",
+    "camelcase": "^6.2.1",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "classnames": "^2.3.2",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.2.0",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "eslint": "^8.3.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-webpack-plugin": "^3.1.1",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^10.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "html2canvas": "^1.4.1",
+    "i18next": "^22.4.9",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-fetch-backend": "^5.0.1",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^27.4.3",
+    "jest-resolve": "^27.4.2",
+    "jest-watch-typeahead": "^1.0.0",
+    "jspdf": "^2.5.2",
+    "lodash.merge": "^4.6.2",
+    "mini-css-extract-plugin": "^2.7.2",
+    "moment": "^2.29.4",
+    "postcss": "^8.4.4",
+    "postcss-loader": "^6.2.1",
+    "prompts": "^2.4.2",
+    "rc-tween-one": "^3.0.6",
+    "react": "^18.2.0",
+    "react-app-polyfill": "^3.0.0",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^18.2.0",
+    "react-easy-crop": "^4.7.4",
+    "react-i18next": "^12.1.4",
+    "react-webcam": "^7.1.1",
+    "sass": "^1.56.1",
+    "sass-loader": "^12.3.0",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.2.5",
+    "typescript": "^4.9.3",
+    "url-loader": "^4.1.1",
+    "web-vitals": "^2.1.0",
+    "xlsx": "^0.18.5"
+  },
+  "scripts": {
+    "prepublish": "rd /s /q .\\dist && yarn build",
+    "start": "webpack -w",
+    "build": "webpack",
+    "test": "node scripts/test.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "deploy": "aws s3 sync storybook-static/ s3://changeToBucketName"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "9.1.2",
+    "@storybook/addon-links": "^9.1.2",
+    "@storybook/builder-webpack5": "^9.1.2",
+    "@storybook/cli": "^9.1.2",
+    "@storybook/manager-webpack5": "^6.5.14",
+    "@storybook/preset-create-react-app": "^9.1.2",
+    "@storybook/react-webpack5": "^9.1.2",
+    "@storybook/testing-library": "^0.0.13",
+    "prop-types": "^15.8.1",
+    "react-scripts": "^5.0.1",
+    "storybook-addon-sass-postcss": "^0.1.3",
+    "storybook-css-modules": "^1.0.8",
+    "ts-loader": "^9.4.2",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}",
+      "!src/**/*.d.ts"
+    ],
+    "setupFiles": [
+      "react-app-polyfill/jsdom"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
+    ],
+    "testEnvironment": "jsdom",
+    "transform": {
+      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
+      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
+      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
+      "^.+\\.module\\.(css|sass|scss)$"
+    ],
+    "modulePaths": [
+      "/Users/carlossoares/Workplace/Sitoo/components-lib-omnium/component-library/src"
+    ],
+    "moduleNameMapper": {
+      "^react-native$": "react-native-web",
+      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
+    },
+    "moduleFileExtensions": [
+      "web.js",
+      "js",
+      "web.ts",
+      "ts",
+      "web.tsx",
+      "tsx",
+      "json",
+      "web.jsx",
+      "jsx",
+      "node"
+    ],
+    "watchPlugins": [
+      "jest-watch-typeahead/filename",
+      "jest-watch-typeahead/testname"
+    ],
+    "resetMocks": true
+  },
+  "babel": {
+    "presets": [
+      "react-app"
+    ]
+  }
+}

package/src/components/AnalyticsBar/AnalyticsBar.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { AnalyticsBar } from '.';
 import { AnalyticsBarProps } from './interfaces/analyticsBar';
 import { getItem } from './helpers/codeMutation';
@@ -9,7 +9,7 @@ export default {
     component: AnalyticsBar,
 } as Meta;
 
-const Template: Story<AnalyticsBarProps> = (args) => {
+const Template: StoryFn<AnalyticsBarProps> = (args: any) => {
     const [sortedBy, setSortedBy] = useState<any>('');
     const [optionInUse, setOptionInUse] = useState<any>();
     const [activeListItem, setActiveListItem] = useState<any>();

package/src/components/BellNotifications/BellNotifications.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { BellNotifications, BellNotificationsProps } from '.';
 
 export default {
@@ -6,7 +6,7 @@ export default {
     component: BellNotifications,
 } as Meta;
 
-const Template: Story<BellNotificationsProps> = (args) => <BellNotifications {...args}></BellNotifications>;
+const Template: StoryFn<BellNotificationsProps> = (args: any) => <BellNotifications {...args}></BellNotifications>;
 
 const notifications = [
     {

package/src/components/Button/Button.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Button, CustomButtonProps } from '.';
 
 export default {
@@ -6,7 +6,7 @@ export default {
     component: Button,
 } as Meta;
 
-const Template: Story<CustomButtonProps> = (args) => <Button {...args}>ola</Button>;
+const Template: StoryFn<CustomButtonProps> = (args: any) => <Button {...args}>ola</Button>;
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/Category/Category.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { useEffect, useState } from "react";
 import { Category } from '.';
 
@@ -7,7 +7,7 @@ export default {
     component: Category,
 } as Meta;
 
-const Template: Story<any> = (args) => {
+const Template: StoryFn<any> = (args: any) => {
     const [serverData, setServerData] = useState<any>();
 
     useEffect(() => {

package/src/components/CategoryReadOnly/CategoryReadOnly.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Button } from "components/Button";
 import { useEffect, useRef, useState } from "react";
 import { CategoryReadOnly } from '.';
@@ -8,7 +8,7 @@ export default {
     component: CategoryReadOnly,
 } as Meta;
 
-const Template: Story<any> = (args) => {
+const Template: StoryFn<any> = (args: any) => {
     const [serverData, setServerData] = useState<any>();
     const categoryResponseRef = useRef(null);
     const [hasNext, setHasNext] = useState(true);

package/src/components/CategoryResponse/CategoryResponse.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Button } from "components/Button";
 import { useEffect, useRef, useState } from "react";
 import { CategoryResponse } from '.';
@@ -10,7 +10,7 @@ export default {
     component: CategoryResponse,
 } as Meta;
 
-const Template: Story<any> = (args) => {
+const Template: StoryFn<any> = (args: any) => {
     const [serverData, setServerData] = useState<any>();
     const categoryResponseRef = useRef(null);
     const [hasNext, setHasNext] = useState(true);

package/src/components/DatePicker/DatePicker.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { CustomDatePicker, CustomDatePickerProps } from '.';
 
 export default {
@@ -6,7 +6,7 @@ export default {
     component: CustomDatePicker,
 } as Meta;
 
-const Template: Story<CustomDatePickerProps> = (args) => <CustomDatePicker {...args}></CustomDatePicker>;
+const Template: StoryFn<CustomDatePickerProps> = (args: any) => <CustomDatePicker {...args}></CustomDatePicker>;
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/DatePickerTag/DatePickerTag.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { DatePickerTag } from '.';
 import { TagProps } from 'antd';
 import { useState } from "react";
@@ -8,7 +8,7 @@ export default {
     component: DatePickerTag,
 } as Meta;
 
-const Template: Story<TagProps> = (args) => {
+const Template: StoryFn<TagProps> = (args: any) => {
     const [tagsInfo, setTagsInfo] = useState<any>({});
     
     return <DatePickerTag {...args} tagsInfo={setTagsInfo}></DatePickerTag>;

package/src/components/DropdownButton/DropdownButton.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-webpack5';
 import { DropdownButton, DropdownButtonProps } from '.';
 
 export default {
@@ -11,7 +11,7 @@ const onLeft = () => {
   console.log(9);
 };
 
-const Template: Story<DropdownButtonProps> = (args) => <DropdownButton {...args} />;
+const Template: StoryFn<DropdownButtonProps> = (args: any) => <DropdownButton {...args} />;
 
 export const BasicDropdown = Template.bind({});
 BasicDropdown.args = {

package/src/components/ExportTableData/ExportTableData.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-webpack5';
 import { TableExportButton } from './index';
 
 export default {
@@ -14,7 +14,7 @@ const columnTranslations = {
   occupation: 'Ocupação'
 };
 
-const Template: Story<any> = (args) => <TableExportButton {...args} />;
+const Template: StoryFn<any> = (args: any) => <TableExportButton {...args} />;
 
 export const ExportButton = Template.bind({});
 ExportButton.args = {

package/src/components/Footer/Footer.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Footer, FooterProps } from '.';
 
 export default {
@@ -6,7 +6,7 @@ export default {
     component: Footer,
 } as Meta;
 
-const Template: Story<FooterProps> = (args) => <Footer {...args}></Footer>;
+const Template: StoryFn<FooterProps> = (args: any) => <Footer {...args}></Footer>;
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/Footer2/Footer.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Footer2, Footer2Props, ActionType } from '.';
 import {
     SettingOutlined,
@@ -17,7 +17,7 @@ export default {
     component: Footer2,
 } as Meta;
 
-const Template: Story<Footer2Props> = (args) => <Footer2 {...args}></Footer2>;
+const Template: StoryFn<Footer2Props> = (args: any) => <Footer2 {...args}></Footer2>;
 
 const notifications = [
     {
@@ -157,8 +157,8 @@ Primary.args = {
     companyName: 'a2ai',
     footerName: 'Minha Aplicação',
     onBackClick: () => console.log('Voltar'),
-    onFilterChange: (filter) => console.log('Filtro:', filter),
-    onNotificationClick: (id, url) => console.log('Notificação:', id, url),
+    onFilterChange: (filter: any) => console.log('Filtro:', filter),
+    onNotificationClick: (id: any, url: any) => console.log('Notificação:', id, url),
     handleMarkAllAsRead: () => console.log('Marcar todas como lidas'),
 };
 

package/src/components/Header/Header.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Header } from '.';
 import { HeaderProps } from './Header.types';
 
@@ -7,7 +7,7 @@ export default {
     component: Header,
 } as Meta;
 
-const Template: Story<HeaderProps> = (args) => <Header {...args}></Header>;
+const Template: StoryFn<HeaderProps> = (args: any) => <Header {...args}></Header>;
 
 const mockAction = () => {
     console.log('action');

package/src/components/Input/Input.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { FormInputField, FormInputFieldProps } from '.';
 
 export default {
@@ -6,7 +6,7 @@ export default {
     component: FormInputField,
 } as Meta;
 
-const Template: Story<FormInputFieldProps> = (args) => <FormInputField {...args}></FormInputField>;
+const Template: StoryFn<FormInputFieldProps> = (args: any) => <FormInputField {...args}></FormInputField>;
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/InputCountryCode/inputCountryCode.stories.tsx

@@ -1,5 +1,5 @@
 import { Form, Button } from 'antd';
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { InputCountryCode, FormInputCountryCodeProps } from '.';
 
 export default {
@@ -7,7 +7,7 @@ export default {
     component: InputCountryCode,
 } as Meta;
 
-const Template: Story<FormInputCountryCodeProps> = (args) => {
+const Template: StoryFn<FormInputCountryCodeProps> = (args: any) => {
     return (
         <Form>
             <InputCountryCode {...args}></InputCountryCode>

package/src/components/Label/Label.stories.tsx

@@ -1,4 +1,4 @@
-import {Meta, Story} from "@storybook/react";
+import {Meta, StoryFn} from "@storybook/react-webpack5";
 import { Label, LabelProps } from '.';
 
 export default {
@@ -6,7 +6,7 @@ export default {
     component: Label,
 } as Meta;
 
-const Template: Story<LabelProps> = (args) => <Label {...args}></Label>;
+const Template: StoryFn<LabelProps> = (args: any) => <Label {...args}></Label>;
 
 export const Primary = Template.bind({});
 Primary.args = {