1mpacto-react-ui 0.1.7 → 0.1.9

package/dist/package.json.d.ts

@@ -1,134 +1,134 @@
-declare const _default: {
-  "name": "1mpacto-react-ui",
-  "private": false,
-  "version": "0.1.7",
-  "type": "module",
-  "engines": {
-    "node": ">=20.19.4",
-    "npm": ">=10.8.2"
-  },
-  "scripts": {
-    "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
-    "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
-    "dev": "vite",
-    "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
-    "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
-    "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
-    "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
-    "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
-    "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
-    "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepare": "husky && npm run build",
-    "watch:build": "npx watch \"npm run build\" ./src",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "postbuild": "copyfiles -f src/types/* dist/types-external/",
-    "install": "copyfiles -f dist/types-external/* ../../src/types/"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.14.10",
-    "@types/node-forge": "^1.3.14",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.3",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.11.1",
-    "glob": "^11.0.3",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.7",
-    "postcss": "^8.4.39",
-    "prettier": "^3.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "sass": "^1.77.6",
-    "storybook": "^8.4.7",
-    "tailwindcss": "^3.4.4",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18",
-    "yup": ">=1.4.0"
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./dist/assets/toast.css": "./dist/assets/toast.css",
-    "./dist/assets/core.css": "./dist/assets/core.css",
-    "./dist/assets/style.css": "./dist/assets/style.css",
-    "./dist/assets/colors.css": "./dist/assets/colors.css",
-    "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
-    "./dist/assets/typography.css": "./dist/assets/typography.css",
-    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
-    "./dist/assets/screen.css": "./dist/assets/screen.css",
-    "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
-    "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
-  },
-  "files": [
-    "/dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --quiet --fix"
-    ],
-    "*.{json,js,ts,jsx,tsx,html}": [
-      "prettier --write --ignore-unknown"
-    ]
-  },
-  "dependencies": {
-    "@floating-ui/react": "^0.26.19",
-    "@internationalized/date": "^3.5.4",
-    "@tanstack/react-table": "^8.19.2",
-    "@tinymce/tinymce-react": "^6.2.1",
-    "bignumber.js": "^9.1.2",
-    "chart.js": "^4.4.3",
-    "copyfiles": "^2.4.1",
-    "date-fns": "^3.6.0",
-    "js-cookie": "^3.0.5",
-    "lossless-json": "^4.0.2",
-    "node-forge": "^1.3.1",
-    "react-aria": "^3.33.1",
-    "react-chartjs-2": "^5.2.0",
-    "react-number-format": "^5.4.0",
-    "react-select": "^5.8.0",
-    "react-stately": "^3.31.1",
-    "react-toastify": "^10.0.5",
-    "react-virtuoso": "^4.7.11",
-    "tinymce": "^7.9.1"
-  }
-}
+declare const _default: {
+  "name": "1mpacto-react-ui",
+  "private": false,
+  "version": "0.1.9",
+  "type": "module",
+  "engines": {
+    "node": ">=20.19.4",
+    "npm": ">=10.8.2"
+  },
+  "scripts": {
+    "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
+    "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
+    "dev": "vite",
+    "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
+    "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
+    "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
+    "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
+    "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
+    "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
+    "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepare": "husky && npm run build",
+    "watch:build": "npx watch \"npm run build\" ./src",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "postbuild": "copyfiles -f src/types/* dist/types-external/",
+    "install": "copyfiles -f dist/types-external/* ../../src/types/"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20.14.10",
+    "@types/node-forge": "^1.3.14",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.11.1",
+    "glob": "^11.0.3",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "postcss": "^8.4.39",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "sass": "^1.77.6",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^3.4.4",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "yup": ">=1.4.0"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/assets/toast.css": "./dist/assets/toast.css",
+    "./dist/assets/core.css": "./dist/assets/core.css",
+    "./dist/assets/style.css": "./dist/assets/style.css",
+    "./dist/assets/colors.css": "./dist/assets/colors.css",
+    "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
+    "./dist/assets/typography.css": "./dist/assets/typography.css",
+    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
+    "./dist/assets/screen.css": "./dist/assets/screen.css",
+    "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
+    "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
+  },
+  "files": [
+    "/dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --quiet --fix"
+    ],
+    "*.{json,js,ts,jsx,tsx,html}": [
+      "prettier --write --ignore-unknown"
+    ]
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.26.19",
+    "@internationalized/date": "^3.5.4",
+    "@tanstack/react-table": "^8.19.2",
+    "@tinymce/tinymce-react": "^6.2.1",
+    "bignumber.js": "^9.1.2",
+    "chart.js": "^4.4.3",
+    "copyfiles": "^2.4.1",
+    "date-fns": "^3.6.0",
+    "js-cookie": "^3.0.5",
+    "lossless-json": "^4.0.2",
+    "node-forge": "^1.3.1",
+    "react-aria": "^3.33.1",
+    "react-chartjs-2": "^5.2.0",
+    "react-number-format": "^5.4.0",
+    "react-select": "^5.8.0",
+    "react-stately": "^3.31.1",
+    "react-toastify": "^10.0.5",
+    "react-virtuoso": "^4.7.11",
+    "tinymce": "^7.9.1"
+  }
+}
 ;
 
 export default _default;

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

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
 import { IBreadcrumbs } from '../../interfaces/components/Breadcrumbs';
 
