1mpacto-react-ui 0.2.0-beta.9 → 1.0.1

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

@@ -1,18 +1,79 @@
 import { ReactNode } from 'react';
+
+/**
+ * [ID] : Interface untuk komponen Collapse.
+ * [EN] : Interface for Collapse component.
+ */
 export interface ICollapse {
+    /**
+     * [ID] : Konten anak yang akan di-collapse.
+     * [EN] : Child content to be collapsed.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Status terbuka atau tertutup.
+     * [EN] : Open or closed status.
+     */
     open: boolean;
+    /**
+     * [ID] : ID elemen collapse.
+     * [EN] : Collapse element ID.
+     */
     id: string;
+    /**
+     * [ID] : Nama kelas CSS tambahan (opsional).
+     * [EN] : Additional CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [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;
+    /**
+     * [ID] : Pemicu perhitungan ulang kontainer (opsional).
+     * [EN] : Trigger for container recalculation (optional).
+     */
     triggerCalCulateContainer?: number | string | boolean | object;
+    /**
+     * [ID] : Penundaan perhitungan tinggi (ms) (opsional).
+     * [EN] : Height calculation delay (ms) (optional).
+     */
     delayTriggerCalculateHeight?: number;
 }
+/**
+ * [ID] : Interface untuk komponen Collapse versi 2.
+ * [EN] : Interface for Collapse version 2 component.
+ */
 export interface ICollapseV2 {
+    /**
+     * [ID] : Konten anak yang akan di-collapse.
+     * [EN] : Child content to be collapsed.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Status terbuka atau tertutup.
+     * [EN] : Open or closed status.
+     */
     open: boolean;
+    /**
+     * [ID] : ID elemen collapse.
+     * [EN] : Collapse element ID.
+     */
     id: string;
+    /**
+     * [ID] : Nama kelas CSS tambahan (opsional).
+     * [EN] : Additional CSS class name (optional).
+     */
     className?: string;
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string | undefined;
 }

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

@@ -1,66 +1,314 @@
 import { ReactNode } from 'react';
 import { ICalendarButtonConfirm, ICalendarPrevNextIcon, IDateRange, TDateType } from '../Calendar';
 import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
+
+/**
+ * [ID] : Interface untuk komponen DatePicker tunggal.
+ * [EN] : Interface for single DatePicker component.
+ */
 export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    /**
+     * [ID] : Nilai tanggal (opsional).
+     * [EN] : Date value (optional).
+     */
     value?: TDateType;
+    /**
+     * [ID] : Nilai default tanggal (opsional).
+     * [EN] : Default date value (optional).
+     */
     defaultValue?: TDateType;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
     minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
     maxDate?: TDateType;
+    /**
+     * [ID] : Menampilkan tombol konfirmasi (opsional).
+     * [EN] : Show confirm buttons (optional).
+     */
     withConfirm?: boolean;
+    /**
+     * [ID] : Menggunakan waktu kustom (opsional).
+     * [EN] : Use custom time (optional).
+     */
     isCustomTime?: boolean;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS tombol (opsional).
+     * [EN] : Button CSS class name (optional).
+     */
     classNameButton?: string | undefined;
+    /**
+     * [ID] : Fungsi render tombol kustom (opsional).
+     * [EN] : Custom button render function (optional).
+     * @param v - [ID] : Nilai tanggal. [EN] : Date value.
+     * @returns [ID] : Elemen React. [EN] : React element.
+     */
     buttonClick?: ((v: TDateType) => ReactNode) | ((v: TDateType) => ReactNode[]);
+    /**
+     * [ID] : Handler perubahan tanggal (opsional).
+     * [EN] : Date change handler (optional).
+     * @param v - [ID] : Tanggal baru. [EN] : New date.
+     */
     onChange?: (v?: TDateType) => void;
+    /**
+     * [ID] : ID popover (opsional).
+     * [EN] : Popover ID (optional).
+     */
     idPopover?: string;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : Opsi floating UI (opsional).
+     * [EN] : Floating UI options (optional).
+     */
     floatingOptions?: UseFloatingOptions;
+    /**
+     * [ID] : Offset popover (opsional).
+     * [EN] : Popover offset (optional).
+     */
     offsetPopover?: OffsetOptions;
+    /**
+     * [ID] : Z-index popover (opsional).
+     * [EN] : Popover z-index (optional).
+     */
     zIndexPopper?: number | undefined | string;
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
 }
