1mpacto-react-ui 0.2.0-beta.1 → 0.2.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/core.css +1 -1
- package/dist/assets/fontfamily.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/index.cjs +72 -70
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.mjs +6924 -6719
- package/dist/index.mjs.map +1 -1
- package/dist/package.json.d.ts +27 -20
- package/dist/src/components/Alert/index.d.ts +0 -1
- package/dist/src/components/Badges/Badges.d.ts +0 -1
- package/dist/src/components/Badges/Badges.stories.d.ts +0 -1
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +0 -1
- package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -1
- package/dist/src/components/Button/Button.d.ts +0 -1
- package/dist/src/components/Button/Button.stories.d.ts +0 -1
- package/dist/src/components/ButtonIcon/ButtonIcon.d.ts +0 -1
- package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +0 -1
- package/dist/src/components/ButtonPopover/ButtonPopover.d.ts +0 -1
- package/dist/src/components/ButtonPopover/ButtonPopover.stories.d.ts +17 -0
- package/dist/src/components/Calendar/Calendar.d.ts +0 -1
- package/dist/src/components/Calendar/Calendar.stories.d.ts +14 -0
- package/dist/src/components/Calendar/CalendarButton.d.ts +0 -1
- package/dist/src/components/Calendar/CalendarCell.d.ts +0 -1
- package/dist/src/components/Calendar/CalendarMonth.d.ts +0 -1
- package/dist/src/components/Calendar/CalendarRange.d.ts +0 -1
- package/dist/src/components/Calendar/CalendarYear.d.ts +0 -1
- package/dist/src/components/Chart/DoughnutChart.d.ts +0 -1
- package/dist/src/components/Chart/GradientBarChart.d.ts +0 -1
- package/dist/src/components/Chart/GradientBarChart.stories.d.ts +2 -3
- package/dist/src/components/Chart/GradientLineChart.d.ts +0 -1
- package/dist/src/components/Chart/GradientLineChart.stories.d.ts +2 -3
- package/dist/src/components/Chart/LineChart.d.ts +0 -1
- package/dist/src/components/Chart/LineChart.stories.d.ts +18 -0
- package/dist/src/components/Chips/Chips.d.ts +0 -1
- package/dist/src/components/Chips/Chips.stories.d.ts +0 -1
- package/dist/src/components/Collapse/Collapse.d.ts +0 -1
- package/dist/src/components/Collapse/Collapse.stories.d.ts +18 -0
- package/dist/src/components/DatePicker/DatePicker.d.ts +0 -1
- package/dist/src/components/DatePicker/DatePicker.stories.d.ts +0 -1
- package/dist/src/components/DatePicker/DateRangePicker.d.ts +0 -1
- package/dist/src/components/DatePicker/FilterDate.d.ts +0 -1
- package/dist/src/components/DatePicker/FilterDate.stories.d.ts +18 -0
- package/dist/src/components/DatePicker/MonthYearPicker.d.ts +0 -1
- package/dist/src/components/DatePicker/MonthYearPicker.stories.d.ts +18 -0
- package/dist/src/components/ErrorMessage/ErrorMessage.d.ts +0 -1
- package/dist/src/components/ErrorMessage/ErrorMessage.stories.d.ts +17 -0
- package/dist/src/components/FilterContainer/FilterContainer.d.ts +0 -1
- package/dist/src/components/Input/InputFloatingInner.d.ts +0 -1
- package/dist/src/components/Input/InputFloatingInner.stories.d.ts +0 -7
- package/dist/src/components/Input/InputNative.d.ts +0 -1
- package/dist/src/components/Input/InputNative.stories.d.ts +31 -0
- package/dist/src/components/Input/InputReguler.d.ts +0 -1
- package/dist/src/components/Input/InputReguler.stories.d.ts +0 -7
- package/dist/src/components/Modal/ModalDialog.d.ts +0 -1
- package/dist/src/components/Modal/ModalDialog.stories.d.ts +18 -0
- package/dist/src/components/NumberFormat/NumberFormat.d.ts +0 -1
- package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +0 -1
- package/dist/src/components/Pagination/Pagination.d.ts +0 -1
- package/dist/src/components/Pagination/Pagination.stories.d.ts +0 -1
- package/dist/src/components/Popover/Popover.d.ts +0 -1
- package/dist/src/components/Popover/Popover.stories.d.ts +2 -3
- package/dist/src/components/PortalComponent/PortalComponent.d.ts +0 -1
- package/dist/src/components/RadioCheckbox/CheckboxTable.d.ts +0 -1
- package/dist/src/components/RadioCheckbox/RadioCheckbox.d.ts +0 -1
- package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +0 -1
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.d.ts +0 -1
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +0 -1
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.d.ts +0 -1
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts +3 -4
- package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +0 -1
- package/dist/src/components/Sidebar/ItemSidebar.d.ts +0 -1
- package/dist/src/components/Sidebar/Sidebar.d.ts +0 -1
- package/dist/src/components/Sidebar/Sidebar.stories.d.ts +6 -5
- package/dist/src/components/Step/Step.d.ts +0 -1
- package/dist/src/components/Step/Step.stories.d.ts +14 -0
- package/dist/src/components/Step/StepIndicator.d.ts +0 -1
- package/dist/src/components/Step/StepIndicator.stories.d.ts +13 -0
- package/dist/src/components/Switch/Switch.d.ts +0 -1
- package/dist/src/components/Switch/Switch.stories.d.ts +0 -1
- package/dist/src/components/Table/Table.d.ts +0 -1
- package/dist/src/components/Table/Table.stories.d.ts +1 -2
- package/dist/src/components/Tabs/TabPanel.d.ts +0 -1
- package/dist/src/components/Tabs/Tabs.d.ts +0 -1
- package/dist/src/components/Tabs/Tabs.stories.d.ts +14 -0
- package/dist/src/components/TextEditor/TextEditor.d.ts +0 -1
- package/dist/src/components/TextEditor/TextEditor.stories.d.ts +14 -0
- package/dist/src/components/Textarea/Textarea.d.ts +0 -1
- package/dist/src/components/Textarea/Textarea.stories.d.ts +0 -1
- package/dist/src/components/Textarea/TextareaFloatingInner.d.ts +0 -1
- package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +0 -1
- package/dist/src/components/Timeline/Timeline.d.ts +0 -1
- package/dist/src/components/Timeline/Timeline.stories.d.ts +16 -0
- package/dist/src/components/Tooltip/Tooltip.d.ts +0 -1
- package/dist/src/components/Tooltip/Tooltip.stories.d.ts +13 -0
- package/dist/src/components/TruncateComponent/TruncateComponent.d.ts +0 -1
- package/dist/src/components/TruncateComponent/TruncateComponent.stories.d.ts +14 -0
- package/dist/src/components/Upload/UploadFile.d.ts +0 -1
- package/dist/src/components/Upload/UploadFile.stories.d.ts +0 -1
- package/dist/src/components/Upload/UploadImage.d.ts +0 -1
- package/dist/src/components/Upload/UploadImage.stories.d.ts +13 -0
- package/dist/src/components/Upload/UploadMultipleFile.d.ts +0 -1
- package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +0 -1
- package/dist/src/components/Virtualization/ListVirtualization.d.ts +0 -1
- package/dist/src/components/Virtualization/ListVirtualization.stories.d.ts +15 -0
- package/dist/src/components/Virtualization/TableVirtualization.d.ts +0 -1
- package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts +15 -0
- package/dist/src/components/index.d.ts +0 -1
- package/dist/src/config/bigNumber/index.d.ts +0 -1
- package/dist/src/config/components/tinymce.d.ts +0 -1
- package/dist/src/config/tailwind/index.d.ts +0 -1
- package/dist/src/hooks/index.d.ts +0 -1
- package/dist/src/hooks/useCombinedResizeObserver.d.ts +0 -1
- package/dist/src/hooks/useDeepCompareEffect.d.ts +0 -1
- package/dist/src/hooks/useEventListener.d.ts +0 -1
- package/dist/src/hooks/useMasonry.d.ts +0 -1
- package/dist/src/hooks/useMergeRefs.d.ts +0 -1
- package/dist/src/hooks/useStateRef.d.ts +0 -1
- package/dist/src/interfaces/components/Alert/index.d.ts +0 -1
- package/dist/src/interfaces/components/Badges/index.d.ts +1 -2
- package/dist/src/interfaces/components/Breadcrumbs/index.d.ts +0 -1
- package/dist/src/interfaces/components/Button/index.d.ts +0 -1
- package/dist/src/interfaces/components/ButtonIcon/index.d.ts +0 -1
- package/dist/src/interfaces/components/ButtonPopover/index.d.ts +0 -1
- package/dist/src/interfaces/components/Calendar/index.d.ts +0 -1
- package/dist/src/interfaces/components/Chart/index.d.ts +0 -1
- package/dist/src/interfaces/components/Checkbox/index.d.ts +0 -1
- package/dist/src/interfaces/components/Chips/index.d.ts +0 -1
- package/dist/src/interfaces/components/Collapse/index.d.ts +0 -1
- package/dist/src/interfaces/components/DatePicker/index.d.ts +0 -1
- package/dist/src/interfaces/components/FilterContainer/index.d.ts +0 -1
- package/dist/src/interfaces/components/Input/index.d.ts +0 -1
- package/dist/src/interfaces/components/Modal/index.d.ts +0 -1
- package/dist/src/interfaces/components/NumberFormat/index.d.ts +0 -1
- package/dist/src/interfaces/components/Pagination/index.d.ts +0 -1
- package/dist/src/interfaces/components/Popover/index.d.ts +1 -2
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +0 -1
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +0 -1
- package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +0 -1
- package/dist/src/interfaces/components/Sidebar/index.d.ts +0 -1
- package/dist/src/interfaces/components/Step/index.d.ts +0 -1
- package/dist/src/interfaces/components/Table/index.d.ts +0 -1
- package/dist/src/interfaces/components/Tabs/index.d.ts +0 -1
- package/dist/src/interfaces/components/TextEditor/index.d.ts +0 -1
- package/dist/src/interfaces/components/Textarea/index.d.ts +0 -1
- package/dist/src/interfaces/components/Timeline/index.d.ts +0 -1
- package/dist/src/interfaces/components/Tooltip/index.d.ts +0 -1
- package/dist/src/interfaces/components/UploadFile/index.d.ts +0 -1
- package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts +0 -1
- package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts +0 -1
- package/dist/src/main.d.ts +0 -1
- package/dist/src/utils/common.d.ts +0 -1
- package/package.json +26 -20
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import { IRefPopover } from '../../interfaces/components/Popover';
|
|
3
|
-
|
|
4
3
|
declare const meta: {
|
|
5
4
|
title: string;
|
|
6
|
-
component: import('react').ForwardRefExoticComponent<import('
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<import('..').IPopover & import('react').RefAttributes<IRefPopover>>;
|
|
7
6
|
parameters: {
|
|
8
7
|
layout: string;
|
|
9
8
|
};
|
|
@@ -16,7 +15,7 @@ declare const meta: {
|
|
|
16
15
|
args: {
|
|
17
16
|
onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
18
17
|
};
|
|
19
|
-
render: (args: import('
|
|
18
|
+
render: (args: import('..').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
|
|
20
19
|
};
|
|
21
20
|
export default meta;
|
|
22
21
|
type Story = StoryObj<typeof meta>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/RadioCheckbox/RadioCheckbox').IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { IRadioCheckboxLabel } from '../../interfaces/components/RadioCheckbox/RadioCheckboxLabel';
|
|
2
|
-
|
|
3
2
|
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;
|
|
4
3
|
export default RadioCheckboxLabel;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
4
|
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;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IRefSelectDropdownContainer, ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
|
|
3
|
-
|
|
4
3
|
declare const SelectDropdownContainer: <T>(props: ISelectDropdownContainer<T> & {
|
|
5
4
|
ref?: React.ForwardedRef<IRefSelectDropdownContainer<T>>;
|
|
6
5
|
}) => React.ReactNode;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
|
-
component: <T>(props: import('
|
|
6
|
-
ref?:
|
|
7
|
-
}) =>
|
|
4
|
+
component: <T>(props: import('..').ISelectDropdownContainer<T> & {
|
|
5
|
+
ref?: React.ForwardedRef<import('..').IRefSelectDropdownContainer<T>>;
|
|
6
|
+
}) => React.ReactNode;
|
|
8
7
|
parameters: {
|
|
9
8
|
layout: string;
|
|
10
9
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ElementType } from 'react';
|
|
2
2
|
import { IItemSidebar } from '../../interfaces/components/Sidebar';
|
|
3
|
-
|
|
4
3
|
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;
|
|
5
4
|
export default ItemSidebar;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IRefSidebar, ISidebar } from '../../interfaces/components/Sidebar';
|
|
3
|
-
|
|
4
3
|
declare const Sidebar: <T extends React.ElementType = "div">(props: ISidebar<T> & {
|
|
5
4
|
ref?: React.ForwardedRef<IRefSidebar>;
|
|
6
5
|
}) => React.ReactNode;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import { IRefSidebar } from '../../interfaces/components/Sidebar';
|
|
3
|
-
|
|
4
3
|
declare const meta: {
|
|
5
4
|
title: string;
|
|
6
|
-
component: <T extends
|
|
7
|
-
ref?:
|
|
8
|
-
}) =>
|
|
5
|
+
component: <T extends React.ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
|
|
6
|
+
ref?: React.ForwardedRef<IRefSidebar>;
|
|
7
|
+
}) => React.ReactNode;
|
|
9
8
|
parameters: {
|
|
10
9
|
layout: string;
|
|
11
10
|
};
|
|
@@ -18,7 +17,9 @@ declare const meta: {
|
|
|
18
17
|
args: {
|
|
19
18
|
onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
20
19
|
};
|
|
21
|
-
render: ()
|
|
20
|
+
render: (args: import('../../interfaces/components/Sidebar').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
|
|
21
|
+
ref?: React.ForwardedRef<IRefSidebar>;
|
|
22
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
};
|
|
23
24
|
export default meta;
|
|
24
25
|
type Story = StoryObj<typeof meta>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { IStep } from '../../interfaces/components/Step';
|
|
2
|
-
|
|
3
2
|
declare const Step: ({ activeStep, stepList, widthLine, classNameContainer, classNameContent, classNameDesc, onChange, afterActiveType, beforeActiveType, colorActive, colorInactive, }: IStep) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default Step;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ activeStep, stepList, widthLine, classNameContainer, classNameContent, classNameDesc, onChange, afterActiveType, beforeActiveType, colorActive, colorInactive, }: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
render: (args: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { IStepIndicator } from '../../interfaces/components/Step';
|
|
2
|
-
|
|
3
2
|
declare const StepIndicator: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: IStepIndicator) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default StepIndicator;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: import('../../interfaces/components/Step').IStepIndicator) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { ISwitch } from '../../interfaces/components/Switch';
|
|
2
|
-
|
|
3
2
|
declare const Switch: ({ value, disabled, title, description, size, kind, id, className, classNameTitle, classNameDesc, onChange, }: ISwitch) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default Switch;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: ({ value, disabled, title, description, size, kind, id, className, classNameTitle, classNameDesc, onChange, }: import('../../interfaces/components/Switch').ISwitch) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from '../../interfaces/components/Table';
|
|
3
|
-
|
|
4
3
|
export declare const ConfigTable: () => ITableConfig;
|
|
5
4
|
export declare const VirtualizationHead: React.ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
6
5
|
export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, }: import('../../interfaces/components/Table').ITable<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +8,7 @@ declare const meta: {
|
|
|
9
8
|
tags: string[];
|
|
10
9
|
argTypes: {};
|
|
11
10
|
args: {};
|
|
12
|
-
render: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
render: (args: import('../../interfaces/components/Table').ITable<unknown>) => import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
};
|
|
14
13
|
export default meta;
|
|
15
14
|
type Story = StoryObj<typeof meta>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { ITabs } from '../../interfaces/components/Tabs';
|
|
2
|
-
|
|
3
2
|
declare const Tabs: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, typeButton, onChange, }: ITabs) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default Tabs;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, typeButton, onChange, }: import('../../interfaces/components/Tabs').ITabs) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
render: (args: import('../../interfaces/components/Tabs').ITabs) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: import('..').ITextEditorProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
render: (args: import('..').ITextEditorProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ITextareaFloatingInner } from '../../interfaces/components/Textarea';
|
|
3
|
-
|
|
4
3
|
declare const TextareaFloatingInner: React.ForwardRefExoticComponent<ITextareaFloatingInner & React.RefAttributes<HTMLTextAreaElement>>;
|
|
5
4
|
export default TextareaFloatingInner;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Textarea').ITextareaFloatingInner & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ITimelineContent, ITimelineLayout } from '../../interfaces/components/Timeline';
|
|
2
|
-
|
|
3
2
|
declare const Timeline: (({ children, noTime }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
|
|
4
3
|
TimelineContent: ({ children, time, clasName, noTime }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (({ children, noTime }: import('../../interfaces/components/Timeline').ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
|
|
5
|
+
TimelineContent: ({ children, time, clasName, noTime }: import('../../interfaces/components/Timeline').ITimelineContent) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
};
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
argTypes: {};
|
|
12
|
+
render: (args: import('../../interfaces/components/Timeline').ITimelineLayout) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { ITooltip } from '../../interfaces/components/Tooltip';
|
|
2
|
-
|
|
3
2
|
declare const Tooltip: ({ id, children, text, zIndexPopover, onShow, onClose, placement, backgroundColor, popoverProps, arrowProps, className, isHover, delay, }: ITooltip) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default Tooltip;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ id, children, text, zIndexPopover, onShow, onClose, placement, backgroundColor, popoverProps, arrowProps, className, isHover, delay, }: import('../../interfaces/components/Tooltip').ITooltip) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../../interfaces/components/TruncateComponent').ITruncateComponent>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
render: (args: import('../../interfaces/components/TruncateComponent').ITruncateComponent) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { IUploadImage } from '../../interfaces/components/UploadFile';
|
|
2
|
-
|
|
3
2
|
declare const UploadImage: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, }: IUploadImage) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default UploadImage;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, }: import('../../interfaces/components/UploadFile').IUploadImage) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { IUploadMultipleFile } from '../../interfaces/components/UploadFile';
|
|
2
|
-
|
|
3
2
|
declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default UploadMultipleFile;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { VirtuosoHandle } from 'react-virtuoso';
|
|
2
2
|
import { IListVirtualization } from '../../interfaces/components/Virtualization/ListVirtualization';
|
|
3
|
-
|
|
4
3
|
declare const ListVirtualization: import('react').ForwardRefExoticComponent<IListVirtualization & import('react').RefAttributes<VirtuosoHandle>>;
|
|
5
4
|
export default ListVirtualization;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { IListVirtualization } from '../../interfaces/components/Virtualization/ListVirtualization';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<IListVirtualization & import('react').RefAttributes<import('react-virtuoso').VirtuosoHandle>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {};
|
|
11
|
+
render: (args: IListVirtualization & import('react').RefAttributes<import('react-virtuoso').VirtuosoHandle>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
export declare const Default: Story;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { TableVirtuosoHandle } from 'react-virtuoso';
|
|
2
2
|
import { ITableVirtualization } from '../../interfaces/components/Virtualization/TableVirtualization';
|
|
3
|
-
|
|
4
3
|
declare const TableVirtualization: import('react').ForwardRefExoticComponent<ITableVirtualization & import('react').RefAttributes<TableVirtuosoHandle>>;
|
|
5
4
|
export default TableVirtualization;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ITableVirtualization } from '../../interfaces/components/Virtualization/TableVirtualization';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<ITableVirtualization & import('react').RefAttributes<import('react-virtuoso').TableVirtuosoHandle>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {};
|
|
11
|
+
render: (args: ITableVirtualization & import('react').RefAttributes<import('react-virtuoso').TableVirtuosoHandle>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
export declare const Default: Story;
|
|
@@ -72,7 +72,6 @@ import { default as GradientBarChart } from './Chart/GradientBarChart';
|
|
|
72
72
|
import { default as StepIndicator } from './Step/StepIndicator';
|
|
73
73
|
import { default as TextEditor } from './TextEditor/TextEditor';
|
|
74
74
|
import { ITextEditorProps } from '../interfaces/components/TextEditor';
|
|
75
|
-
|
|
76
75
|
import * as utilTable from '@tanstack/react-table';
|
|
77
76
|
import type * as SelectDropdownContainerType from 'react-select';
|
|
78
77
|
import type * as FilterContainerType from '../interfaces/components/FilterContainer';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as ConfigColors } from './colors';
|
|
2
2
|
import { default as configTypography, configTypographyLabaBisnis, configTypographyPayhere } from './typography';
|
|
3
3
|
import { default as configScreens } from './screen';
|
|
4
|
-
|
|
5
4
|
export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens };
|
|
@@ -7,5 +7,4 @@ import { useMergeRefs } from './useMergeRefs';
|
|
|
7
7
|
import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEffect';
|
|
8
8
|
import { useEventListener } from './useEventListener';
|
|
9
9
|
import { default as useMasonry } from './useMasonry';
|
|
10
|
-
|
|
11
10
|
export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
2
|
export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
|
|
4
3
|
export declare function assignRef<T = unknown>(ref: ReactRef<T> | null | undefined, value: T): void;
|
|
5
4
|
export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { IBorderRadius } from '../../../config/components/borderRadius';
|
|
3
3
|
import { Itypography } from '../../../config/components/typography';
|
|
4
|
-
|
|
5
4
|
export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
|
|
6
5
|
children: ReactNode | ReactNode[];
|
|
7
6
|
className?: string | undefined;
|
|
8
7
|
rounded?: IBorderRadius;
|
|
9
|
-
variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-green-50' | 'filled-blue-gray-50' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | 'filled-laba-green-10' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-blue-01' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01' | 'outline-laba-orange-06' | 'outline-laba-orange-06-bg_laba-orange-01' | 'outline-laba-red-06' | 'outline-laba-green-06';
|
|
8
|
+
variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-green-50' | 'filled-blue-gray-50' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-lime-900-bg_lime-100' | 'filled-red-900' | 'filled-laba-green-10' | 'filled-cyan-800-bg_cyan-100' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-blue-01' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01' | 'outline-laba-orange-06' | 'outline-laba-orange-06-bg_laba-orange-01' | 'outline-laba-red-06' | 'outline-laba-green-06';
|
|
10
9
|
fonts?: 'lato' | 'inter';
|
|
11
10
|
typography?: Itypography;
|
|
12
11
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
3
2
|
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700';
|
|
4
3
|
export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
|
|
5
4
|
export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
3
2
|
export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'secondary-red-700';
|
|
4
3
|
export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
|
|
5
4
|
export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
|
|
2
2
|
import { IPopover } from '../Popover';
|
|
3
3
|
import { IButton } from '../Button';
|
|
4
|
-
|
|
5
4
|
export interface IButtonPopover extends IButton {
|
|
6
5
|
text?: string;
|
|
7
6
|
startIconShow?: React.ReactNode | React.ReactNode[];
|