1mpacto-react-ui 2.0.7 → 2.0.9

package/dist/package.json.d.ts

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

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').ForwardRefExoticComponent<import('..').IButton & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
     };
@@ -149,7 +149,7 @@ declare const meta: {
         loading: false;
         disabled: false;
     };
-    render: (args: import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('..').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/ButtonIcon').IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').ForwardRefExoticComponent<import('..').IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
     };

package/dist/src/components/Collapse/CollapseV2.d.ts

@@ -1,3 +1,3 @@
 import { ICollapseV2 } from '../../interfaces/components/Collapse';
-declare const CollapseV2: ({ children, open, className, id, classNameContainer }: ICollapseV2) => import("react/jsx-runtime").JSX.Element;
+declare const CollapseV2: ({ children, open, className, id, classNameContainer, maxCollapsedHeight }: ICollapseV2) => import("react/jsx-runtime").JSX.Element;
 export default CollapseV2;

package/dist/src/components/Collapse/CollapseV2.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ children, open, className, id, classNameContainer }: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, open, className, id, classNameContainer, maxCollapsedHeight }: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -66,6 +66,19 @@ declare const meta: {
                 };
             };
         };
+        maxCollapsedHeight: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
     render: (args: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -21,6 +21,8 @@ export declare const configRadioCheckboxLabel: {
         'laba-blue-01': string;
         'blue-50': string;
         'bill-secondary-50': string;
+        'transparent-text_orange-700': string;
+        'transparent-text_green-700': string;
     };
 };
 export declare const keysConfigRadioCheckboxLabelVariant: string[];

package/dist/src/components/Sidebar/ItemSidebar.config.d.ts

