1mpacto-react-ui 1.0.1 → 1.0.3

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",

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

@@ -3,5 +3,5 @@ import { ITable, IVirtualizationHead, IVirtualizationTable } from '../../interfa
 
 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,8 +1,9 @@
 import { StoryObj } from '@storybook/react';
+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;
     };
@@ -271,9 +272,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

@@ -6,8 +6,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

@@ -4,12 +4,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

@@ -50,6 +50,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';
 
@@ -113,6 +113,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).
@@ -134,12 +141,12 @@ export interface ITable<T = unknown> {
      * [ID] : Jenis tabel (opsional).
      * [EN] : Table kind (optional).
      */
-    kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small' | 'bill-reguler';
+    kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small' | 'bill-reguler' | 'laba-rounded-md-extra-small';
     /**
      * [ID] : Varian tabel (opsional).
      * [EN] : Table variant (optional).
      */
-    variant?: 'laba-grey-02';
+    variant?: 'laba-grey-02' | 'laba-blue-01_border-transparent';
     /**
      * [ID] : Komponen urutkan menaik (opsional).
      * [EN] : Sort ascending component (optional).
@@ -210,6 +217,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.
@@ -325,6 +339,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.
@@ -446,6 +467,7 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
         'bill-reguler': string;
+        'laba-rounded-md-extra-small': string;
     };
     /**
      * [ID] : Konfigurasi sub-mobile.
@@ -456,6 +478,7 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
         'bill-reguler': string;
+        'laba-rounded-md-extra-small': string;
     };
     /**
      * [ID] : Konfigurasi pointer.
@@ -466,6 +489,7 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
         'bill-reguler': string;
+        'laba-rounded-md-extra-small': string;
     };
     /**
      * [ID] : Konfigurasi utilitas.
@@ -495,6 +519,10 @@ export interface ITableConfig {
             asc: Element | React.ReactNode | React.ReactNode[];
             desc: Element | React.ReactNode | React.ReactNode[];
         };
+        'laba-rounded-md-extra-small': {
+            asc: Element | React.ReactNode | React.ReactNode[];
+            desc: Element | React.ReactNode | React.ReactNode[];
+        };
     };
     /**
      * [ID] : Konfigurasi varian.
@@ -502,5 +530,6 @@ export interface ITableConfig {
      */
     variant: {
         'laba-grey-02': string;
+        'laba-blue-01_border-transparent': string;
     };
 }

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

@@ -5,7 +5,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.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",