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

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

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 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;
@@ -7,11 +8,202 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        className: {
-            type: "string";
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         desc: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        backgroundWithHover: {
+            control: "boolean";
+            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;
+                };
+            };
+        };
+        typographyLabel: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        typographyDesc: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        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;
+                };
+            };
+        };
+        radioCheckboxProps: {
+            control: "object";
+            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/SelectDropdownContainer/SelectDropdownContainer.config.d.ts

@@ -0,0 +1,26 @@
+export declare const configSelectDropdownContainer: {
+    error: {
+        laba: string;
+        payhere: string;
+        bill: string;
+    };
+    variant: {
+        laba: import('react-select').StylesConfig;
+        payhere: import('react-select').StylesConfig;
+        bill: import('react-select').StylesConfig;
+    };
+    noSearchVariant: {
+        laba: import('react-select').StylesConfig;
+        payhere: import('react-select').StylesConfig;
+        bill: import('react-select').StylesConfig;
+    };
+    classNamePopover: {
+        laba: string;
+        payhere: string;
+        bill: string;
+    };
+};
+export declare const keysConfigSelectDropdownContainerError: string[];
+export declare const keysConfigSelectDropdownContainerVariant: string[];
+export declare const keysConfigSelectDropdownContainerNoSearchVariant: string[];
+export declare const keysConfigSelectDropdownContainerClassNamePopover: string[];

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

@@ -1,6 +1,7 @@
 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;
+}) => JSX.Element;
 export default SelectDropdownContainer;

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

@@ -1,10 +1,11 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
 import { ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
+
 declare const meta: {
     title: string;
     component: <T>(props: ISelectDropdownContainer<T> & {
-        ref?: React.ForwardedRef<import('..').IRefSelectDropdownContainer<T>>;
-    }) => React.ReactNode;
+        ref?: import('react').ForwardedRef<import('../../interfaces/components/SelectDropdownContainer').IRefSelectDropdownContainer<T>>;
+    }) => JSX.Element;
     parameters: {
         layout: string;
     };
@@ -366,7 +367,7 @@ declare const meta: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
     render: (args: ISelectDropdownContainer<unknown> & {
-        ref?: import('react').ForwardedRef<import('..').IRefSelectDropdownContainer<unknown>> | undefined;
+        ref?: import('react').ForwardedRef<import('../../interfaces/components/SelectDropdownContainer').IRefSelectDropdownContainer<unknown>> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

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

@@ -1,4 +1,8 @@
 import { StylesConfig } from 'react-select';
+
 export declare const styleSelectDropdownContainerLaba: StylesConfig;
 export declare const styleSelectDropdownContainerPayhere: StylesConfig;
-export declare const styleSelectDropdownContainerNoSearch: StylesConfig;
+export declare const styleSelectDropdownContainerBill: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchLaba: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchPayhere: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchBill: StylesConfig;

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

@@ -0,0 +1,34 @@
+export declare const configItemSidebar: {
+    variant: {
+        'payhere-brand-base-white': string;
+        'payhere-brand-base-transparent': string;
+        'laba-white': string;
+        'lpd-brand-base-white': string;
+        'lpd-brand-base-transparent': string;
+        'lpd-brand-base-white-responsive': string;
+        'lpd-brand-base-transparent-responsive': string;
+        'bill-brand-base-white': string;
+        'bill-brand-base-white-responsive': string;
+    };
+    parent: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+    };
+    divider: {
+        'payhere-brand-base-white': string;
+        'payhere-brand-base-transparent': string;
+        'laba-white': string;
+        'lpd-brand-base-white': string;
+        'lpd-brand-base-transparent': string;
+        'lpd-brand-base-white-responsive': string;
+        'lpd-brand-base-transparent-responsive': string;
+        'bill-brand-base-white': string;
+        'bill-brand-base-white-responsive': string;
+    };
+};

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

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

@@ -0,0 +1,16 @@
+export declare const configSidebar: {
+    withCuctomWidthIconCompany: string[];
+    variants: {
+        'payhere-brand-base-white': string;
+        'payhere-brand-base-transparent': string;
+        'laba-white': string;
+        'lpd-brand-base-white': string;
+        'lpd-brand-base-transparent': string;
+        'lpd-brand-base-white-responsive': string;
+        'lpd-brand-base-transparent-responsive': string;
+        'bill-brand-base-white': string;
+        'bill-brand-base-white-responsive': string;
+    };
+    mobileSupport: string[];
+};
+export declare const keysConfigSidebarVariant: string[];

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

@@ -1,6 +1,7 @@
 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;
+}) => JSX.Element;
 export default Sidebar;

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

@@ -1,10 +1,11 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
 import { IRefSidebar } from '../../interfaces/components/Sidebar';
+
 declare const meta: {
     title: string;
-    component: <T extends React.ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
-        ref?: React.ForwardedRef<IRefSidebar>;
-    }) => React.ReactNode;
+    component: <T extends import('react').ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
+        ref?: import('react').ForwardedRef<IRefSidebar>;
+    }) => JSX.Element;
     parameters: {
         layout: string;
     };
@@ -187,7 +188,7 @@ declare const meta: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
     render: (args: import('../../interfaces/components/Sidebar').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
-        ref?: React.ForwardedRef<IRefSidebar>;
+        ref?: import('react').ForwardedRef<IRefSidebar>;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

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

@@ -1,3 +1,4 @@
 import { IStep } from '../../interfaces/components/Step';
+
 declare const Step: ({ activeStep, stepList, widthLine, classNameContainer, classNameContent, classNameDesc, onChange, afterActiveType, beforeActiveType, colorActive, colorInactive, }: IStep) => import("react/jsx-runtime").JSX.Element;
 export default Step;

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

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: ({ activeStep, stepList, widthLine, classNameContainer, classNameContent, classNameDesc, onChange, afterActiveType, beforeActiveType, colorActive, colorInactive, }: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
@@ -6,7 +7,139 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        stepList: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        activeStep: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        widthLine: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        beforeActiveType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        afterActiveType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorActive: {
+            control: "color";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorInactive: {
+            control: "color";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContent: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameDesc: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
     render: (args: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

package/dist/src/components/Step/StepIndicator.d.ts

@@ -1,3 +1,4 @@
 import { IStepIndicator } from '../../interfaces/components/Step';
+
 declare const StepIndicator: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: IStepIndicator) => import("react/jsx-runtime").JSX.Element;
 export default StepIndicator;