@@ -2,13 +2,15 @@ export declare const configItemSidebar: {
     variant: {
         'payhere-brand-base-white': string;
         'payhere-brand-base-transparent': string;
+        'payhere-brand-indigo-900-transparent': string;
+        'payhere-brand-blue-gray-900-transparent': string;
         'laba-white': string;
         'lpd-brand-base-white': string;
         'lpd-brand-base-transparent': string;
         'lpd-brand-base-white-responsive': string;
         'lpd-brand-base-transparent-responsive': string;
-        'bill-brand-base-white': string;
-        'bill-brand-base-white-responsive': string;
+        'bill-brand-base': string;
+        'bill-brand-base-responsive': string;
     };
     parent: {
         '1': string;
@@ -23,12 +25,14 @@ export declare const configItemSidebar: {
     divider: {
         'payhere-brand-base-white': string;
         'payhere-brand-base-transparent': string;
+        'payhere-brand-indigo-900-transparent': string;
+        'payhere-brand-blue-gray-900-transparent': string;
         'laba-white': string;
         'lpd-brand-base-white': string;
         'lpd-brand-base-transparent': string;
         'lpd-brand-base-white-responsive': string;
         'lpd-brand-base-transparent-responsive': string;
-        'bill-brand-base-white': string;
-        'bill-brand-base-white-responsive': string;
+        'bill-brand-base': string;
+        'bill-brand-base-responsive': string;
     };
 };

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

@@ -3,13 +3,15 @@ export declare const configSidebar: {
     variants: {
         'payhere-brand-base-white': string;
         'payhere-brand-base-transparent': string;
+        'payhere-brand-indigo-900-transparent': string;
+        'payhere-brand-blue-gray-900-transparent': string;
         'laba-white': string;
         'lpd-brand-base-white': string;
         'lpd-brand-base-transparent': string;
         'lpd-brand-base-white-responsive': string;
         'lpd-brand-base-transparent-responsive': string;
-        'bill-brand-base-white': string;
-        'bill-brand-base-white-responsive': string;
+        'bill-brand-base': string;
+        'bill-brand-base-responsive': string;
     };
     mobileSupport: string[];
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { IRefSidebar } from '../../interfaces/components/Sidebar';
 declare const meta: {
     title: string;
-    component: <T extends React.ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
+    component: <T extends React.ElementType = "div">(props: import('..').ISidebar<T> & {
         ref?: React.ForwardedRef<IRefSidebar>;
     }) => React.ReactNode;
     parameters: {
@@ -186,7 +186,7 @@ declare const meta: {
     args: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
-    render: (args: import('../../interfaces/components/Sidebar').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
+    render: (args: import('..').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
         ref?: React.ForwardedRef<IRefSidebar>;
     }) => import("react/jsx-runtime").JSX.Element;
 };

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

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

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

@@ -33,7 +33,7 @@ import { default as RadioCheckbox, DefaultCheckedChecboxIcon, DefaultRadioChecbo
 import { default as RadioCheckboxLabel } from './RadioCheckbox/RadioCheckboxLabel';
 import { default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
 import { default as Sidebar } from './Sidebar/Sidebar';
-import { ISidebarModule, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar } from '../interfaces/components/Sidebar';
+import { ISidebarModule, ISidebar, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar } from '../interfaces/components/Sidebar';
 import { default as Collapse } from './Collapse/Collapse';
 import { default as ModalDialog } from './Modal/ModalDialog';
 import { components as SelectDropdownContainerComponents } from 'react-select';
@@ -45,7 +45,8 @@ import { IInputReguler, IInputFloatingInner, IInputNative } from '../interfaces/
 import { ConfigTable } from './Table/Table.config';
 import { default as PortalComponent } from './PortalComponent/PortalComponent';
 import { ToastContainer as AlertContainer } from 'react-toastify';
-import { TButtonVariants, TButtonSize } from '../interfaces/components/Button';
+import { TButtonVariants, TButtonSize, IButton } from '../interfaces/components/Button';
+import { TButtonIconVariants, TButtonIconSize, IButtonIcon } from '../interfaces/components/ButtonIcon';
 import { default as UploadFile } from './Upload/UploadFile';
 import { ITabsList, TTypeEventTabs } from '../interfaces/components/Tabs';
 import { default as TruncateComponent } from './TruncateComponent/TruncateComponent';
@@ -83,4 +84,4 @@ import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
 export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, };

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

@@ -3,7 +3,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-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';
+export type TButtonIconVariants = '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.
@@ -23,7 +23,7 @@ export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * [ID] : Varian gaya tombol (opsional).
      * [EN] : Button style variant (optional).
      */
-    variants?: TButtonIcomVariants;
+    variants?: TButtonIconVariants;
     /**
      * [ID] : Konten anak (biasanya ikon).
      * [EN] : Child content (usually icon).

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

@@ -75,4 +75,9 @@ export interface ICollapseV2 {
      * [EN] : CSS class name for container (optional).
      */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : Tinggi maksimum saat collapsed (opsional).
+     * [EN] : Maximum height when collapsed (optional).
+     */
+    maxCollapsedHeight?: number | string;
 }

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

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

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

@@ -3,7 +3,7 @@ import { default as React } from 'react';
  * [ID] : Tipe varian sidebar.
  * [EN] : Sidebar variant type.
  */
-export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive' | 'bill-brand-base-white' | 'bill-brand-base-white-responsive';
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'payhere-brand-indigo-900-transparent' | 'payhere-brand-blue-gray-900-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive' | 'bill-brand-base' | 'bill-brand-base-responsive';
 /**
  * [ID] : Interface untuk modul sidebar.
  * [EN] : Interface for sidebar module.

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' | 'container-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' | 'original-payhere-primary-700';
 /**
  * [ID] : Tipe ukuran tab.
  * [EN] : Tab size type.

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

@@ -54,6 +54,7 @@ export declare function transformSecondTime(secs: number, option?: {
     minute: string | number;
     second: string | number;
 };
+export declare function isObject(item: unknown): item is Record<string, unknown>;
 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;
@@ -63,6 +64,11 @@ export declare function deepMerge<T, S>(target: T, source: S, options?: {
 }): T & S;
 export declare const transformNumber: (val: string) => number;
 export declare const transformBigNumber: (val: TBigNumber) => string;
+export declare const transformBigNumberOpt: (val: TBigNumber, options?: {
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    ignoreFractionLimit?: boolean;
+}) => string;
 export declare const transfromIsNan: (value: number) => number | undefined;
 export declare const setDigit: (value: number | string) => string | 0 | null;
 export declare function parseFileName(fileName: string): {

package/package.json

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