1mpacto-react-ui 2.0.29 → 2.0.31

package/dist/src/components/fin/Chat/BubbleChatOption.stories.d.ts

@@ -0,0 +1,152 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ id, icon, type, header, content, options, optionDirection, classNameContainer, onClick, onCopy, onDislike, onLike, onReply, }: import('../..').IBubbleChatOption) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        header: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        content: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        icon: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        options: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        optionDirection: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onCopy: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onLike: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onDislike: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onReply: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onCopy: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onLike: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onDislike: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onReply: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+    render: (args: import('../..').IBubbleChatOption) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/fin/Chat/BubbleChatUser.d.ts

@@ -1,3 +1,3 @@
 import { IBubbleChatUser } from '../../../interfaces/components/fin/Chat';
-declare const BubbleChatUser: ({ id, content, otherContentTop, otherContentBottom, onCopy }: IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
+declare const BubbleChatUser: ({ id, content, otherContentTop, otherContentBottom, classNameContainer, onCopy, }: IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
 export default BubbleChatUser;

package/dist/src/components/fin/Chat/BubbleChatUser.stories.d.ts

@@ -0,0 +1,65 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ id, content, otherContentTop, otherContentBottom, classNameContainer, onCopy, }: import('../..').IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        content: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        otherContentTop: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        otherContentBottom: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onCopy: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        onCopy: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+    render: (args: import('../..').IBubbleChatUser) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -85,9 +85,9 @@ import { default as InputInnerLabel } from './Input/InputInnerLabel';
 import { default as Text } from './Text/Text';
 import { default as Slider } from './Slider/Slider';
 import { BubbleChat, BubbleChatOption, BubbleChatUser } from './fin';
-import { IBubbleChat, IBubbleChatOption, IDataOptionBubbleChat } from '../interfaces/components/fin/Chat';
+import { IBubbleChat, IBubbleChatOption, IDataOptionBubbleChat, IBubbleChatUser } from '../interfaces/components/fin/Chat';
 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, PieChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, Text, Slider, BubbleChat, BubbleChatOption, BubbleChatUser, };
-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, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, ISlider, IBubbleChat, IBubbleChatOption, IDataOptionBubbleChat, };
+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, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, ISlider, IBubbleChat, IBubbleChatOption, IDataOptionBubbleChat, IBubbleChatUser, };

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

