1mpacto-react-ui 1.0.4 → 1.0.6

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -128,7 +128,6 @@ declare const _default: {
     "react-virtuoso": "^4.7.11",
     "tinymce": "^7.9.1"
   }
-}
-;
+};
 
 export default _default;

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

@@ -65,7 +65,8 @@ 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;
+        'filled-bill-blue-gray-500_bg-blue-gray-50': string;
+        'filled-bill-secondary-800_bg-white': string;
     };
 };
 export declare const keysConfigButtonVariant: string[];

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

@@ -8,6 +8,11 @@ export declare const configButton: {
         m: string;
         s: string;
         xs: string;
+        'bill-l': string;
+        'bill-m': string;
+        'bill-s': string;
+        'bill-xs': string;
+        'bill-xxs': string;
     };
     loadingSize: {
         large: string;
@@ -18,6 +23,11 @@ export declare const configButton: {
         m: string;
         s: string;
         xs: string;
+        'bill-l': string;
+        'bill-m': string;
+        'bill-s': string;
+        'bill-xs': string;
+        'bill-xxs': string;
     };
     variants: {
         'primary-laba-blue-10': string;
@@ -46,6 +56,10 @@ export declare const configButton: {
         'nude-laba-red-05': string;
         'primary-red-700': string;
         'secondary-red-700': string;
+        'primary-bill-primary-600': string;
+        'secondary-bill-secondary-800': string;
+        'tertiary-bill-secondary-800': string;
+        'primary-bill-red-700': string;
     };
 };
 export declare const keysConfigButtonVariant: string[];

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

@@ -1,5 +1,21 @@
 export declare const configPagination: {
-    box: string;
-    nude: string;
+    kind: {
+        box: string;
+        nude: string;
+    };
+    fonts: {
+        inter: {
+            value: string;
+            typographyButtonLabel: string;
+        };
+        lato: {
+            value: string;
+            typographyButtonLabel: string;
+        };
+        pJakartaSans: {
+            value: string;
+            typographyButtonLabel: string;
+        };
+    };
 };
 export declare const keysConfigPaginationKind: string[];

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

@@ -1,4 +1,4 @@
 import { IPaginationProps } from '../../interfaces/components/Pagination';
 
-declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, fonts, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, }: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, fonts, }: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -78,6 +78,19 @@ declare const meta: {
                 };
             };
         };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
             control: "text";
             description: string;

package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts

@@ -20,6 +20,7 @@ export declare const configRadioCheckboxLabel: {
     variants: {
         'laba-blue-01': string;
         'blue-50': string;
+        'bill-secondary-50': string;
     };
 };
 export declare const keysConfigRadioCheckboxLabelVariant: string[];

package/dist/src/components/Upload/UploadMultipleFile.d.ts

@@ -1,4 +1,4 @@
 import { IUploadMultipleFile } from '../../interfaces/components/UploadFile';
 
-declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
+declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, idItemAttachment, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
 export default UploadMultipleFile;

package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, idItemAttachment, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -4,7 +4,7 @@ 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' | 'filled-bill-bluegray-500_text-bill-body-sm';
+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-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white';
 /**
  * [ID] : Tipe ukuran tombol.
  * [EN] : Button size type.

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

@@ -4,12 +4,12 @@ import { ReactNode } from 'react';
  * [ID] : Tipe varian tombol ikon.
  * [EN] : Button icon variant types.
  */
-export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | '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' | 'secondary-red-700';
+export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | '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' | 'secondary-red-700' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700';
 /**
  * [ID] : Tipe ukuran tombol ikon.
  * [EN] : Button icon size type.
  */
-export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
+export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs' | 'bill-xxs';
 /**
  * [ID] : Interface untuk komponen ButtonIcon.
  * [EN] : Interface for ButtonIcon component.

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

@@ -1,18 +1,13 @@
-import { default as React } from 'react';
+import { IRadioCheckbox } from '../RadioCheckbox/RadioCheckbox';
 
 /**
  * [ID] : Interface untuk komponen CheckboxTable.
  * [EN] : Interface for CheckboxTable component.
  */