-declare const Breadcrumbs: <T extends ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, ...props }: IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: <T extends ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, classNameAction, classNameUrl, renderAction, ...props }: IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: <T extends import('react').ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, ...props }: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends import('react').ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, classNameAction, classNameUrl, renderAction, ...props }: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -2,4 +2,5 @@ import { StylesConfig } from 'react-select';
 
 export declare const styleSelectDropdownContainerLaba: StylesConfig;
 export declare const styleSelectDropdownContainerPayhere: StylesConfig;
-export declare const styleSelectDropdownContainerNoSearch: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchLaba: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchPayhere: StylesConfig;

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

@@ -4,5 +4,5 @@ import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from
 export declare const ConfigTable: () => ITableConfig;
 export declare const VirtualizationHead: React.ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
-declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, columnBreakpoints, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    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;
+    component: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, columnBreakpoints, }: import('../../interfaces/components/Table').ITable<T>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/src/components/Table/TableSubMobile.d.ts

@@ -0,0 +1,4 @@
+import { TTableRenderSubComponent } from '../../interfaces/components/Table';
+
+declare const TableSubComponent: TTableRenderSubComponent<unknown>;
+export default TableSubComponent;

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

@@ -1,7 +1,7 @@
 import { ICollapse } from './../interfaces/components/Collapse';
 import { IMasonryLayout } from './../hooks/useMasonry';
 import { IChips } from './../interfaces/components/Chips';
-import { IDatePicker } from './../interfaces/components/DatePicker/index';
+import { IDatePicker } from './../interfaces/components/DatePicker';
 import { default as TPublish } from './TPublish/TPublish';
 import { default as Button } from './Button/Button';
 import { default as Popover } from './Popover/Popover';
@@ -9,7 +9,8 @@ import { IRefPopover, IPopover } from '../interfaces/components/Popover';
 import { default as InputFloatingInner } from './Input/InputFloatingInner';
 import { default as InputReguler } from './Input/InputReguler';
 import { default as Table, ConfigTable } from './Table/Table';
-import { ITableColumnDef, ITableConfig } from '../interfaces/components/Table';
+import { default as TableSubComponent } from './Table/TableSubMobile';
+import { ITableColumnDef, ITableColumnBreakpoint, ITableConfig, TTableRenderSubComponent, TTableHandlerRowClick } from '../interfaces/components/Table';
 import { default as TableVirtualization } from './Virtualization/TableVirtualization';
 import { TableVirtuosoHandle as IRefTableVirtualization, VirtuosoHandle as IRefListVirtualization } from 'react-virtuoso';
 import { default as ListVirtualization } from './Virtualization/ListVirtualization';
@@ -23,6 +24,7 @@ import { default as CalendarRange } from './Calendar/CalendarRange';
 import { default as DatePicker } from './DatePicker/DatePicker';
 import { default as DateRangePicker } from './DatePicker/DateRangePicker';
 import { default as FilterDate } from './DatePicker/FilterDate';
+import { TKeyLocale } from '../interfaces/components/Calendar';
 import { IFilterDateButtonList, TKeyFilterDateButtonListType } from '../interfaces/components/DatePicker';
 import { default as Switch } from './Switch/Switch';
 import { default as ButtonIcon } from './ButtonIcon/ButtonIcon';
