1mpacto-react-ui 0.2.0-beta.9 → 1.0.0

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

@@ -1,21 +1,230 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
 import { IRefPopover } from '../../interfaces/components/Popover';
+
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('..').IPopover & import('react').RefAttributes<IRefPopover>>;
+    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>>;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        style: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        styleInnerPopover: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        width: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        zIndex: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        withArrow: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        propsArrow: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        offset: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        useAutoPlacement: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        floatingOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        flipOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        autoPlacementOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        useDismissProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isShow: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        anchorEl: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClose: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        floatingFocusManagerProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
-    args: {
-        onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
-    };
-    render: (args: import('..').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('../../interfaces/components/Popover').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,4 +1,5 @@
 import { ReactNode } from 'react';
+
 declare const PortalComponent: React.FC<{
     containerId?: string;
     children: ReactNode;

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

@@ -0,0 +1,61 @@
+import { StoryObj } from '@storybook/react';
+import { FC } from 'react';
+
+declare const meta: {
+    title: string;
+    component: FC<{
+        containerId?: string;
+        children: import('react').ReactNode;
+        selector?: string;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        containerId: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        selector: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    render: (args: {
+        containerId?: string;
+        children: import('react').ReactNode;
+        selector?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,3 +1,4 @@
 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.config.d.ts

@@ -0,0 +1,41 @@
+export declare const configRadioCheckbox: {
+    size: {
+        reguler: string;
+        small: string;
+        m: string;
+        s: string;
+    };
+    variants: {
+        'laba-blue-10': string;
+        'laba-blue-10-hv_bg_transparent': string;
+        'blue-700': string;
+        'blue-700-hv_bg_transparent': string;
+        'bill-primary-500': string;
+        'bill-primary-600-hv_bg_transparent': string;
+        'bill-secondary-800-hv_bg_transparent': string;
+    };
+    variantDisableds: {
+        'default-disabled-checkbox': string;
+        'default-disabled-radio': string;
+    };
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
+    typography: Record<import('../../config/components/typography').Itypography, string>;
+    fonts: {
+        lato: string;
+        inter: string;
+        pJakartaSans: string;
+    };
+};
+export declare const keysConfigRadioCheckboxSize: string[];
+export declare const keysConfigRadioCheckboxVariant: string[];
+export declare const keysConfigRadioCheckboxVariantDisabled: string[];

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

@@ -1,4 +1,5 @@
 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,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/RadioCheckbox/RadioCheckbox').IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;
@@ -7,26 +8,247 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        checkedIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        sizeInput: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variantDisableds: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderRadius: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        typography: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameContainer: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameLabel: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameCheckedIcon: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameContainerCheckedIcon: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
-        checkedIcon: {
-            control: "boolean";
+        type: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         checked: {
             control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {

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

@@ -0,0 +1,25 @@
+export declare const configRadioCheckboxLabel: {
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
+    typographyLabel: Record<import('../../config/components/typography').Itypography, string>;
+    typographyDesc: Record<import('../../config/components/typography').Itypography, string>;
+    fonts: {
+        lato: string;
+        inter: string;
+        pJakartaSans: string;
+    };
+    variants: {
+        'laba-blue-01': string;
+        'blue-50': string;
+    };
+};
+export declare const keysConfigRadioCheckboxLabelVariant: string[];

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

@@ -1,3 +1,4 @@
 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;