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

package/dist/src/components/ButtonPopover/ButtonPopover.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/ButtonPopover').IButtonPopover & import('react').RefAttributes<import('..').IRefButtonPopover>>;
@@ -7,8 +8,263 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        text: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        startIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        endIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        startIconShow: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        endIconShow: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameButton: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameButtonShow: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameIconLoading: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        zIndexPopover: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        placement: {
+            control: {
+                type: "select";
+            };
+            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;
+                };
+            };
+        };
+        loading: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClose: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    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;
+                };
+            };
+        };
+        popoverProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
 };

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

@@ -1,3 +1,5 @@
-import { ICalendar } from '../../interfaces/components/Calendar';
+import { ICalendar, ICustomTimeCalendar } from '../../interfaces/components/Calendar';
+
+export declare const CustomTimeCalendar: ({ minDate, maxDate, value: date, time, hiddenHeader, handlerChangeTime, timeLabel, type, }: ICustomTimeCalendar) => import("react/jsx-runtime").JSX.Element;
 declare const Calendar: (props: ICalendar) => import("react/jsx-runtime").JSX.Element;
 export default Calendar;

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

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: (props: import('../../interfaces/components/Calendar').ICalendar) => import("react/jsx-runtime").JSX.Element;
@@ -6,7 +7,287 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        withDateSelect: {
+            table: {
+                disable: true;
+            };
+        };
+        createCalendar: {
+            table: {
+                disable: true;
+            };
+        };
+        time: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hiddenHeader: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        locale: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        prevIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        nextIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        buttonReset: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        buttonSubmit: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        typeTime: {
+            control: "select";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        withConfirm: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isCustomTime: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        minDate: {
+            control: "date";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        maxDate: {
+            control: "date";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isDisabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isReadOnly: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        autoFocus: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isDateUnavailable: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: "date";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        defaultValue: {
+            control: "date";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        activeType: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        handlerChangeTime: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        handlerReset: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        handlerSubmit: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
     render: (args: import('../../interfaces/components/Calendar').ICalendar) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

package/dist/src/components/Calendar/CalendarButton.d.ts

@@ -1,3 +1,4 @@
 import { ICalendarButton } from '../../interfaces/components/Calendar';
+
 declare const CalendarButton: (props: ICalendarButton) => import("react/jsx-runtime").JSX.Element;
 export default CalendarButton;

package/dist/src/components/Calendar/CalendarCell.d.ts

@@ -1,3 +1,4 @@
 import { ICalendarCell } from '../../interfaces/components/Calendar';
+
 declare const CalendarCell: (props: ICalendarCell) => import("react/jsx-runtime").JSX.Element;
 export default CalendarCell;

package/dist/src/components/Calendar/CalendarMonth.d.ts

@@ -1,3 +1,4 @@
 import { ICalendarMonth } from '../../interfaces/components/Calendar';
+
 declare const CalendarMonth: ({ prevIcon, nextIcon, state, setActiveTypeCalendar, onChangeMonth, type, hiddenHeader, }: ICalendarMonth) => import("react/jsx-runtime").JSX.Element;
 export default CalendarMonth;

package/dist/src/components/Calendar/CalendarRange.d.ts

@@ -1,3 +1,4 @@
 import { ICalendarRange } from '../../interfaces/components/Calendar';
+
 declare const CalendarRange: (props: ICalendarRange) => import("react/jsx-runtime").JSX.Element;
 export default CalendarRange;

package/dist/src/components/Calendar/CalendarYear.d.ts

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

package/dist/src/components/Chart/DoughnutChart.d.ts

@@ -1,3 +1,4 @@
 import { IDoughnutChart } from '../../interfaces/components/Chart';
+
 declare const DoughnutChart: ({ labels, data, backgroundColor, options, redraw, widthInnerDoughnut, innerLabels, open, keyRemoveDataOpen, keyLabel, keyValue, keyBackground, className, }: IDoughnutChart) => import("react/jsx-runtime").JSX.Element;
 export default DoughnutChart;

package/dist/src/components/Chart/GradientBarChart.d.ts

@@ -1,3 +1,4 @@
 import { IGradientBarChart } from '../../interfaces/components/Chart';
+
 declare const GradientBarChart: ({ data, classNameContainer, height, id, options, CustomTooltip }: IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
 export default GradientBarChart;

package/dist/src/components/Chart/GradientBarChart.stories.d.ts

@@ -1,12 +1,79 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ data, classNameContainer, height, id, options, CustomTooltip }: import('..').IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
+    component: ({ data, classNameContainer, height, id, options, CustomTooltip }: import('../../interfaces/components/Chart').IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        data: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        height: {
+            control: {
+                type: "number";
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        options: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        CustomTooltip: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
     args: {};
-    render: (args: import('..').IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('../../interfaces/components/Chart').IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/components/Chart/GradientLineChart.d.ts

@@ -1,3 +1,4 @@
 import { IGradientLineChart } from '../../interfaces/components/Chart';
+
 declare const GradientLineChart: ({ data, height, classNameContainer, id, options, CustomTooltip }: IGradientLineChart) => import("react/jsx-runtime").JSX.Element;
 export default GradientLineChart;