@@ -62,11 +64,11 @@ import { IUploadMultipleFileValue } from '../interfaces/components/UploadFile';
 import { default as ErrorMessage } from './ErrorMessage/ErrorMessage';
 import { default as TextareaFloatingInner } from './Textarea/TextareaFloatingInner';
 import { default as Step } from './Step/Step';
-import { IDataStepList } from '../interfaces/components/Step/index';
+import { IDataStepList } from '../interfaces/components/Step';
 import { default as LineChart } from './Chart/LineChart';
 import { default as Tooltip } from './Tooltip/Tooltip';
 import { default as ButtonPopover } from './ButtonPopover/ButtonPopover';
-import { IRefButtonPopover } from '../interfaces/components/ButtonPopover/index';
+import { IRefButtonPopover } from '../interfaces/components/ButtonPopover';
 import { default as GradientLineChart } from './Chart/GradientLineChart';
 import { default as GradientBarChart } from './Chart/GradientBarChart';
 import { default as StepIndicator } from './Step/StepIndicator';
@@ -77,5 +79,5 @@ import { default as CollapseV2 } from './Collapse/CollapseV2';
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-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, StepIndicator, TextEditor, CollapseV2, };
-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, IMasonryLayout, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, };
+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, StepIndicator, TextEditor, CollapseV2, TableSubComponent, };
+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, IMasonryLayout, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, };

package/dist/src/config/tailwind/index.d.ts

@@ -1,5 +1,6 @@
 import { default as ConfigColors } from './colors';
 import { default as configTypography, configTypographyLabaBisnis, configTypographyPayhere } from './typography';
 import { default as configScreens } from './screen';
+import { default as configNativeScreens } from './nativeScreen';
 
-export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens };
+export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens, configNativeScreens, };

package/dist/src/config/tailwind/nativeScreen.d.ts

@@ -0,0 +1,3 @@
+export type INativeScreen = Record<string, number>;
+declare const nativeScreens: INativeScreen;
+export default nativeScreens;

package/dist/src/interfaces/components/Breadcrumbs/index.d.ts

@@ -16,4 +16,7 @@ export interface IBreadcrumbs<T extends ElementType> extends HTMLAttributes<HTML
     iconAction?: ReactNode | ReactNode[];
     separator?: ReactNode | ReactNode[] | string;
     propsLink?: (value: string, index: number, urls: string[]) => object;
+    classNameAction?: string;
+    classNameUrl?: string;
+    renderAction?: () => ReactNode | ReactNode[];
 }

package/dist/src/interfaces/components/Button/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-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';
+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' | 'tertiary-black';
 export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: TButtonSize;

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