@@ -129,7 +129,7 @@ export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {
      * [ID] : Konten label (opsional).
      * [EN] : Label content (optional).
      */
-    contentLabel?: IInputReguler['startIcon'];
+    contentLabel?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     /**
      * [ID] : Nama kelas CSS untuk kontainer label (opsional).
      * [EN] : CSS class name for label container (optional).

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

@@ -1,4 +1,5 @@
 import { ReactNode, ElementType } from 'react';
+import { IBorderRadius } from '../../../config/components/borderRadius';
 /**
  * [ID] : Interface untuk komponen ModalDialog.
  * [EN] : Interface for ModalDialog component.
@@ -59,7 +60,9 @@ export interface IModalDialog<T extends ElementType> {
      * [ID] : Posisi modal (opsional).
      * [EN] : Modal position (optional).
      */
-    position?: 'center' | 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom';
+    position?: 'center' | 'center-top' | 'center-bottom' | 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom';
+    offset?: string;
+    borderRadius?: IBorderRadius | (string & {});
     /**
      * [ID] : Handler saat modal ditutup (opsional).
      * [EN] : Handler when modal is closed (optional).

package/dist/src/interfaces/components/fin/Chat/index.d.ts

@@ -1,39 +1,167 @@
 import { IButton } from '../../Button';
+/**
+ * [ID] : Struktur dasar untuk satu bubble chat.
+ * [EN] : Base structure for a single chat bubble.
+ */
 export interface IBubble {
+    /**
+     * [ID] : ID unik bubble.
+     * [EN] : Unique identifier of the bubble.
+     */
     id?: string;
+    /**
+     * [ID] : Isi konten bubble, bisa berupa node tunggal atau array node.
+     * [EN] : Bubble content, can be a single node or an array of nodes.
+     */
     content?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Handler saat aksi copy konten dipicu.
+     * [EN] : Handler triggered when the copy content action fires.
+     */
     onCopy?: () => void;
+    /**
+     * [ID] : Class name untuk container bubble.
+     * [EN] : Class name for the bubble container.
+     */
+    classNameContainer?: string;
 }
+/**
+ * [ID] : Bubble chat pihak lain (system/bot), dilengkapi aksi like/dislike/reply.
+ * [EN] : Chat bubble from the other party (system/bot), with like/dislike/reply actions.
+ */
 export interface IBubbleChat extends IBubble {
+    /**
+     * [ID] : Ikon yang ditampilkan pada bubble.
+     * [EN] : Icon displayed on the bubble.
+     */
     icon?: React.ReactNode;
+    /**
+     * [ID] : Header/judul bubble, bisa berupa node tunggal atau array node.
+     * [EN] : Bubble header/title, can be a single node or an array of nodes.
+     */
     header?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Handler saat aksi like dipicu.
+     * [EN] : Handler triggered when the like action fires.
+     */
     onLike?: () => void;
+    /**
+     * [ID] : Handler saat aksi dislike dipicu.
+     * [EN] : Handler triggered when the dislike action fires.
+     */
     onDislike?: () => void;
+    /**
+     * [ID] : Handler saat aksi reply dipicu.
+     * [EN] : Handler triggered when the reply action fires.
+     */
     onReply?: () => void;
 }
+/**
+ * [ID] : Bubble chat milik user, dengan slot konten tambahan di atas dan bawah.
+ * [EN] : Chat bubble owned by the user, with extra content slots above and below.
+ */
 export interface IBubbleChatUser extends IBubble {
+    /**
+     * [ID] : Konten tambahan di atas bubble utama.
+     * [EN] : Extra content rendered above the main bubble.
+     */
     otherContentTop?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Konten tambahan di bawah bubble utama.
+     * [EN] : Extra content rendered below the main bubble.
+     */
     otherContentBottom?: React.ReactNode | React.ReactNode[];
 }
+/**
+ * [ID] : Data satu opsi yang ditampilkan dalam bubble chat opsi (system/suggestion/action).
+ * [EN] : Data of a single option rendered inside an option chat bubble (system/suggestion/action).
+ */
 export interface IDataOptionBubbleChat {
+    /**
+     * [ID] : ID unik opsi.
+     * [EN] : Unique identifier of the option.
+     */
     id: string;
+    /**
+     * [ID] : Judul opsi.
+     * [EN] : Title of the option.
+     */
     title: string;
+    /**
+     * [ID] : Subjudul/deskripsi tambahan opsi.
+     * [EN] : Subtitle/additional description of the option.
+     */
     subtitle?: string;
+    /**
+     * [ID] : Ikon di sisi kanan opsi.
+     * [EN] : Icon rendered on the right side of the option.
+     */
     iconRight?: React.ReactNode;
+    /**
+     * [ID] : Ikon di sisi kiri opsi.
+     * [EN] : Icon rendered on the left side of the option.
+     */
     iconLeft?: React.ReactNode;
 }
+/**
+ * [ID] : Struktur dasar internal untuk bubble chat yang memiliki daftar opsi.
+ * [EN] : Internal base structure for a chat bubble that carries a list of options.
+ */
 interface IBaseBubbleChatOption extends IBubbleChat {
+    /**
+     * [ID] : Arah tata letak daftar opsi (kolom atau baris).
+     * [EN] : Layout direction of the option list (column or row).
+     */
     optionDirection?: 'column' | 'row';
 }
+/**
+ * [ID] : Bubble chat opsi bertipe system, opsi ditampilkan sebagai tombol.
+ * [EN] : System-type option chat bubble, options rendered as buttons.
+ */
 interface ISystemBubbleChatOption extends IBaseBubbleChatOption {
+    /**
+     * [ID] : Penanda tipe bubble opsi sebagai system.
+     * [EN] : Discriminator marking the option bubble as system type.
+     */
     type: 'system';
+    /**
+     * [ID] : Daftar opsi, gabungan properti tombol (tanpa children) dan data opsi.
+     * [EN] : List of options, combining button props (without children) and option data.
+     */
     options?: (Omit<IButton, 'children'> & IDataOptionBubbleChat)[];
+    /**
+     * [ID] : Handler saat salah satu opsi diklik.
+     * [EN] : Handler triggered when one of the options is clicked.
+     * @param data - [ID] : Data opsi (gabungan properti tombol dan data opsi) yang diklik.
+     * [EN] : Option data (button props combined with option data) that was clicked.
+     */
     onClick?: (data: Omit<IButton, 'children'> & IDataOptionBubbleChat) => void;
 }
+/**
+ * [ID] : Bubble chat opsi bertipe suggestion/action.
+ * [EN] : Suggestion/action-type option chat bubble.
+ */
 interface IOtherBubbleChatOption extends IBaseBubbleChatOption {
+    /**
+     * [ID] : Penanda tipe bubble opsi sebagai suggestion atau action.
+     * [EN] : Discriminator marking the option bubble as suggestion or action type.
+     */
     type: 'suggestion' | 'action';
+    /**
+     * [ID] : Daftar opsi yang ditampilkan.
+     * [EN] : List of options to render.
+     */
     options?: IDataOptionBubbleChat[];
+    /**
+     * [ID] : Handler saat salah satu opsi diklik.
+     * [EN] : Handler triggered when one of the options is clicked.
+     * @param data - [ID] : Data opsi yang diklik. [EN] : Option data that was clicked.
+     */
     onClick?: (data: IDataOptionBubbleChat) => void;
 }
+/**
+ * [ID] : Union tipe bubble chat opsi, bisa system atau suggestion/action.
+ * [EN] : Union type of option chat bubbles, either system or suggestion/action.
+ */
 export type IBubbleChatOption = ISystemBubbleChatOption | IOtherBubbleChatOption;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.29",
+  "version": "2.0.31",
   "type": "module",
   "engines": {
     "node": ">=22.22.3",