+/**
+ * [ID] : Interface untuk komponen DatePicker rentang tanggal.
+ * [EN] : Interface for date range DatePicker component.
+ */
 export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    /**
+     * [ID] : Nilai default rentang tanggal (opsional).
+     * [EN] : Default date range value (optional).
+     */
     defaultValue?: IDateRange;
-    value?: TDateType;
+    /**
+     * [ID] : Nilai rentang tanggal (opsional).
+     * [EN] : Date range value (optional).
+     */
+    value?: IDateRange;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
     minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
     maxDate?: TDateType;
+    /**
+     * [ID] : Menampilkan tombol konfirmasi (opsional).
+     * [EN] : Show confirm buttons (optional).
+     */
     withConfirm?: boolean;
+    /**
+     * [ID] : Tipe picker (SINGLE atau RANGE) (opsional).
+     * [EN] : Picker type (SINGLE or RANGE) (optional).
+     */
     typePicker?: 'SINGLE' | 'RANGE';
+    /**
+     * [ID] : Menggunakan waktu kustom (opsional).
+     * [EN] : Use custom time (optional).
+     */
+    isCustomTime?: boolean;
+    /**
+     * [ID] : Handler perubahan rentang tanggal (opsional).
+     * [EN] : Date range change handler (optional).
+     * @param v - [ID] : Rentang tanggal baru. [EN] : New date range.
+     */
     onChange?: (v: IDateRange) => void;
+    /**
+     * [ID] : Handler reset (opsional).
+     * [EN] : Reset handler (optional).
+     */
     onReset?: () => void;
 }
+/**
+ * [ID] : Tipe kunci untuk daftar tombol filter tanggal.
+ * [EN] : Key type for filter date button list.
+ */
 export type TKeyFilterDateButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom' | IDateRange;
+/**
+ * [ID] : Interface untuk item daftar tombol filter tanggal.
+ * [EN] : Interface for filter date button list item.
+ */
 export interface IFilterDateButtonList {
+    /**
+     * [ID] : Kunci filter.
+     * [EN] : Filter key.
+     */
     key: TKeyFilterDateButtonListType;
+    /**
+     * [ID] : Nilai tampilan.
+     * [EN] : Display value.
+     */
     value: string;
 }
+/**
+ * [ID] : Interface untuk komponen FilterDate.
+ * [EN] : Interface for FilterDate component.
+ */
 export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS tombol (opsional).
+     * [EN] : Button CSS class name (optional).
+     */
     classNameButton?: string | undefined;
+    /**
+     * [ID] : Konten atau fungsi render tombol (opsional).
+     * [EN] : Button content or render function (optional).
+     */
     buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined, label: IFilterDateButtonList | undefined) => ReactNode) | ((v: IDateRange | undefined, label: IFilterDateButtonList | undefined) => ReactNode[]);
+    /**
+     * [ID] : Nilai rentang tanggal (opsional).
+     * [EN] : Date range value (optional).
+     */
     value?: IDateRange | undefined;
+    /**
+     * [ID] : Label nilai default (opsional).
+     * [EN] : Default value label (optional).
+     */
     defaultValueLabel?: TKeyFilterDateButtonListType | IDateRange;
+    /**
+     * [ID] : Daftar tombol filter (opsional).
+     * [EN] : Filter button list (optional).
+     */
     buttonList?: IFilterDateButtonList[];
+    /**
+     * [ID] : Tipe picker (RANGE atau SINGLE) (opsional).
+     * [EN] : Picker type (RANGE or SINGLE) (optional).
+     */
     typePicker?: 'RANGE' | 'SINGLE';
+    /**
+     * [ID] : Handler perubahan filter (opsional).
+     * [EN] : Filter change handler (optional).
+     * @param v - [ID] : Rentang tanggal baru. [EN] : New date range.
+     * @param labelDesc - [ID] : Deskripsi label. [EN] : Label description.
+     * @param label - [ID] : Objek label. [EN] : Label object.
+     */
     onChange?: (v?: IDateRange, labelDesc?: string, label?: IFilterDateButtonList) => void;
+    /**
+     * [ID] : ID popover (opsional).
+     * [EN] : Popover ID (optional).
+     */
     idPopover?: string;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : Menggunakan waktu kustom (opsional).
+     * [EN] : Use custom time (optional).
+     */
+    isCustomTime?: boolean;
+    /**
+     * [ID] : Opsi floating UI (opsional).
+     * [EN] : Floating UI options (optional).
+     */
     floatingOptions?: UseFloatingOptions;
+    /**
+     * [ID] : Offset popover (opsional).
+     * [EN] : Popover offset (optional).
+     */
     offsetPopover?: OffsetOptions;
