@omniumretail/component-library 1.2.69 → 1.2.71

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 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-vite";
 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,5 +1,5 @@
-import { Meta, Story } from "@storybook/react";
-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 '.';
 
@@ -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,16 +1,15 @@
-import { Meta, Story } from "@storybook/react";
-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',
     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);
@@ -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, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 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-vite";
 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/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, Story } from '@storybook/react';
+import { Meta, StoryFn } from "@storybook/react-vite";
 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-vite";
 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-vite";
 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/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, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 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/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, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 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/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, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 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-vite";
 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-vite";
 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 = {

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Link, CustomLinkProps } from '.';
 import { SearchOutlined } from '@ant-design/icons';
 
@@ -7,7 +7,7 @@ export default {
     component: Link,
 } as Meta;
 
-const Template: Story<CustomLinkProps> = (args) => <Link {...args}> this is a link </Link>;
+const Template: StoryFn<CustomLinkProps> = (args: any) => <Link {...args}> this is a link </Link>;
 
 export const Primary = Template.bind({});
 Primary.args = {

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Menu } from '.';
 import { MenuProps } from 'antd';
 import { getItem } from './helpers/codeMutation';
@@ -8,7 +8,7 @@ export default {
     component: Menu,
 } as Meta;
 
-const Template: Story<MenuProps> = (args) => {
+const Template: StoryFn<MenuProps> = (args: any) => {
     const data = [
         {
             "Year": 2023,

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { MobileTable, MobileTableProps } from '.';
 
@@ -7,7 +7,7 @@ export default {
     component: MobileTable,
 } as Meta;
 
-const Template: Story<MobileTableProps> = (args) => {
+const Template: StoryFn<MobileTableProps> = (args: any) => {
     const [modalData, setModalData] = useState<any>({});
     const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
 

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { ModalConfirmation, ModalConfirmationProps } from '.';
 import { ModalStatus } from './ModalStatusList';
@@ -8,7 +8,7 @@ export default {
     component: ModalConfirmation,
 } as Meta;
 
-const Template: Story<ModalConfirmationProps> = (args) => {
+const Template: StoryFn<ModalConfirmationProps> = (args: any) => {
     const [modalData, setModalData] = useState<any>({});
     const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
 

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { useEffect, useState } from "react";
 import { ModalWithTable, ModalWithTableProps } from '.';
 
@@ -7,7 +7,7 @@ export default {
     component: ModalWithTable,
 } as Meta;
 
-const Template: Story<ModalWithTableProps> = (args) => {
+const Template: StoryFn<ModalWithTableProps> = (args: any) => {
     const [modalData, setModalData] = useState<any>({});
     const [isFetching, setIsFetching] = useState<boolean>(false);
     const [tagsData, setTagsData] = useState<any>({});

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

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

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

@@ -1,12 +1,12 @@
-import { Meta, Story } from "@storybook/react";
+import { StoryFn } from "@storybook/react-vite";
 import { Notification, ErrorNotificationProps } from '.';
 
 export default {
     title: 'Notification',
     component: Notification,
-} as unknown as Meta;
+} as any;
 
-const Template: Story<ErrorNotificationProps> = (args) => {
+const Template: StoryFn<ErrorNotificationProps> = (args: any) => {
 
     const { openNotificationWithIcon } = Notification({
         message: args.message,

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Questions } from '.';
 import { SearchOutlined } from '@ant-design/icons';
 import { Button, Form, Input } from "antd";
@@ -9,7 +9,7 @@ export default {
     component: Questions,
 } as Meta;
 
-const Template: Story<any> = (args) => {
+const Template: StoryFn<any> = (args: any) => {
     const [form] = useForm();
 
     const onFinish = (values: any) => {

package/src/components/Questions/index.tsx

@@ -1,6 +1,6 @@
 import { PlusOutlined } from '@ant-design/icons';
 import { Form } from 'antd';
-import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
+import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import { SingleQuestion } from "./SingleQuestion";
 import { Link } from '../Link';
 import { t } from 'i18next';

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Radio as RadioAntd, RadioChangeEvent, RadioProps } from "antd";
 import { useState } from "react";
 import { Radio, RadioGroup } from '.';
@@ -8,7 +8,7 @@ export default {
     component: Radio,
 } as Meta;
 
-const Template: Story<RadioProps> = (args) => {
+const Template: StoryFn<RadioProps> = (args: any) => {
     const [value, setValue] = useState();
 
     const onChange = (e: RadioChangeEvent) => {

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

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

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { ResponsiveTable, ResponsiveTableCustomProps } from '.';
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -9,7 +9,7 @@ export default {
   component: ResponsiveTable,
 } as Meta;
 
-const Template: Story<ResponsiveTableCustomProps> = (args) => {
+const Template: StoryFn<ResponsiveTableCustomProps> = (args: any) => {
   const { t } = useTranslation();
   const [pageInfo, setPageInfo] = useState<any>({});
   const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { RightCircleOutlined } from "@ant-design/icons";
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Sidebar, SidebarProps } from '.';
 
 export default {
@@ -7,7 +7,7 @@ export default {
     component: Sidebar,
 } as Meta;
 
-const Template: Story<SidebarProps> = (args) => {
+const Template: StoryFn<SidebarProps> = (args: any) => {
     const navigate = (targetRoute: string) => {
         console.log(targetRoute);
     }

package/src/components/Switch/Switch.stories.tsx

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

package/src/components/Table/Table.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { Table, TableCustomProps } from '.';
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -8,7 +8,7 @@ export default {
     component: Table,
 } as Meta;
 
-const Template: Story<TableCustomProps> = (args) => {
+const Template: StoryFn<TableCustomProps> = (args: any) => {
     const { t } = useTranslation();
     const [pageInfo, setPageInfo] = useState<any>({});
     const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});

package/src/components/Tag/Tag.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-vite";
 import { TagField } from '.';
 import { TagProps } from 'antd';
 import { useState } from "react";
@@ -9,7 +9,7 @@ export default {
     component: TagField,
 } as Meta;
 
-const Template: Story<TagProps> = (args) => {
+const Template: StoryFn<TagProps> = (args: any) => {
     const [tagsInfo, setTagsInfo] = useState<any>({});
     const [advancedTagsInfo, setAdvancedTagsInfo] = useState<any>({});
     const advancedsFilters = [{ display: t('components.tag.State'), value: "State" }, { display: t('components.tag.1'), value: "Olaaaaaa" }];