1mpacto-react-ui 2.0.21 → 2.0.22
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/_mixins.scss +72 -72
- package/dist/assets/icons/arrow-narrow-down.svg +3 -3
- package/dist/assets/style.css +1 -1
- package/dist/components/Button/Button.cjs +12 -12
- package/dist/components/Button/Button.config.cjs +1 -1
- package/dist/components/Button/Button.config.mjs +3 -1
- package/dist/components/Button/Button.mjs +24 -24
- package/dist/components/Button/style.module.scss.cjs +1 -1
- package/dist/components/Button/style.module.scss.mjs +57 -55
- package/dist/components/ButtonIcon/ButtonIcon.cjs +12 -12
- package/dist/components/ButtonIcon/ButtonIcon.mjs +20 -20
- package/dist/components/Calendar/CalendarYear.cjs +2 -2
- package/dist/components/Calendar/CalendarYear.mjs +2 -2
- package/dist/components/Slider/Slider.cjs +1 -0
- package/dist/components/Slider/Slider.mjs +61 -0
- package/dist/components/Slider/style.module.scss.cjs +1 -0
- package/dist/components/Slider/style.module.scss.mjs +14 -0
- package/dist/components/Upload/UploadImage.cjs +12 -12
- package/dist/components/Upload/UploadImage.mjs +28 -28
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +48 -46
- package/dist/package.json.cjs +1 -1
- package/dist/package.json.d.ts +128 -128
- package/dist/package.json.mjs +1 -1
- package/dist/src/components/Button/Button.config.d.ts +2 -0
- package/dist/src/components/Slider/Slider.d.ts +3 -0
- package/dist/src/components/Slider/Slider.stories.d.ts +6 -0
- package/dist/src/components/index.d.ts +4 -2
- package/dist/src/interfaces/components/Button/index.d.ts +1 -1
- package/dist/src/interfaces/components/Slider/index.d.ts +51 -0
- package/dist/types-external/table.d.ts +15 -15
- package/package.json +128 -128
|
@@ -67,6 +67,8 @@ export declare const configButton: {
|
|
|
67
67
|
'primary-bill-red-700': string;
|
|
68
68
|
'filled-bill-blue-gray-500_bg-blue-gray-50': string;
|
|
69
69
|
'filled-bill-secondary-800_bg-white': string;
|
|
70
|
+
'primary-blue-gray-900': string;
|
|
71
|
+
'filled-blue-gray-900': string;
|
|
70
72
|
};
|
|
71
73
|
};
|
|
72
74
|
export declare const keysConfigButtonVariant: string[];
|
|
@@ -79,11 +79,13 @@ import { ITextEditorProps } from '../interfaces/components/TextEditor';
|
|
|
79
79
|
import { default as CollapseV2 } from './Collapse/CollapseV2';
|
|
80
80
|
import { default as TimeRange } from './TimeRange/TimeRange';
|
|
81
81
|
import { ITimeRangeListTime, ITimeRange, TTimeRangeValue } from '../interfaces/components/TimeRange';
|
|
82
|
+
import { ISlider } from '../interfaces/components/Slider';
|
|
82
83
|
import { default as TextareaInnerLabel } from './Textarea/TextareaInnerLabel';
|
|
83
84
|
import { default as InputInnerLabel } from './Input/InputInnerLabel';
|
|
84
85
|
import { default as Text } from './Text/Text';
|
|
86
|
+
import { default as Slider } from './Slider/Slider';
|
|
85
87
|
import * as utilTable from '@tanstack/react-table';
|
|
86
88
|
import type * as SelectDropdownContainerType from 'react-select';
|
|
87
89
|
import type * as FilterContainerType from '../interfaces/components/FilterContainer';
|
|
88
|
-
export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, PieChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, Text, };
|
|
89
|
-
export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, };
|
|
90
|
+
export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, PieChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, Text, Slider, };
|
|
91
|
+
export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, ISlider, };
|
|
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
* [ID] : Tipe varian tombol yang tersedia.
|
|
4
4
|
* [EN] : Available button variant types.
|
|
5
5
|
*/
|
|
6
|
-
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700-dsb_laba-grey-06' | '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' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white';
|
|
6
|
+
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700-dsb_laba-grey-06' | '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' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white' | 'primary-blue-gray-900' | 'filled-blue-gray-900';
|
|
7
7
|
/**
|
|
8
8
|
* [ID] : Tipe ukuran tombol.
|
|
9
9
|
* [EN] : Button size type.
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* [ID] : Interface untuk komponen Slider.
|
|
3
|
+
* [EN] : Interface for Slider component.
|
|
4
|
+
*/
|
|
5
|
+
export interface ISlider extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
6
|
+
/**
|
|
7
|
+
* [ID] : Nilai minimum slider (opsional).
|
|
8
|
+
* [EN] : Minimum value of the slider (optional).
|
|
9
|
+
*/
|
|
10
|
+
min?: number;
|
|
11
|
+
/**
|
|
12
|
+
* [ID] : Nilai maksimum slider (opsional).
|
|
13
|
+
* [EN] : Maximum value of the slider (optional).
|
|
14
|
+
*/
|
|
15
|
+
max?: number;
|
|
16
|
+
/**
|
|
17
|
+
* [ID] : Nilai saat ini slider (opsional).
|
|
18
|
+
* [EN] : Current value of the slider (optional).
|
|
19
|
+
*/
|
|
20
|
+
value?: number;
|
|
21
|
+
/**
|
|
22
|
+
* [ID] : Callback saat nilai slider berubah (opsional).
|
|
23
|
+
* [EN] : Callback when slider value changes (optional).
|
|
24
|
+
*/
|
|
25
|
+
onChange?: (value: number) => void;
|
|
26
|
+
/**
|
|
27
|
+
* [ID] : Nama kelas CSS tambahan (opsional).
|
|
28
|
+
* [EN] : Additional CSS class name (optional).
|
|
29
|
+
*/
|
|
30
|
+
className?: string;
|
|
31
|
+
/**
|
|
32
|
+
* [ID] : Nama kelas CSS untuk thumb slider (opsional).
|
|
33
|
+
* [EN] : CSS class name for slider thumb (optional).
|
|
34
|
+
*/
|
|
35
|
+
classNameThumb?: string;
|
|
36
|
+
/**
|
|
37
|
+
* [ID] : Nama kelas CSS untuk track yang sudah terlewat (opsional).
|
|
38
|
+
* [EN] : CSS class name for passed track fill (optional).
|
|
39
|
+
*/
|
|
40
|
+
classNameTrackFill?: string;
|
|
41
|
+
/**
|
|
42
|
+
* [ID] : Nama kelas CSS untuk track yang belum terlewat (opsional).
|
|
43
|
+
* [EN] : CSS class name for unpassed track (optional).
|
|
44
|
+
*/
|
|
45
|
+
classNameTrack?: string;
|
|
46
|
+
/**
|
|
47
|
+
* [ID] : Status disabled slider (opsional).
|
|
48
|
+
* [EN] : Disabled state of slider (optional).
|
|
49
|
+
*/
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
-
import '@tanstack/react-table';
|
|
3
|
-
|
|
4
|
-
declare module '@tanstack/react-table' {
|
|
5
|
-
interface ColumnMeta<TData extends RowData, TValue> {
|
|
6
|
-
styleTd?: (original: RowData, row: Row<unknown>) => React.CSSProperties;
|
|
7
|
-
classNameTd?: (original: RowData, row: Row<unknown>) => string;
|
|
8
|
-
styleTh?: (header: Header<unknown, unknown>) => React.CSSProperties;
|
|
9
|
-
colSpan?: (header: Header<unknown, unknown>) => number;
|
|
10
|
-
rowSpan?: (header: Header<unknown, unknown>) => number;
|
|
11
|
-
styleTdLeftCellSubs?: (original: RowData, row: Row<unknown>) => React.CSSProperties;
|
|
12
|
-
styleTdRightCellSubs?: (original: RowData, row: Row<unknown>) => React.CSSProperties;
|
|
13
|
-
labelCellSubs?: (original: RowData, row: Row<unknown>) => React.ReactNode | string | React.ReactNode[];
|
|
14
|
-
}
|
|
15
|
-
}
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
+
import '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
declare module '@tanstack/react-table' {
|
|
5
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
6
|
+
styleTd?: (original: RowData, row: Row<unknown>) => React.CSSProperties;
|
|
7
|
+
classNameTd?: (original: RowData, row: Row<unknown>) => string;
|
|
8
|
+
styleTh?: (header: Header<unknown, unknown>) => React.CSSProperties;
|
|
9
|
+
colSpan?: (header: Header<unknown, unknown>) => number;
|
|
10
|
+
rowSpan?: (header: Header<unknown, unknown>) => number;
|
|
11
|
+
styleTdLeftCellSubs?: (original: RowData, row: Row<unknown>) => React.CSSProperties;
|
|
12
|
+
styleTdRightCellSubs?: (original: RowData, row: Row<unknown>) => React.CSSProperties;
|
|
13
|
+
labelCellSubs?: (original: RowData, row: Row<unknown>) => React.ReactNode | string | React.ReactNode[];
|
|
14
|
+
}
|
|
15
|
+
}
|
package/package.json
CHANGED
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "1mpacto-react-ui",
|
|
3
|
-
"private": false,
|
|
4
|
-
"version": "2.0.
|
|
5
|
-
"type": "module",
|
|
6
|
-
"engines": {
|
|
7
|
-
"node": ">=20.19.4",
|
|
8
|
-
"npm": ">=10.8.2"
|
|
9
|
-
},
|
|
10
|
-
"scripts": {
|
|
11
|
-
"copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
|
|
12
|
-
"copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
|
|
13
|
-
"dev": "vite",
|
|
14
|
-
"transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
|
|
15
|
-
"process:transformStyle": "npm run transform:style",
|
|
16
|
-
"process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
|
|
17
|
-
"prebuild": "node -e \"fs.rmSync('node_modules/.tmp',{recursive:true,force:true})\"",
|
|
18
|
-
"build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
|
|
19
|
-
"build:css": "sass --load-path=node_modules ./src/styles/index.scss ./dist/assets/core.css --no-source-map --style=compressed",
|
|
20
|
-
"build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
|
|
21
|
-
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
22
|
-
"preview": "vite preview",
|
|
23
|
-
"prepare": "husky && npm run build",
|
|
24
|
-
"watch:build": "npx watch \"npm run build\" ./src",
|
|
25
|
-
"storybook": "storybook dev -p 6006",
|
|
26
|
-
"build-storybook": "storybook build",
|
|
27
|
-
"postbuild": "copyfiles -f src/types/* dist/types-external/",
|
|
28
|
-
"install": "copyfiles -f dist/types-external/* ../../src/types/"
|
|
29
|
-
},
|
|
30
|
-
"devDependencies": {
|
|
31
|
-
"@chromatic-com/storybook": "^4.1.3",
|
|
32
|
-
"@eslint/compat": "^1.3.1",
|
|
33
|
-
"@eslint/eslintrc": "^3.3.1",
|
|
34
|
-
"@eslint/js": "^9.32.0",
|
|
35
|
-
"@storybook/addon-docs": "^10.1.4",
|
|
36
|
-
"@storybook/addon-onboarding": "^10.1.4",
|
|
37
|
-
"@storybook/react-vite": "^10.1.4",
|
|
38
|
-
"@stylistic/eslint-plugin": "^5.2.2",
|
|
39
|
-
"@types/js-cookie": "^3.0.6",
|
|
40
|
-
"@types/node": "^20",
|
|
41
|
-
"@types/node-forge": "^1.3.14",
|
|
42
|
-
"@types/react": "^19.1.9",
|
|
43
|
-
"@types/react-dom": "^19.1.7",
|
|
44
|
-
"@typescript-eslint/eslint-plugin": "^8.48.1",
|
|
45
|
-
"@typescript-eslint/parser": "^8.48.1",
|
|
46
|
-
"@vitejs/plugin-react-swc": "^4.3.0",
|
|
47
|
-
"1mpacto-sass": "^0.0.6",
|
|
48
|
-
"eslint": "^9.32.0",
|
|
49
|
-
"eslint-config-prettier": "^10.1.8",
|
|
50
|
-
"eslint-plugin-import": "^2.32.0",
|
|
51
|
-
"eslint-plugin-prettier": "^5.5.4",
|
|
52
|
-
"eslint-plugin-react": "^7.37.5",
|
|
53
|
-
"eslint-plugin-react-hooks": "^5.2.0",
|
|
54
|
-
"eslint-plugin-react-refresh": "^0.4.19",
|
|
55
|
-
"eslint-plugin-storybook": "^10.1.4",
|
|
56
|
-
"glob": "^13.0.0",
|
|
57
|
-
"globals": "^16.3.0",
|
|
58
|
-
"husky": "^9.1.7",
|
|
59
|
-
"lint-staged": "^16.2.7",
|
|
60
|
-
"prettier": "^3.7.4",
|
|
61
|
-
"react": "^19.1.1",
|
|
62
|
-
"react-dom": "^19.1.1",
|
|
63
|
-
"sass": "^1.94.2",
|
|
64
|
-
"storybook": "10.1.4",
|
|
65
|
-
"ts-node": "^10.9.2",
|
|
66
|
-
"typescript": "~5.9.3",
|
|
67
|
-
"vite": "^7.3.2",
|
|
68
|
-
"vite-plugin-dts": "^4.5.4"
|
|
69
|
-
},
|
|
70
|
-
"peerDependencies": {
|
|
71
|
-
"react": ">= 19",
|
|
72
|
-
"react-dom": ">=19",
|
|
73
|
-
"yup": ">=1.4.0"
|
|
74
|
-
},
|
|
75
|
-
"main": "./dist/index.cjs",
|
|
76
|
-
"module": "./dist/index.mjs",
|
|
77
|
-
"types": "./dist/index.d.ts",
|
|
78
|
-
"sideEffects": false,
|
|
79
|
-
"exports": {
|
|
80
|
-
".": {
|
|
81
|
-
"types": "./dist/index.d.ts",
|
|
82
|
-
"import": "./dist/index.mjs",
|
|
83
|
-
"require": "./dist/index.cjs"
|
|
84
|
-
},
|
|
85
|
-
"./dist/assets/toast.css": "./dist/assets/toast.css",
|
|
86
|
-
"./dist/assets/core.css": "./dist/assets/core.css",
|
|
87
|
-
"./dist/assets/style.css": "./dist/assets/style.css",
|
|
88
|
-
"./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
|
|
89
|
-
"./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
|
|
90
|
-
"./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
|
|
91
|
-
"./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
|
|
92
|
-
},
|
|
93
|
-
"files": [
|
|
94
|
-
"/dist"
|
|
95
|
-
],
|
|
96
|
-
"publishConfig": {
|
|
97
|
-
"access": "public"
|
|
98
|
-
},
|
|
99
|
-
"lint-staged": {
|
|
100
|
-
"*.{js,jsx,ts,tsx}": [
|
|
101
|
-
"eslint --quiet --fix"
|
|
102
|
-
],
|
|
103
|
-
"*.{json,js,ts,jsx,tsx,html}": [
|
|
104
|
-
"prettier --write --ignore-unknown"
|
|
105
|
-
]
|
|
106
|
-
},
|
|
107
|
-
"dependencies": {
|
|
108
|
-
"@floating-ui/react": "^0.27.16",
|
|
109
|
-
"@internationalized/date": "^3.10.0",
|
|
110
|
-
"@tanstack/react-table": "^8.21.3",
|
|
111
|
-
"@tinymce/tinymce-react": "^6.3.0",
|
|
112
|
-
"bignumber.js": "^9.3.1",
|
|
113
|
-
"chart.js": "^4.5.1",
|
|
114
|
-
"copyfiles": "^2.4.1",
|
|
115
|
-
"date-fns": "^4.1.0",
|
|
116
|
-
"js-cookie": "^3.0.5",
|
|
117
|
-
"lossless-json": "^4.3.0",
|
|
118
|
-
"node-forge": "^1.3.2",
|
|
119
|
-
"react-aria": "^3.44.0",
|
|
120
|
-
"react-chartjs-2": "^5.3.1",
|
|
121
|
-
"react-number-format": "^5.4.4",
|
|
122
|
-
"react-select": "^5.10.2",
|
|
123
|
-
"react-stately": "^3.42.0",
|
|
124
|
-
"react-toastify": "^11.0.5",
|
|
125
|
-
"react-virtuoso": "^4.16.1",
|
|
126
|
-
"tinymce": "^8.2.2"
|
|
127
|
-
}
|
|
128
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "1mpacto-react-ui",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "2.0.22",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"engines": {
|
|
7
|
+
"node": ">=20.19.4",
|
|
8
|
+
"npm": ">=10.8.2"
|
|
9
|
+
},
|
|
10
|
+
"scripts": {
|
|
11
|
+
"copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
|
|
12
|
+
"copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
|
|
13
|
+
"dev": "vite",
|
|
14
|
+
"transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
|
|
15
|
+
"process:transformStyle": "npm run transform:style",
|
|
16
|
+
"process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
|
|
17
|
+
"prebuild": "node -e \"fs.rmSync('node_modules/.tmp',{recursive:true,force:true})\"",
|
|
18
|
+
"build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
|
|
19
|
+
"build:css": "sass --load-path=node_modules ./src/styles/index.scss ./dist/assets/core.css --no-source-map --style=compressed",
|
|
20
|
+
"build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
|
|
21
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
22
|
+
"preview": "vite preview",
|
|
23
|
+
"prepare": "husky && npm run build",
|
|
24
|
+
"watch:build": "npx watch \"npm run build\" ./src",
|
|
25
|
+
"storybook": "storybook dev -p 6006",
|
|
26
|
+
"build-storybook": "storybook build",
|
|
27
|
+
"postbuild": "copyfiles -f src/types/* dist/types-external/",
|
|
28
|
+
"install": "copyfiles -f dist/types-external/* ../../src/types/"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
32
|
+
"@eslint/compat": "^1.3.1",
|
|
33
|
+
"@eslint/eslintrc": "^3.3.1",
|
|
34
|
+
"@eslint/js": "^9.32.0",
|
|
35
|
+
"@storybook/addon-docs": "^10.1.4",
|
|
36
|
+
"@storybook/addon-onboarding": "^10.1.4",
|
|
37
|
+
"@storybook/react-vite": "^10.1.4",
|
|
38
|
+
"@stylistic/eslint-plugin": "^5.2.2",
|
|
39
|
+
"@types/js-cookie": "^3.0.6",
|
|
40
|
+
"@types/node": "^20",
|
|
41
|
+
"@types/node-forge": "^1.3.14",
|
|
42
|
+
"@types/react": "^19.1.9",
|
|
43
|
+
"@types/react-dom": "^19.1.7",
|
|
44
|
+
"@typescript-eslint/eslint-plugin": "^8.48.1",
|
|
45
|
+
"@typescript-eslint/parser": "^8.48.1",
|
|
46
|
+
"@vitejs/plugin-react-swc": "^4.3.0",
|
|
47
|
+
"1mpacto-sass": "^0.0.6",
|
|
48
|
+
"eslint": "^9.32.0",
|
|
49
|
+
"eslint-config-prettier": "^10.1.8",
|
|
50
|
+
"eslint-plugin-import": "^2.32.0",
|
|
51
|
+
"eslint-plugin-prettier": "^5.5.4",
|
|
52
|
+
"eslint-plugin-react": "^7.37.5",
|
|
53
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
54
|
+
"eslint-plugin-react-refresh": "^0.4.19",
|
|
55
|
+
"eslint-plugin-storybook": "^10.1.4",
|
|
56
|
+
"glob": "^13.0.0",
|
|
57
|
+
"globals": "^16.3.0",
|
|
58
|
+
"husky": "^9.1.7",
|
|
59
|
+
"lint-staged": "^16.2.7",
|
|
60
|
+
"prettier": "^3.7.4",
|
|
61
|
+
"react": "^19.1.1",
|
|
62
|
+
"react-dom": "^19.1.1",
|
|
63
|
+
"sass": "^1.94.2",
|
|
64
|
+
"storybook": "10.1.4",
|
|
65
|
+
"ts-node": "^10.9.2",
|
|
66
|
+
"typescript": "~5.9.3",
|
|
67
|
+
"vite": "^7.3.2",
|
|
68
|
+
"vite-plugin-dts": "^4.5.4"
|
|
69
|
+
},
|
|
70
|
+
"peerDependencies": {
|
|
71
|
+
"react": ">= 19",
|
|
72
|
+
"react-dom": ">=19",
|
|
73
|
+
"yup": ">=1.4.0"
|
|
74
|
+
},
|
|
75
|
+
"main": "./dist/index.cjs",
|
|
76
|
+
"module": "./dist/index.mjs",
|
|
77
|
+
"types": "./dist/index.d.ts",
|
|
78
|
+
"sideEffects": false,
|
|
79
|
+
"exports": {
|
|
80
|
+
".": {
|
|
81
|
+
"types": "./dist/index.d.ts",
|
|
82
|
+
"import": "./dist/index.mjs",
|
|
83
|
+
"require": "./dist/index.cjs"
|
|
84
|
+
},
|
|
85
|
+
"./dist/assets/toast.css": "./dist/assets/toast.css",
|
|
86
|
+
"./dist/assets/core.css": "./dist/assets/core.css",
|
|
87
|
+
"./dist/assets/style.css": "./dist/assets/style.css",
|
|
88
|
+
"./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
|
|
89
|
+
"./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
|
|
90
|
+
"./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
|
|
91
|
+
"./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
|
|
92
|
+
},
|
|
93
|
+
"files": [
|
|
94
|
+
"/dist"
|
|
95
|
+
],
|
|
96
|
+
"publishConfig": {
|
|
97
|
+
"access": "public"
|
|
98
|
+
},
|
|
99
|
+
"lint-staged": {
|
|
100
|
+
"*.{js,jsx,ts,tsx}": [
|
|
101
|
+
"eslint --quiet --fix"
|
|
102
|
+
],
|
|
103
|
+
"*.{json,js,ts,jsx,tsx,html}": [
|
|
104
|
+
"prettier --write --ignore-unknown"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
"dependencies": {
|
|
108
|
+
"@floating-ui/react": "^0.27.16",
|
|
109
|
+
"@internationalized/date": "^3.10.0",
|
|
110
|
+
"@tanstack/react-table": "^8.21.3",
|
|
111
|
+
"@tinymce/tinymce-react": "^6.3.0",
|
|
112
|
+
"bignumber.js": "^9.3.1",
|
|
113
|
+
"chart.js": "^4.5.1",
|
|
114
|
+
"copyfiles": "^2.4.1",
|
|
115
|
+
"date-fns": "^4.1.0",
|
|
116
|
+
"js-cookie": "^3.0.5",
|
|
117
|
+
"lossless-json": "^4.3.0",
|
|
118
|
+
"node-forge": "^1.3.2",
|
|
119
|
+
"react-aria": "^3.44.0",
|
|
120
|
+
"react-chartjs-2": "^5.3.1",
|
|
121
|
+
"react-number-format": "^5.4.4",
|
|
122
|
+
"react-select": "^5.10.2",
|
|
123
|
+
"react-stately": "^3.42.0",
|
|
124
|
+
"react-toastify": "^11.0.5",
|
|
125
|
+
"react-virtuoso": "^4.16.1",
|
|
126
|
+
"tinymce": "^8.2.2"
|
|
127
|
+
}
|
|
128
|
+
}
|