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
|
@@ -2,7 +2,6 @@ import { CalendarDate } from '@internationalized/date';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { AriaButtonOptions, DateValue, RangeCalendarProps } from 'react-aria';
|
|
4
4
|
import { CalendarState, CalendarStateOptions, DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
|
|
5
|
-
|
|
6
5
|
export type TCalendarType = 'date' | 'month' | 'year';
|
|
7
6
|
export type TDateType = Date | string | null | undefined;
|
|
8
7
|
export type TKeyLocale = 'id' | 'enUS' | 'nl';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ChartArea, ChartData, ChartDataset, ChartOptions, CoreScaleOptions, Scale, TooltipItem } from 'chart.js';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
-
|
|
4
3
|
export type TOptionsDoughnutChart = ChartOptions<'doughnut'>;
|
|
5
4
|
export interface IDataDoughnutChart {
|
|
6
5
|
[key: string]: unknown;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ICalendarButtonConfirm, ICalendarPrevNextIcon, IDateRange, TDateType } from '../Calendar';
|
|
3
3
|
import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
|
|
4
|
-
|
|
5
4
|
export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
|
|
6
5
|
value?: TDateType;
|
|
7
6
|
defaultValue?: TDateType;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions, FloatingArrowProps } from '@floating-ui/react';
|
|
3
|
-
|
|
4
3
|
export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
4
|
children: ReactNode | ReactNode[];
|
|
6
5
|
className?: string | undefined;
|
|
@@ -24,5 +23,5 @@ export interface IRefPopover {
|
|
|
24
23
|
handlerShow: <T extends HTMLElement>(event: React.MouseEvent<T, unknown> | {
|
|
25
24
|
currentTarget: ReactNode;
|
|
26
25
|
}) => void;
|
|
27
|
-
getReferenceProps: (userProps?: React.HTMLProps<Element>
|
|
26
|
+
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
28
27
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { IBorderRadius } from '../../../config/components/borderRadius';
|
|
3
3
|
import { Itypography } from '../../../config/components/typography';
|
|
4
|
-
|
|
5
4
|
export interface IRadioCheckbox extends InputHTMLAttributes<HTMLInputElement> {
|
|
6
5
|
classNameContainer?: string | undefined;
|
|
7
6
|
classNameLabel?: string | undefined;
|
|
@@ -2,7 +2,6 @@ import { InputHTMLAttributes, ReactNode } from 'react';
|
|
|
2
2
|
import { Itypography } from '../../../config/components/typography';
|
|
3
3
|
import { IRadioCheckbox } from './RadioCheckbox';
|
|
4
4
|
import { IBorderRadius } from '../../../config/components/borderRadius';
|
|
5
|
-
|
|
6
5
|
export interface IRadioCheckboxLabel extends InputHTMLAttributes<HTMLInputElement> {
|
|
7
6
|
typographyLabel?: Itypography;
|
|
8
7
|
typographyDesc?: Itypography;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Props as SelectProps, ActionMeta, GroupBase, SelectComponentsConfig, MultiValue, SingleValue } from 'react-select';
|
|
3
3
|
import { AutoPlacementOptions, FlipOptions, OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
|
|
4
|
-
|
|
5
4
|
export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean, GroupBase<T>>, 'onChange' | 'getOptionLabel'> {
|
|
6
5
|
width?: number | string | ((width: number, value: MultiValue<T> | SingleValue<T> | T | T[] | object) => string | number);
|
|
7
6
|
children: ((params: IChildrenSelectDropdownContainer<T>) => React.ReactNode) | ((params: IChildrenSelectDropdownContainer<T>) => React.ReactNode[]);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Table as ITableTanstack, Row, ColumnDef } from '@tanstack/react-table';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { ITableVirtualization, IWrapperProps } from '../Virtualization/TableVirtualization';
|
|
4
|
-
|
|
5
4
|
export type ITableColumnDef<T = unknown> = ColumnDef<T>;
|
|
6
5
|
export interface ITable<T = unknown> {
|
|
7
6
|
tableInstance: ITableTanstack<T>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { IBorderRadius } from '../../../config/components/borderRadius';
|
|
2
|
-
|
|
3
2
|
export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white';
|
|
4
3
|
export type TSizeTabs = 'tabs-m' | 'tabs-s' | 'tabs-medium' | 'tabs-small';
|
|
5
4
|
export interface ITabsList {
|
|
@@ -2,7 +2,6 @@ import { FloatingArrowProps, UseFloatingOptions } from '@floating-ui/react';
|
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { IColor } from '../../../config/tailwind/colors';
|
|
4
4
|
import { IPopover } from '../Popover';
|
|
5
|
-
|
|
6
5
|
export interface ITooltip {
|
|
7
6
|
id?: string;
|
|
8
7
|
children: string | React.ReactNode | React.ReactNode[];
|
package/dist/src/main.d.ts
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { TDateType, TKeyLocale } from '../interfaces/components/Calendar';
|
|
2
2
|
import { IMergeState } from '../interfaces/components/FilterContainer';
|
|
3
3
|
import { TBigNumber, TypeBigNumber } from '../config/bigNumber';
|
|
4
|
-
|
|
5
4
|
export declare const isAccurateBigNumber: (value: unknown) => boolean;
|
|
6
5
|
export declare const isAccurateNumber: (value: unknown) => boolean;
|
|
7
6
|
export declare function parseBigDecimal<T extends {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "1mpacto-react-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.2.0-beta.
|
|
4
|
+
"version": "0.2.0-beta.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=20.19.4",
|
|
@@ -28,38 +28,44 @@
|
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@chromatic-com/storybook": "^4.0.1",
|
|
31
|
+
"@eslint/compat": "^1.3.1",
|
|
32
|
+
"@eslint/eslintrc": "^3.3.1",
|
|
33
|
+
"@eslint/js": "^9.32.0",
|
|
31
34
|
"@storybook/addon-docs": "^9.0.18",
|
|
32
35
|
"@storybook/addon-onboarding": "^9.0.18",
|
|
33
36
|
"@storybook/react-vite": "^9.0.18",
|
|
37
|
+
"@stylistic/eslint-plugin": "^5.2.2",
|
|
34
38
|
"@types/js-cookie": "^3.0.6",
|
|
35
39
|
"@types/node": "^20",
|
|
36
40
|
"@types/react": "^19.1.9",
|
|
37
41
|
"@types/react-dom": "^19.1.7",
|
|
38
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
39
|
-
"@typescript-eslint/parser": "^
|
|
40
|
-
"@vitejs/plugin-react-swc": "^3.
|
|
42
|
+
"@typescript-eslint/eslint-plugin": "^8.38.0",
|
|
43
|
+
"@typescript-eslint/parser": "^8.38.0",
|
|
44
|
+
"@vitejs/plugin-react-swc": "^3.9.0",
|
|
41
45
|
"autoprefixer": "^10.4.19",
|
|
42
|
-
"eslint": "^
|
|
43
|
-
"eslint-config-prettier": "^
|
|
44
|
-
"eslint-plugin-
|
|
45
|
-
"eslint-plugin-
|
|
46
|
-
"eslint-plugin-react
|
|
47
|
-
"eslint-plugin-react-
|
|
46
|
+
"eslint": "^9.32.0",
|
|
47
|
+
"eslint-config-prettier": "^10.1.8",
|
|
48
|
+
"eslint-plugin-import": "^2.32.0",
|
|
49
|
+
"eslint-plugin-prettier": "^5.5.3",
|
|
50
|
+
"eslint-plugin-react": "^7.37.5",
|
|
51
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
52
|
+
"eslint-plugin-react-refresh": "^0.4.19",
|
|
48
53
|
"eslint-plugin-storybook": "^9.0.18",
|
|
49
54
|
"glob": "^11.0.3",
|
|
50
|
-
"
|
|
51
|
-
"
|
|
55
|
+
"globals": "^16.3.0",
|
|
56
|
+
"husky": "^9.1.7",
|
|
57
|
+
"lint-staged": "^16.1.2",
|
|
52
58
|
"postcss": "^8.5.2",
|
|
53
|
-
"prettier": "^3.
|
|
59
|
+
"prettier": "^3.6.2",
|
|
54
60
|
"react": "^19.1.1",
|
|
55
61
|
"react-dom": "^19.1.1",
|
|
56
|
-
"sass": "^1.
|
|
62
|
+
"sass": "^1.89.2",
|
|
57
63
|
"storybook": "^9.0.18",
|
|
58
64
|
"tailwindcss": "^3.4.4",
|
|
59
65
|
"ts-node": "^10.9.2",
|
|
60
|
-
"typescript": "
|
|
61
|
-
"vite": "^
|
|
62
|
-
"vite-plugin-dts": "^
|
|
66
|
+
"typescript": "~5.8.3",
|
|
67
|
+
"vite": "^6.3.5",
|
|
68
|
+
"vite-plugin-dts": "^4.5.4"
|
|
63
69
|
},
|
|
64
70
|
"peerDependencies": {
|
|
65
71
|
"react": ">= 19",
|
|
@@ -71,9 +77,9 @@
|
|
|
71
77
|
"types": "./dist/index.d.ts",
|
|
72
78
|
"exports": {
|
|
73
79
|
".": {
|
|
80
|
+
"types": "./dist/index.d.ts",
|
|
74
81
|
"import": "./dist/index.mjs",
|
|
75
|
-
"require": "./dist/index.cjs"
|
|
76
|
-
"types": "./dist/index.d.ts"
|
|
82
|
+
"require": "./dist/index.cjs"
|
|
77
83
|
},
|
|
78
84
|
"./dist/assets/toast.css": "./dist/assets/toast.css",
|
|
79
85
|
"./dist/assets/core.css": "./dist/assets/core.css",
|
|
@@ -117,4 +123,4 @@
|
|
|
117
123
|
"react-virtuoso": "^4.13.0",
|
|
118
124
|
"tinymce": "^7.9.1"
|
|
119
125
|
}
|
|
120
|
-
}
|
|
126
|
+
}
|