-export interface ICheckboxTable extends React.HTMLProps<HTMLInputElement> {
+export interface ICheckboxTable extends IRadioCheckbox {
     /**
      * [ID] : Menentukan status indeterminate (setengah dicentang) (opsional).
      * [EN] : Determines indeterminate status (half-checked) (optional).
      */
     indeterminate?: boolean;
-    /**
-     * [ID] : Nama kelas CSS untuk kontainer (opsional).
-     * [EN] : CSS class name for container (optional).
-     */
-    classNameContainer?: string;
 }

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

@@ -1,6 +1,7 @@
 import { OffsetOptions } from '@floating-ui/react';
 import { ReactNode } from 'react';
 import { TKeyLocale } from '../Calendar';
+import { TFont } from '../../../config/components/font';
 
 /**
  * [ID] : Tipe jenis pagination.
@@ -49,6 +50,11 @@ export interface IPaginationProps extends IPagination {
      * [EN] : Pagination kind (optional).
      */
     kind?: TKindPaginationType;
+    /**
+     * [ID] : Tipe font (opsional).
+     * [EN] : Font type (optional).
+     */
+    fonts?: TFont;
     /**
      * [ID] : Nama kelas CSS (opsional).
      * [EN] : CSS class name (optional).

package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts

@@ -43,7 +43,7 @@ export interface IRadioCheckboxLabel extends InputHTMLAttributes<HTMLInputElemen
      * [ID] : Varian gaya (opsional).
      * [EN] : Style variant (optional).
      */
-    variants?: 'blue-50' | 'laba-blue-01';
+    variants?: 'blue-50' | 'laba-blue-01' | 'bill-secondary-50';
     /**
      * [ID] : Label input.
      * [EN] : Input label.

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

@@ -177,9 +177,10 @@ export interface IUploadMultipleFile {
      * [ID] : Fungsi render elemen hapus (opsional).
      * [EN] : Remove element render function (optional).
      * @param value - [ID] : Nilai file. [EN] : File value.
-     * @returns [ID] : Node React. [EN] : React Node.
+     * @param index - [ID] : Indeks file dalam daftar. [EN] : Index of the file in the list.
+     * @returns [ID] : Node React atau array Node React. [EN] : React Node or array of React Nodes.
      */
-    removeElement?: (value: IUploadMultipleFileValue) => React.ReactNode | React.ReactNode[];
+    removeElement?: (value: IUploadMultipleFileValue, index: number) => React.ReactNode | React.ReactNode[];
     /**
      * [ID] : Pesan error (opsional).
      * [EN] : Error message (optional).
@@ -207,6 +208,11 @@ export interface IUploadMultipleFile {
      * [EN] : Remove element location (optional).
      */
     locationRemoveElement?: 'left' | 'right';
+    /**
+     * [ID] : ID item attachment (opsional).
+     * [EN] : Item attachment ID (optional).
+     */
+    idItemAttachment?: string;
 }
 /**
  * [ID] : Interface untuk nilai UploadMultipleFile.

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

@@ -56,6 +56,10 @@ export declare function transformSecondTime(secs: number, option?: {
 export declare function mergeObjects<T>(target: T, ...sources: unknown[]): T;
 export declare function deleteKeysMutable<T = Record<string | number, unknown>>(obj: T, paths: string | string[]): T;
 export declare function deleteKeysImmutable<T = Record<string | number, unknown>>(obj: T, paths: string | string[]): T;
+export declare function deepMerge<T, S>(target: T, source: S, options?: {
+    keepKeys?: string[];
+    arrayMergeStrategy?: 'combine' | 'overwrite' | 'sync';
+}): T & S;
 export declare const transformNumber: (val: string) => number;
 export declare const transformBigNumber: (val: TBigNumber) => string;
 export declare const transfromIsNan: (value: number) => number | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -128,4 +128,4 @@
     "react-virtuoso": "^4.7.11",
     "tinymce": "^7.9.1"
   }
-}
+}