@@ -5,7 +5,7 @@ import { CalendarState, CalendarStateOptions, DateRangePickerStateOptions, Range
 
 export type TCalendarType = 'date' | 'month' | 'year';
 export type TDateType = Date | string | null | undefined;
-export type TKeyLocale = 'id' | 'enUS' | 'nl';
+export type TKeyLocale = 'id-ID' | 'en-US' | 'nl-NL' | 'zh-CN';
 export interface ICalendarPrevNextIcon {
     prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white';
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-white';
 export interface ISidebarModule {
     name: string;
     label: string;
@@ -11,6 +11,7 @@ export interface ISidebarModule {
     icon?: string;
     svgIcon?: React.ReactNode | null;
     svgIconActive?: React.ReactNode | null;
+    svgIconHover?: React.ReactNode | null;
     manualRoute?: boolean;
     propsLink?: (value: string, item: ISidebarModule) => object;
     [key: string]: unknown;

package/dist/src/interfaces/components/Table/index.d.ts

@@ -3,6 +3,15 @@ import { default as React } from 'react';
 import { ITableVirtualization, IWrapperProps } from '../Virtualization/TableVirtualization';
 
 export type ITableColumnDef<T = unknown> = ColumnDef<T>;
+export interface ITableColumnBreakpoint {
+    maxWidth?: number;
+    minWidth?: number;
+    columns: string[];
+    realColumns?: string[];
+    resetExpanded?: boolean;
+}
+export type TTableRenderSubComponent<T> = ITable<T>['renderSubComponent'];
+export type TTableHandlerRowClick<T> = ITable<T>['handlerRowClick'];
 export interface ITable<T = unknown> {
     tableInstance: ITableTanstack<T>;
     classNameWrapperTable?: string;
@@ -22,13 +31,17 @@ export interface ITable<T = unknown> {
     componentSortDESC?: Element | React.ReactNode | React.ReactNode[];
     scrollTop?: boolean;
     emptyPlaceholder?: Element | React.ReactNode | React.ReactNode[];
-    renderSubComponent?: (original: T, row: Row<T>) => React.ReactNode | React.ReactNode[];
+    renderSubComponent?: (original: T, row: Row<T>, other: {
+        visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+        classNameSubMobile: string;
+    }) => React.ReactNode | React.ReactNode[];
+    columnBreakpoints?: ITableColumnBreakpoint[];
 }
 export interface INonVirtualization<T = unknown> {
     tableInstance: ITableTanstack<T>;
     classNameWrapperTable?: string;
     classNameTable?: string;
-    handlerRowClick?: (original: T, row: Row<T>) => void;
+    handlerRowClick?: TTableHandlerRowClick<T>;
     privillageRowClick?: boolean;
     headerId?: string;
     tbodyTrId: (row: Row<T>) => string | undefined;
@@ -38,7 +51,9 @@ export interface INonVirtualization<T = unknown> {
     componentSortDESC: Element | React.ReactNode | React.ReactNode[];
     classNamePointer: string;
     emptyPlaceholder?: Element | React.ReactNode | React.ReactNode[];
-    renderSubComponent?: (original: T, row: Row<T>) => React.ReactNode | React.ReactNode[];
+    renderSubComponent?: TTableRenderSubComponent<T>;
+    visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+    classNameSubMobile: string;
 }
 export interface IVirtualizationProps extends Omit<ITableVirtualization, 'typeHight' | 'itemContent' | 'fixedHeaderContent' | 'itemSizeNames'> {
     typeHight?: 'min-max' | 'container';
@@ -49,7 +64,7 @@ export interface IVirtualizationProps extends Omit<ITableVirtualization, 'typeHi
 export interface IVirtualization<T = unknown> {
     tableInstance: ITableTanstack<T>;
     classNameWrapperTable?: string;
-    handlerRowClick?: (original: T, row: Row<T>) => void;
+    handlerRowClick?: TTableHandlerRowClick<T>;
     privillageRowClick?: boolean;
     virtualizationProps?: IVirtualizationProps;
     headerId?: string;
@@ -59,7 +74,9 @@ export interface IVirtualization<T = unknown> {
     componentSortDESC: Element | React.ReactNode | React.ReactNode[];
     classNamePointer: string;
     emptyPlaceholder?: Element | React.ReactNode | React.ReactNode[];
-    renderSubComponent?: (original: T, row: Row<T>) => React.ReactNode | React.ReactNode[];
+    renderSubComponent?: TTableRenderSubComponent<T>;
+    visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+    classNameSubMobile: string;
 }
 export interface IVirtualizationHead extends React.HTMLAttributes<HTMLTableSectionElement> {
     context?: {
@@ -82,6 +99,11 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
     };
+    subMobile: {
+        'payhere-reguler': string;
+        'laba-reguler': string;
+        'laba-small': string;
+    };
     pointer: {
         'payhere-reguler': string;
         'laba-reguler': string;

package/dist/src/utils/common.d.ts

@@ -10,10 +10,10 @@ export declare function parseBigDecimal<T extends {
 }>(value: number | string, options?: T): T['instance'] extends true ? TypeBigNumber : string;
 export declare const parseDecimal: (value: number | string, decimals?: number) => number;
 export declare function formatNumber(number: number, style?: 'currency' | 'decimal', options?: {
-    minimumFractionDigits: number;
-    locale: string;
-    currency: string;
-    withSpace: boolean;
+    minimumFractionDigits?: number;
+    locale?: string;
+    currency?: string;
+    withSpace?: boolean;
 }): string;
 export declare const formatDate: (date: TDateType, format?: string, defaultValue?: string, keyLocale?: TKeyLocale) => string;
 export declare const formatDateRange: (startDate: TDateType, endDate: TDateType, format?: string, separator?: string, defaultValue?: string, keyLocale?: TKeyLocale) => string;