@omniumretail/component-library 1.2.70 → 1.2.71

package/package.json

@@ -1,184 +1,90 @@
-{
-  "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"
-    ]
-  }
-}
+{
+  "name": "@omniumretail/component-library",
+  "version": "1.2.71",
+  "private": false,
+  "main": "dist/component-library.umd.js",
+  "types": "dist/types/index.d.ts",
+  "dependencies": {
+    "@ant-design/icons": "^4.8.0",
+    "@hello-pangea/dnd": "^18.0.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@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",
+    "browser-image-compression": "^2.0.2",
+    "browserslist": "^4.18.1",
+    "camelcase": "^6.2.1",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.10",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "eslint": "^8.3.0",
+    "eslint-config-react-app": "^7.0.1",
+    "fs-extra": "^10.0.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",
+    "postcss": "^8.4.4",
+    "prompts": "^2.4.2",
+    "rc-tween-one": "^3.0.6",
+    "react": "^18.2.0",
+    "react-app-polyfill": "^3.0.0",
+    "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",
+    "typescript": "^4.9.3",
+    "web-vitals": "^2.1.0",
+    "xlsx": "^0.18.5"
+  },
+  "scripts": {
+    "prepublish": "rd /s /q .\\dist && yarn build",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "deploy": "aws s3 sync storybook-static/ s3://changeToBucketName",
+    "analyze": "webpack --json > stats.json && webpack-bundle-analyzer stats.json"
+  },
+  "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/cli": "^9.1.2",
+    "@storybook/react-vite": "^9.1.2",
+    "@storybook/test": "^8.6.14",
+    "@types/lodash.merge": "^4.6.9",
+    "@vitejs/plugin-react": "^5.0.1",
+    "prop-types": "^15.8.1",
+    "storybook-css-modules": "^1.0.8",
+    "tsconfig-paths": "^4.2.0",
+    "vite": "^7.1.3",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { AnalyticsBar } from '.';
 import { AnalyticsBarProps } from './interfaces/analyticsBar';
 import { getItem } from './helpers/codeMutation';

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { BellNotifications, BellNotificationsProps } from '.';
 
 export default {

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Button, CustomButtonProps } from '.';
 
 export default {

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { Category } from '.';
 

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
-import { Button } from "components/Button";
+import { Meta, StoryFn } from "@storybook/react-vite";
+import { Button } from "../Button";
 import { useEffect, useRef, useState } from "react";
 import { CategoryReadOnly } from '.';
 

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

@@ -1,9 +1,8 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
-import { Button } from "components/Button";
+import { Meta, StoryFn } from "@storybook/react-vite";
+import { Button } from "../Button";
 import { useEffect, useRef, useState } from "react";
 import { CategoryResponse } from '.';
 import { UploadFile } from "antd";
-import moment from "moment";
 
 export default {
     title: 'CategoryResponse',
@@ -143,7 +142,7 @@ Primary.args = {
                             "Grade": "0",
                             "Note": "asasas",
                             "Disabled": true,
-                            "Answer": moment(),
+                            "Answer": [],
                             "IsDate": true
                         },
                         {

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { CustomDatePicker, CustomDatePickerProps } from '.';
 
 export default {

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { DatePickerTag } from '.';
 import { TagProps } from 'antd';
 import { useState } from "react";

package/src/components/DatePickerTag/index.tsx

@@ -4,14 +4,14 @@ import { DatePicker, Tag, TagProps } from 'antd';
 import { TweenOneGroup } from 'rc-tween-one';
 import styles from './styles.module.scss';
 import { t } from 'i18next';
-import moment, { Moment } from 'moment';
+import dayjs from "dayjs";
 import locale from 'antd/es/date-picker/locale/pt_BR';
 
 export interface DatePickerTagProps extends TagProps {
     customTags?: any,
     tagsInfo?: any;
 }
-  
+
 type DateValue = Dayjs | null;
 
 export const DatePickerTag = (props: DatePickerTagProps) => {
@@ -59,7 +59,7 @@ export const DatePickerTag = (props: DatePickerTagProps) => {
     return (
         <div className={styles.tagfield}>
             <DatePicker
-                disabledDate={(current) => current && current < moment().endOf('day')}
+                disabledDate={(current) => current && current < dayjs().endOf("day")}
                 value={dateValue}
                 onChange={handleChange as any}
                 className={styles.picker}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Meta, StoryFn } from '@storybook/react-webpack5';
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { DropdownButton, DropdownButtonProps } from '.';
 
 export default {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Meta, StoryFn } from '@storybook/react-webpack5';
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { TableExportButton } from './index';
 
 export default {

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Footer, FooterProps } from '.';
 
 export default {

package/src/components/Footer/index.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from "react";
-import moment from 'moment';
 import styles from './styles.module.scss';
 import omniumLogo from '../../assets/images/omnium-retail-logo-white.png';
 import omniumIcon from '../../assets/images/omnium-retail_icon.png';
+import dayjs from "dayjs";
 
 export interface FooterProps {
     storeName: string;
@@ -10,16 +10,16 @@ export interface FooterProps {
 }
 
 export const Footer = (props: FooterProps) => {
-    const [date, setDate] = useState(moment());
+  const [date, setDate] = useState(dayjs());
     const { storeName = 'Missing Store Name' } = props;
 
     useEffect(() => {
         const time = (function updateDate() {
-            const nextMinute = moment().add(1, 'minute');
+      const nextMinute = dayjs().add(1, "minute");
             return setTimeout(() => {
-                setDate(moment());
+        setDate(dayjs());
                 updateDate();
-            }, nextMinute.valueOf() - moment().valueOf());
+            }, nextMinute.valueOf() - dayjs().valueOf());
         }());
 
         return () => clearTimeout(time);
@@ -29,7 +29,7 @@ export const Footer = (props: FooterProps) => {
         <div className={styles.footer}>
             <div className={styles.content}>
                 <div className={styles.brand}>{storeName}</div>
-                <div className={styles.date}>{date.format('DD/MM/yyyy')}</div>
+                <div className={styles.date}>{date.format('DD/MM/YYYY')}</div>
                 <div className={styles.time}>{date.format('HH:mm')}</div>
             </div>
 

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Footer2, Footer2Props, ActionType } from '.';
 import {
     SettingOutlined,

package/src/components/Footer2/index.tsx

@@ -11,7 +11,7 @@ import {
     RightOutlined,
     LeftCircleOutlined
 } from '@ant-design/icons';
-import moment from 'moment';
+import dayjs from "dayjs";
 import React, { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { getCompanyLogos } from '../../constants/logoCompanyHelper';
@@ -96,7 +96,7 @@ export const Footer2 = (props: Footer2Props) => {
         companyName = 'omnium',
     } = props;
 
-    const [date, setDate] = useState(moment());
+    const [date, setDate] = useState(dayjs());
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const [currentSubmenu, setCurrentSubmenu] = useState<string | null>(null);
     const menuRef = useRef<HTMLDivElement>(null);
@@ -116,11 +116,11 @@ export const Footer2 = (props: Footer2Props) => {
 
     useEffect(() => {
         const time = (function updateDate() {
-            const nextMinute = moment().add(1, 'minute');
+            const nextMinute = dayjs().add(1, "minute");
             return setTimeout(() => {
-                setDate(moment());
+                setDate(dayjs());
                 updateDate();
-            }, nextMinute.valueOf() - moment().valueOf());
+            }, nextMinute.valueOf() - dayjs().valueOf());
         }());
 
         return () => clearTimeout(time);
@@ -234,7 +234,7 @@ export const Footer2 = (props: Footer2Props) => {
             {!isMobile &&
                 <div className={styles.content}>
                     <div className={styles.brand}>{footerName}</div>
-                    <div className={styles.date}>{date.format('DD/MM/yyyy')}</div>
+                    <div className={styles.date}>{date.format('DD/MM/YYYY')}</div>
                     <div className={styles.time}>{date.format('HH:mm')}</div>
                 </div>
             }

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Header } from '.';
 import { HeaderProps } from './Header.types';
 

package/src/components/Header/Header.types.ts

@@ -1,4 +1,4 @@
-import { BellNotification } from "components/BellNotifications";
+import { BellNotification } from "../BellNotifications";
 
 export interface MenuItem {
     name: string;

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { FormInputField, FormInputFieldProps } from '.';
 
 export default {

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

@@ -1,5 +1,5 @@
 import { Form, Button } from 'antd';
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { InputCountryCode, FormInputCountryCodeProps } from '.';
 
 export default {

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

@@ -1,4 +1,4 @@
-import {Meta, StoryFn} from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Label, LabelProps } from '.';
 
 export default {

package/src/components/Link/Link.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Link, CustomLinkProps } from '.';
 import { SearchOutlined } from '@ant-design/icons';
 

package/src/components/Menu/Menu.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Menu } from '.';
 import { MenuProps } from 'antd';
 import { getItem } from './helpers/codeMutation';

package/src/components/MobileTable/MobileTable.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { MobileTable, MobileTableProps } from '.';
 

package/src/components/ModalConfirmation/ModalConfirmation.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { ModalConfirmation, ModalConfirmationProps } from '.';
 import { ModalStatus } from './ModalStatusList';

package/src/components/ModalWithTable/ModalWithTable.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { ModalWithTable, ModalWithTableProps } from '.';
 

package/src/components/Navigation/Navigation.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Navigation, NavigationProps } from '.';
 
 export default {

package/src/components/Notification/Notification.stories.tsx

@@ -1,4 +1,4 @@
-import { StoryFn } from "@storybook/react-webpack5";
+import { StoryFn } from "@storybook/react-vite";
 import { Notification, ErrorNotificationProps } from '.';
 
 export default {

package/src/components/Questions/Questions.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Questions } from '.';
 import { SearchOutlined } from '@ant-design/icons';
 import { Button, Form, Input } from "antd";

package/src/components/Radio/Radio.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Radio as RadioAntd, RadioChangeEvent, RadioProps } from "antd";
 import { useState } from "react";
 import { Radio, RadioGroup } from '.';

package/src/components/ResponseType/ResponseType.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { ResponseType } from '.';
 

package/src/components/ResponsiveTable/ResponsiveTable.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { ResponsiveTable, ResponsiveTableCustomProps } from '.';
 import { useState } from "react";
 import { useTranslation } from "react-i18next";

package/src/components/Select/Select.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Select } from '.';
 import { SelectProps } from 'antd';
 

package/src/components/Separator/Separator.stories.tsx

@@ -1,4 +1,4 @@
-import {Meta, StoryFn} from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Separator, SeparatorProps, Spaces } from '.';
 
 export default {

package/src/components/Sidebar/Sidebar.stories.tsx

@@ -1,5 +1,5 @@
 import { RightCircleOutlined } from "@ant-design/icons";
-import { Meta, StoryFn } from "@storybook/react-webpack5";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Sidebar, SidebarProps } from '.';
 
 export default {