1mpacto-react-ui 2.0.0 → 2.0.2

package/dist/package.json.d.ts

@@ -1,135 +1,135 @@
-declare const _default: {
-  "name": "1mpacto-react-ui",
-  "private": false,
-  "version": "2.0.0",
-  "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": "^4.0.1",
-    "@eslint/compat": "^1.3.1",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.32.0",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
-    "@stylistic/eslint-plugin": "^5.2.2",
-    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20",
-    "@types/node-forge": "^1.3.14",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
-    "@typescript-eslint/parser": "^8.38.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^9.32.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.3",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.18",
-    "glob": "^11.0.3",
-    "globals": "^16.3.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.1.2",
-    "postcss": "^8.5.2",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "sass": "^1.89.2",
-    "storybook": "^9.0.18",
-    "tailwindcss": "^3.4.4",
-    "ts-node": "^10.9.2",
-    "typescript": "~5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "peerDependencies": {
-    "react": ">= 19",
-    "react-dom": ">=19",
-    "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.27.15",
-    "@internationalized/date": "^3.8.2",
-    "@tanstack/react-table": "^8.21.3",
-    "@tinymce/tinymce-react": "^6.2.1",
-    "bignumber.js": "^9.1.2",
-    "chart.js": "^4.5.0",
-    "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.42.0",
-    "react-chartjs-2": "^5.3.0",
-    "react-number-format": "^5.4.4",
-    "react-select": "^5.10.2",
-    "react-stately": "^3.40.0",
-    "react-toastify": "^11.0.5",
-    "react-virtuoso": "^4.13.0",
-    "tinymce": "^7.9.1"
-  }
-}
+declare const _default: {
+  "name": "1mpacto-react-ui",
+  "private": false,
+  "version": "2.0.2",
+  "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": "^4.0.1",
+    "@eslint/compat": "^1.3.1",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.32.0",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@stylistic/eslint-plugin": "^5.2.2",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20",
+    "@types/node-forge": "^1.3.14",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react-swc": "^3.9.0",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^9.0.18",
+    "glob": "^11.0.3",
+    "globals": "^16.3.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.2",
+    "postcss": "^8.5.2",
+    "prettier": "^3.6.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "sass": "^1.89.2",
+    "storybook": "^9.0.18",
+    "tailwindcss": "^3.4.4",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "react": ">= 19",
+    "react-dom": ">=19",
+    "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.27.15",
+    "@internationalized/date": "^3.8.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@tinymce/tinymce-react": "^6.2.1",
+    "bignumber.js": "^9.1.2",
+    "chart.js": "^4.5.0",
+    "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.42.0",
+    "react-chartjs-2": "^5.3.0",
+    "react-number-format": "^5.4.4",
+    "react-select": "^5.10.2",
+    "react-stately": "^3.40.0",
+    "react-toastify": "^11.0.5",
+    "react-virtuoso": "^4.13.0",
+    "tinymce": "^7.9.1"
+  }
+}
 ;
 
 export default _default;

package/dist/src/components/Button/Button.config.d.ts

@@ -12,6 +12,7 @@ export declare const configButton: {
         'bill-m': string;
         'bill-s': string;
         'bill-xs': string;
+        'bill-xxs': string;
     };
     loadingSize: {
         large: string;
@@ -26,6 +27,7 @@ export declare const configButton: {
         'bill-m': string;
         'bill-s': string;
         'bill-xs': string;
+        'bill-xxs': string;
     };
     variants: {
         'primary-laba-blue-10': string;
@@ -63,6 +65,7 @@ export declare const configButton: {
         'secondary-bill-secondary-800': string;
         'tertiary-bill-secondary-800': string;
         'primary-bill-red-700': string;
+        'filled-bill-bluegray-500_text-bill-body-sm': string;
     };
 };
 export declare const keysConfigButtonVariant: string[];

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

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { ITable, IVirtualizationHead, IVirtualizationTable } from '../../interfaces/components/Table';
 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, columnBreakpoints, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, theadTrId, 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

@@ -1,7 +1,8 @@
 import { StoryObj } from '@storybook/react-vite';
+import { ITable } from '../../interfaces/components/Table';
 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, columnBreakpoints, }: import('../../interfaces/components/Table').ITable<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, theadTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, columnBreakpoints, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -270,9 +271,22 @@ declare const meta: {
                 };
             };
         };
+        theadTrId: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
     args: {};
