1mpacto-react-ui 1.0.6 → 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.6",
+  "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;

package/dist/src/components/ButtonIcon/ButtonIcon.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;
         'filled-laba-white_laba-blue-10': string;
         'filled-laba-white_laba-red-05': string;
         'ghost-laba-blue-10': 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/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-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white';
+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,7 +4,7 @@ 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' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-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.

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/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;

package/package.json

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