1mpacto-react-ui 0.2.0-beta.1 → 0.2.0-beta.11

package/dist/src/components/Input/InputReguler.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('..').IInputReguler & import('react').RefAttributes<HTMLInputElement>>;
@@ -8,12 +7,6 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        startIcon: {
-            control: "boolean";
-        };
-        endIcon: {
-            control: "boolean";
-        };
         className: {
             type: "string";
         };

package/dist/src/components/Modal/ModalDialog.d.ts

@@ -1,5 +1,4 @@
 import { ElementType } from 'react';
 import { IModalDialog } from '../../interfaces/components/Modal';
-
 declare const ModalDialog: <T extends ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, className, classNameContainer, onClose, ...props }: IModalDialog<T>) => import("react/jsx-runtime").JSX.Element;
 export default ModalDialog;

package/dist/src/components/Modal/ModalDialog.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: <T extends import('react').ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, className, classNameContainer, onClose, ...props }: import('../../interfaces/components/Modal').IModalDialog<T>) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            type: "string";
+        };
+    };
+    render: (args: import('../../interfaces/components/Modal').IModalDialog<import('react').ElementType>) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/NumberFormat/NumberFormat.d.ts

@@ -1,4 +1,3 @@
 import { INumberFormat } from '../../interfaces/components/NumberFormat';
-
 declare const NumberFormat: ({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: INumberFormat) => import("react/jsx-runtime").JSX.Element;
 export default NumberFormat;

package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-
 declare const meta: {
     title: string;
     component: ({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: import('../../interfaces/components/NumberFormat').INumberFormat) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Pagination/Pagination.d.ts

@@ -1,4 +1,3 @@
 import { IPaginationProps } from '../../interfaces/components/Pagination';
-
 declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;

package/dist/src/components/Pagination/Pagination.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-
 declare const meta: {
     title: string;
     component: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, }: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Popover/Popover.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { IPopover, IRefPopover } from '../../interfaces/components/Popover';
-
 declare const Popover: React.ForwardRefExoticComponent<IPopover & React.RefAttributes<IRefPopover>>;
 export default Popover;

package/dist/src/components/Popover/Popover.stories.d.ts

@@ -1,9 +1,8 @@
 import { StoryObj } from '@storybook/react-vite';
 import { IRefPopover } from '../../interfaces/components/Popover';
-
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>>;
+    component: import('react').ForwardRefExoticComponent<import('..').IPopover & import('react').RefAttributes<IRefPopover>>;
     parameters: {
         layout: string;
     };
@@ -16,7 +15,7 @@ declare const meta: {
     args: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
-    render: (args: import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('..').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/components/PortalComponent/PortalComponent.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 declare const PortalComponent: React.FC<{
     containerId?: string;
     children: ReactNode;

package/dist/src/components/RadioCheckbox/CheckboxTable.d.ts

@@ -1,4 +1,3 @@
 import { ICheckboxTable } from '../../interfaces/components/Checkbox';
-
 declare const CheckboxTable: ({ indeterminate, className, classNameContainer, ...props }: ICheckboxTable) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxTable;

package/dist/src/components/RadioCheckbox/RadioCheckbox.d.ts

@@ -1,5 +1,4 @@
 import { IRadioCheckbox } from '../../interfaces/components/RadioCheckbox/RadioCheckbox';
-
 export declare const DefaultCheckedChecboxIcon: ({ className }: {
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/RadioCheckbox/RadioCheckbox').IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;

package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.d.ts

@@ -1,4 +1,3 @@
 import { IRadioCheckboxLabel } from '../../interfaces/components/RadioCheckbox/RadioCheckboxLabel';
-
 declare const RadioCheckboxLabel: ({ radioCheckboxProps, name, id, type, typographyLabel, typographyDesc, fonts, borderRadius, className, disabled, variants, label, desc, backgroundWithHover, ...props }: IRadioCheckboxLabel) => import("react/jsx-runtime").JSX.Element;
 export default RadioCheckboxLabel;

package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-
 declare const meta: {
     title: string;
     component: ({ radioCheckboxProps, name, id, type, typographyLabel, typographyDesc, fonts, borderRadius, className, disabled, variants, label, desc, backgroundWithHover, ...props }: import('../../interfaces/components/RadioCheckbox/RadioCheckboxLabel').IRadioCheckboxLabel) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IRefSelectDropdownContainer, ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
-
 declare const SelectDropdownContainer: <T>(props: ISelectDropdownContainer<T> & {
     ref?: React.ForwardedRef<IRefSelectDropdownContainer<T>>;
 }) => React.ReactNode;

package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts

@@ -1,23 +1,373 @@
 import { StoryObj } from '@storybook/react-vite';
-
+import { ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
 declare const meta: {
     title: string;
-    component: <T>(props: import('../../interfaces/components/SelectDropdownContainer').ISelectDropdownContainer<T> & {
-        ref?: import('react').ForwardedRef<import('../../interfaces/components/SelectDropdownContainer').IRefSelectDropdownContainer<T>>;
-    }) => import('react').ReactNode;
+    component: <T>(props: ISelectDropdownContainer<T> & {
+        ref?: React.ForwardedRef<import('..').IRefSelectDropdownContainer<T>>;
+    }) => React.ReactNode;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {
-        className: {
-            type: "string";
+        width: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainerShowSelect: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainerSelect: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameLabelError: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        error: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        externalValue: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        defaultValueButtonDropdown: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        autoClose: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onMenuOpen: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        autoCloseOutside: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        styleInnerPopper: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onMenuClose: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        zIndexPopper: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        idPopover: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        useAutoPlacement: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        flipOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        autoPlacementOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        floatingOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        withSearch: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        components: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        offsetPopover: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        errorLabel: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        actionValueChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        controlType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: (args: ISelectDropdownContainer<unknown> & {
+        ref?: import('react').ForwardedRef<import('..').IRefSelectDropdownContainer<unknown>> | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts

@@ -1,5 +1,4 @@
 import { StylesConfig } from 'react-select';
-
 export declare const styleSelectDropdownContainerLaba: StylesConfig;
 export declare const styleSelectDropdownContainerPayhere: StylesConfig;
 export declare const styleSelectDropdownContainerNoSearch: StylesConfig;

package/dist/src/components/Sidebar/ItemSidebar.d.ts

@@ -1,5 +1,4 @@
 import { ElementType } from 'react';
 import { IItemSidebar } from '../../interfaces/components/Sidebar';
-
 declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs, variant, setShow, onClickItems, propsLink, ...value }: IItemSidebar<T>) => import("react/jsx-runtime").JSX.Element;
 export default ItemSidebar;

package/dist/src/components/Sidebar/Sidebar.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IRefSidebar, ISidebar } from '../../interfaces/components/Sidebar';
-
 declare const Sidebar: <T extends React.ElementType = "div">(props: ISidebar<T> & {
     ref?: React.ForwardedRef<IRefSidebar>;
 }) => React.ReactNode;