-    render: (args: import('../../interfaces/components/Table').ITable<unknown>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: ITable<unknown>) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/components/Tabs/Tabs.config.d.ts

@@ -7,6 +7,7 @@ export declare const configTabs: {
         'container-laba-blue-10-bg_white': string;
         'container-laba-blue-10-bg_blue-01': string;
         'original-bill-secondary-800': string;
+        'container-bill-secondary-800': string;
     };
     size: {
         'tabs-m': string;

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

@@ -5,8 +5,8 @@ import { ToastOptions } from 'react-toastify';
  */
 export interface IOptionAlert extends ToastOptions {
     /**
-     * [ID] : Jenis alert (opsional).
-     * [EN] : Alert kind (optional).
+     * [ID] : Variant alert (opsional).
+     * [EN] : Alert variant (optional).
      */
-    kind?: 'laba' | 'payhere';
+    variant?: 'solid' | 'outline';
 }

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

@@ -3,12 +3,12 @@ import { ReactNode } from 'react';
  * [ID] : Tipe varian tombol yang tersedia.
  * [EN] : Available button variant types.
  */
-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' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-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' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-bluegray-500_text-bill-body-sm';
 /**
  * [ID] : Tipe ukuran tombol.
  * [EN] : Button size type.
  */
-export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs';
+export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs' | 'bill-xxs';
 /**
  * [ID] : Interface untuk komponen Button.
  * [EN] : Interface for Button component.

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

@@ -49,6 +49,11 @@ export interface ISidebarModule {
      * [EN] : SVG icon (optional).
      */
     svgIcon?: React.ReactNode | null;
+    /**
+     * [ID] : Ikon akhir (opsional).
+     * [EN] : End icon (optional).
+     */
+    endIcon?: React.ReactNode | null;
     /**
      * [ID] : Ikon SVG saat aktif (opsional).
      * [EN] : SVG icon when active (optional).

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

@@ -1,4 +1,4 @@
-import { Table as ITableTanstack, Row, ColumnDef } from '@tanstack/react-table';
+import { Table as ITableTanstack, Row, ColumnDef, Header } from '@tanstack/react-table';
 import { default as React } from 'react';
 import { ITableVirtualization, IWrapperProps } from '../Virtualization/TableVirtualization';
 /**
@@ -112,6 +112,13 @@ export interface ITable<T = unknown> {
      * [EN] : Header ID (optional).
      */
     headerId?: string;
+    /**
+     * [ID] : Fungsi ID header.
+     * [EN] : Header ID function.
+     * @param head - [ID] : Objek header. [EN] : Header object.
+     * @returns [ID] : ID header. [EN] : Header ID.
+     */
+    theadTrId?: (head: Header<T, unknown>) => string | undefined;
     /**
      * [ID] : Fungsi ID baris body (opsional).
      * [EN] : Body row ID function (optional).
@@ -209,6 +216,13 @@ export interface INonVirtualization<T = unknown> {
      * [EN] : Header ID (optional).
      */
     headerId?: string;
+    /**
+     * [ID] : Fungsi ID header.
+     * [EN] : Header ID function.
+     * @param head - [ID] : Objek header. [EN] : Header object.
+     * @returns [ID] : ID header. [EN] : Header ID.
+     */
+    theadTrId: (head: Header<T, unknown>) => string | undefined;
     /**
      * [ID] : Fungsi ID baris body.
      * [EN] : Body row ID function.
@@ -324,6 +338,13 @@ export interface IVirtualization<T = unknown> {
      * [EN] : Header ID (optional).
      */
     headerId?: string;
+    /**
+     * [ID] : Fungsi ID header.
+     * [EN] : Header ID function.
+     * @param head - [ID] : Objek header. [EN] : Header object.
+     * @returns [ID] : ID header. [EN] : Header ID.
+     */
+    theadTrId: (head: Header<T, unknown>) => string | undefined;
     /**
      * [ID] : Fungsi ID baris body.
      * [EN] : Body row ID function.

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

@@ -4,7 +4,7 @@ import { TKeyLocale } from '../Calendar';
  * [ID] : Tipe varian tab.
  * [EN] : Tab variant type.
  */
-export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white' | 'original-bill-secondary-800';
+export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white' | 'original-bill-secondary-800' | 'container-bill-secondary-800';
 /**
  * [ID] : Tipe ukuran tab.
  * [EN] : Tab size type.