1mpacto-react-ui 1.0.5 → 1.0.7

package/dist/package.json.d.ts

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

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

@@ -32,7 +32,7 @@ export declare const configButton: {
     variants: {
         'primary-laba-blue-10': string;
         'primary-red-700-dsb_laba-grey-06': string;
-        'primary-green-700': string;
+        'primary-green-700-dsb_laba-grey-06': string;
         'ghost-laba-blue-10': string;
         'ghost-red-700': string;
         'ghost-green-700': string;
@@ -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,11 +23,16 @@ 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;
         'primary-red-700-dsb_laba-grey-06': string;
-        'primary-green-700': string;
+        'primary-green-700-dsb_laba-grey-06': string;
         'filled-laba-white_laba-blue-10': string;
         'filled-laba-white_laba-red-05': string;
         'ghost-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/NumberFormat/NumberFormat.d.ts

@@ -1,4 +1,5 @@
+import { InputAttributes } from 'react-number-format';
 import { INumberFormat } from '../../interfaces/components/NumberFormat';
 
-declare const NumberFormat: ({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: INumberFormat) => import("react/jsx-runtime").JSX.Element;
+declare const NumberFormat: <BaseType = InputAttributes>({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: INumberFormat<BaseType>) => import("react/jsx-runtime").JSX.Element;
 export default NumberFormat;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: import('../../interfaces/components/NumberFormat').INumberFormat) => import("react/jsx-runtime").JSX.Element;
+    component: <BaseType = import('react-number-format').InputAttributes>({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: import('../../interfaces/components/NumberFormat').INumberFormat<BaseType>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -395,7 +395,26 @@ declare const meta: {
     args: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
-    render: (args: import('../../interfaces/components/NumberFormat').INumberFormat) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('react-number-format/types/types').InternalNumberFormatBase & {
+        thousandSeparator?: boolean | string;
+        decimalSeparator?: string;
+        allowedDecimalSeparators?: Array<string>;
+        thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
+        decimalScale?: number;
+        fixedDecimalScale?: boolean;
+        allowNegative?: boolean;
+        allowLeadingZeros?: boolean;
+        suffix?: string;
+        prefix?: string;
+    } & Omit<import('react-number-format').InputAttributes, never> & Omit<unknown, "type" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "ref" | "prefix" | "inputMode" | "onMouseUp" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "isCharacterSame" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
+        customInput?: import('react').ComponentType<unknown> | undefined;
+    } & {
+        [key: string]: unknown;
+        max?: import('../../..').TBigNumber | undefined;
+        min?: import('../../..').TBigNumber | undefined;
+        selectedText?: string;
+        onFocusInput?: (value: string) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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/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-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';
 /**
  * [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-dsb_laba-grey-06' | '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/NumberFormat/index.d.ts

@@ -1,20 +1,21 @@
-import { NumericFormatProps } from 'react-number-format';
+import { InputAttributes, NumericFormatProps } from 'react-number-format';
+import { TBigNumber } from '../../../config/bigNumber';
 
 /**
  * [ID] : Interface untuk komponen NumberFormat.
  * [EN] : Interface for NumberFormat component.
  */
-export interface INumberFormat extends NumericFormatProps {
+export type INumberFormat<BaseType = InputAttributes> = NumericFormatProps<BaseType> & {
     /**
      * [ID] : Nilai maksimum (opsional).
      * [EN] : Maximum value (optional).
      */
-    max?: number | undefined;
+    max?: TBigNumber | undefined;
     /**
      * [ID] : Nilai minimum (opsional).
      * [EN] : Minimum value (optional).
      */
-    min?: number | undefined;
+    min?: TBigNumber | undefined;
     /**
      * [ID] : Properti dinamis lainnya.
      * [EN] : Other dynamic properties.
@@ -31,4 +32,4 @@ export interface INumberFormat extends NumericFormatProps {
      * @param value - [ID] : Nilai input. [EN] : Input value.
      */
     onFocusInput?: (value: string) => void;
-}
+};

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/utils/common.d.ts

@@ -5,7 +5,8 @@ import { TBigNumber, TypeBigNumber } from '../config/bigNumber';
 export declare const isAccurateBigNumber: (value: unknown) => boolean;
 export declare const isAccurateNumber: (value: unknown) => boolean;
 export declare function parseBigDecimal<T extends {
-    decimals?: number;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
     instance?: boolean;
 }>(value: number | string, options?: T): T['instance'] extends true ? TypeBigNumber : string;
 export declare const parseDecimal: (value: number | string, decimals?: number) => number;
@@ -56,6 +57,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.5",
+  "version": "1.0.7",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",