+    /**
+     * [ID] : Z-index popover (opsional).
+     * [EN] : Popover z-index (optional).
+     */
     zIndexPopper?: number | undefined | string;
+    /**
+     * [ID] : Eksekusi perubahan saat mounted (opsional).
+     * [EN] : Execute change on mounted (optional).
+     */
     mountedExecuteChange?: boolean;
+    /**
+     * [ID] : Format tanggal (opsional).
+     * [EN] : Date formatting (optional).
+     */
     formatingDate?: string | boolean;
 }
+/**
+ * [ID] : Tipe picker bulan/tahun.
+ * [EN] : Month/year picker type.
+ */
 export type TTypeMonthYearPicker = 'month' | 'year';
+/**
+ * [ID] : Interface untuk komponen MonthYearPicker.
+ * [EN] : Interface for MonthYearPicker component.
+ */
 export interface IMonthYearPicker {
+    /**
+     * [ID] : Bulan yang dipilih.
+     * [EN] : Selected month.
+     */
     month: number;
+    /**
+     * [ID] : Tahun yang dipilih.
+     * [EN] : Selected year.
+     */
     year: number;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
     minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
     maxDate?: TDateType;
+    /**
+     * [ID] : Tipe picker yang tersedia (opsional).
+     * [EN] : Available picker types (optional).
+     */
     type?: TTypeMonthYearPicker[];
+    /**
+     * [ID] : Tipe picker aktif (opsional).
+     * [EN] : Active picker type (optional).
+     */
     activeType?: TTypeMonthYearPicker;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS tombol (opsional).
+     * [EN] : Button CSS class name (optional).
+     */
     classNameButton?: string | undefined;
+    /**
+     * [ID] : Fungsi render tombol kustom (opsional).
+     * [EN] : Custom button render function (optional).
+     * @param v - [ID] : Objek bulan dan tahun. [EN] : Month and year object.
+     * @returns [ID] : Elemen React. [EN] : React element.
+     */
     buttonClick?: ((v: {
         month: number;
         year: number;
@@ -68,14 +316,43 @@ export interface IMonthYearPicker {
         month: number;
         year: number;
     }) => ReactNode[]);
+    /**
+     * [ID] : Handler perubahan bulan/tahun (opsional).
+     * [EN] : Month/year change handler (optional).
+     * @param v - [ID] : Objek bulan dan tahun baru. [EN] : New month and year object.
+     */
     onChange?: (v: {
         month: number;
         year: number;
     }) => void;
+    /**
+     * [ID] : ID popover (opsional).
+     * [EN] : Popover ID (optional).
+     */
     idPopover?: string;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : Opsi floating UI (opsional).
+     * [EN] : Floating UI options (optional).
+     */
     floatingOptions?: UseFloatingOptions;
+    /**
+     * [ID] : Offset popover (opsional).
+     * [EN] : Popover offset (optional).
+     */
     offsetPopover?: OffsetOptions;
+    /**
+     * [ID] : Z-index popover (opsional).
+     * [EN] : Popover z-index (optional).
+     */
     zIndexPopper?: number | undefined | string;
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
 }

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

@@ -1,5 +1,21 @@
+/**
+ * [ID] : Interface untuk komponen pesan error.
+ * [EN] : Interface for error message component.
+ */
 export interface IErrorMessage {
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string;
-    variants?: 'laba' | 'payhere';
+    /**
+     * [ID] : Varian gaya pesan error (opsional).
+     * [EN] : Error message style variant (optional).
+     */
+    variants?: 'laba' | 'payhere' | 'bill';
+    /**
+     * [ID] : Teks pesan error (opsional).
+     * [EN] : Error message text (optional).
+     */
     error?: string;
 }

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

@@ -1,29 +1,132 @@
 import { default as React } from 'react';
+
+/**
+ * [ID] : Interface untuk properti anak FilterContainer.
+ * [EN] : Interface for FilterContainer child properties.
+ */
 export interface IChildFilterContainer {
+    /**
+     * [ID] : Handler perubahan filter.
+     * [EN] : Filter change handler.
+     */
     handlerOnChange: THandlerOnChangeFilterContainer;
+    /**
+     * [ID] : Handler perubahan native.
+     * [EN] : Native change handler.
+     */
     handlerOnChangeNative: THandlerOnChangeNative;
+    /**
+     * [ID] : Nilai state gabungan.
+     * [EN] : Merged state value.
+     */
     value: IMergeState;
+    /**
+     * [ID] : Nilai native gabungan.
+     * [EN] : Merged native value.
+     */
     nativeValue: IMergeState;
 }
+/**
+ * [ID] : Tipe array objek untuk FilterContainer.
+ * [EN] : Array of objects type for FilterContainer.
+ */
 export type IArrayOfObjectFilterContainer = {
     [key: string]: unknown;
 }[];
+/**
+ * [ID] : Interface untuk state gabungan.
+ * [EN] : Interface for merged state.
+ */
 export interface IMergeState {
+    /**
+     * [ID] : Nilai dinamis berdasarkan kunci.
+     * [EN] : Dynamic value based on key.
+     */
     [key: string]: object | number | string | boolean | string[] | IArrayOfObjectFilterContainer;
 }
+/**
+ * [ID] : Tipe fungsi handler perubahan FilterContainer.
+ * [EN] : Function type for FilterContainer change handler.
+ * @param value - [ID] : Nilai baru. [EN] : New value.
+ * @param key - [ID] : Kunci yang berubah. [EN] : Changed key.
+ * @param transform - [ID] : Tipe transformasi (opsional). [EN] : Transformation type (optional).
+ * @param keyTransform - [ID] : Kunci transformasi. [EN] : Transformation key.
+ */
 export type THandlerOnChangeFilterContainer = (value: object | string | boolean | string[] | IArrayOfObjectFilterContainer, key: string, transform: 'array-to-string' | 'array-of-object-to-array' | 'array-of-object-to-string' | '', keyTransform: string) => void;
+/**
+ * [ID] : Tipe fungsi handler perubahan native.
+ * [EN] : Function type for native change handler.
+ * @param value - [ID] : Nilai baru. [EN] : New value.
+ * @param nativeValue - [ID] : Nilai native baru (opsional). [EN] : New native value (optional).
+ */
 export type THandlerOnChangeNative = (value: IMergeState, nativeValue?: IMergeState) => void;
+/**
+ * [ID] : Interface untuk komponen FilterContainer.
+ * [EN] : Interface for FilterContainer component.
+ */
 export interface IFilterContainer {
+    /**
+     * [ID] : Fungsi render props untuk anak.
+     * [EN] : Render props function for children.
+     * @param params - [ID] : Parameter anak FilterContainer. [EN] : FilterContainer child parameters.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     children: ((params: IChildFilterContainer) => React.ReactNode) | ((params: IChildFilterContainer) => React.ReactNode[]);
+    /**
+     * [ID] : Handler perubahan nilai (opsional).
+     * [EN] : Value change handler (optional).
+     * @param value - [ID] : Nilai baru. [EN] : New value.
+     * @param nativeValue - [ID] : Nilai native baru. [EN] : New native value.
+     */
     onChange?: (value: IMergeState, nativeValue: IMergeState) => void;
+    /**
+     * [ID] : Prefix untuk nilai native (opsional).
+     * [EN] : Prefix for native value (optional).
+     */
     prefixNativeValue?: string;
+    /**
+     * [ID] : Nilai default (opsional).
+     * [EN] : Default value (optional).
+     */
     defaultValue?: IMergeState;
+    /**
+     * [ID] : Nilai native default (opsional).
+     * [EN] : Default native value (optional).
+     */
     defaultNativeValue?: IMergeState;
+    /**
+     * [ID] : Eksekusi perubahan saat mounted (opsional).
+     * [EN] : Execute change on mounted (optional).
+     */
     mountedExecuteChange?: boolean;
+    /**
+     * [ID] : Kunci yang dipertahankan (opsional).
+     * [EN] : Kept keys (optional).
+     */
     keepKeys?: string[];
+    /**
+     * [ID] : Reset pagination saat perubahan (opsional).
+     * [EN] : Reset pagination on change (optional).
+     */
     resetPagination?: boolean;
+    /**
+     * [ID] : Kunci nomor halaman (opsional).
+     * [EN] : Page number key (optional).
+     */
     keyPageNumber?: string;
+    /**
+     * [ID] : Status reset (opsional).
+     * [EN] : Reset status (optional).
+     */
     reset?: boolean;
+    /**
+     * [ID] : Pemicu reset dengan nilai tertentu (opsional).
+     * [EN] : Trigger reset with specific value (optional).
+     */
     triggerReset?: IMergeState;
 }
+/**
+ * [ID] : Tipe referensi FilterContainer.
+ * [EN] : FilterContainer reference type.
+ */
 export type TRefFilterContainer = IChildFilterContainer;