@omniumretail/component-library 1.2.68 → 1.2.70

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 = {

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

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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-webpack5";
 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" }];

package/src/components/Upload/Upload.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { Form, UploadFile } from "antd";
 import { Button } from "components/Button";
 import { Upload } from '.';
@@ -8,7 +8,7 @@ export default {
     component: Upload,
 } as Meta;
 
-const Template: Story<any> = (args) => {
+const Template: StoryFn<any> = (args: any) => {
     const [form] = Form.useForm();
     
     const handleSubmit = (values: any) => {

package/src/components/UserInfo/UserInfo.stories.tsx

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

package/src/components/WebCam/WebCam.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react-webpack5";
 import { CameraCapture } from '.';
 import { useState } from "react";
 import { Button } from "antd";
@@ -8,7 +8,7 @@ export default {
     component: CameraCapture,
 } as Meta;
 
-const Template: Story<any> = (args) => {
+const Template: StoryFn<any> = (args: any) => {
     const [openCamera, setOpenCamera] = useState(false);
     const [imgSrc, setImgSrc] = useState("");
 

package/dist/types/components/MobileTable/UserInfoTable/index.d.ts

@@ -1,21 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-interface Action {
-    key: string;
-    label: string;
-    onClick: () => void;
-}
-interface MobileTableProps {
-    data: Record<string, any>;
-    translation: string;
-    modalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
-    actions: Action[];
-    hasArrows?: boolean;
-    handlePrev?: () => void;
-    handleNext?: () => void;
-    hiddenColumns?: string[];
-    modalTableData?: any;
-    currentIndex?: number;
-}
-export declare const MobileTable: ({ data, translation, modalVisible, setModalVisible, actions, hiddenColumns, hasArrows, handleNext, handlePrev, modalTableData, currentIndex }: MobileTableProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/ResponseType/Category.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Primary: Story<any>;