1mpacto-react-ui 1.0.0 → 1.0.1

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

@@ -1,51 +1,231 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 
+/**
+ * [ID] : Interface untuk input dengan label mengambang di dalam.
+ * [EN] : Interface for input with floating inner label.
+ */
 export interface IInputFloatingInner extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk label (opsional).
+     * [EN] : CSS class name for label (optional).
+     */
     classNameLabel?: string | undefined;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string | undefined;
+    /**
+     * [ID] : Teks label (opsional).
+     * [EN] : Label text (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
     type?: string;
+    /**
+     * [ID] : Ikon di awal input (opsional).
+     * [EN] : Icon at the start of input (optional).
+     */
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon di akhir input (opsional).
+     * [EN] : Icon at the end of input (optional).
+     */
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Menandakan input wajib diisi (opsional).
+     * [EN] : Indicates input is required (optional).
+     */
     isRequired?: boolean;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 'large' | 'medium' | 'small';
+    /**
+     * [ID] : Nama kelas CSS untuk label error (opsional).
+     * [EN] : CSS class name for error label (optional).
+     */
     classNameLabelError?: string | undefined;
 }
+/**
+ * [ID] : Interface untuk input reguler.
+ * [EN] : Interface for regular input.
+ */
 export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string | undefined;
+    /**
+     * [ID] : Teks label (opsional).
+     * [EN] : Label text (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
     type?: string;
+    /**
+     * [ID] : Ikon di awal input (opsional).
+     * [EN] : Icon at the start of input (optional).
+     */
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon di akhir input (opsional).
+     * [EN] : Icon at the end of input (optional).
+     */
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Menandakan input wajib diisi (opsional).
+     * [EN] : Indicates input is required (optional).
+     */
     isRequired?: boolean;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 'large' | 'medium' | 'small';
+    /**
+     * [ID] : Nama kelas CSS untuk label (opsional).
+     * [EN] : CSS class name for label (optional).
+     */
     classNameLabel?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk label error (opsional).
+     * [EN] : CSS class name for error label (optional).
+     */
     classNameLabelError?: string | undefined;
 }
+/**
+ * [ID] : Interface untuk input native.
+ * [EN] : Interface for native input.
+ */
 export interface IInputNative extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string | undefined;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
     type?: string;
+    /**
+     * [ID] : Ikon di awal input (opsional).
+     * [EN] : Icon at the start of input (optional).
+     */
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon di akhir input (opsional).
+     * [EN] : Icon at the end of input (optional).
+     */
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 's' | 'xs' | 'l';
+    /**
+     * [ID] : Nama kelas CSS untuk label error (opsional).
+     * [EN] : CSS class name for error label (optional).
+     */
     classNameLabelError?: string | undefined;
 }
+/**
+ * [ID] : Interface untuk input dengan label di dalam.
+ * [EN] : Interface for input with inner label.
+ */
 export interface IInputInnerLabel extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string | undefined;
+    /**
+     * [ID] : Teks label (opsional).
+     * [EN] : Label text (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
     type?: string;
+    /**
+     * [ID] : Ikon di awal input (opsional).
+     * [EN] : Icon at the start of input (optional).
+     */
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon di akhir input (opsional).
+     * [EN] : Icon at the end of input (optional).
+     */
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Menandakan input wajib diisi (opsional).
+     * [EN] : Indicates input is required (optional).
+     */
     isRequired?: boolean;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 'large' | 'small';
+    /**
+     * [ID] : Nama kelas CSS untuk label (opsional).
+     * [EN] : CSS class name for label (optional).
+     */
     classNameLabel?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk label error (opsional).
+     * [EN] : CSS class name for error label (optional).
+     */
     classNameLabelError?: string | undefined;
 }

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

@@ -1,14 +1,59 @@
 import { ReactNode, ElementType } from 'react';
 
+/**
+ * [ID] : Interface untuk komponen ModalDialog.
+ * [EN] : Interface for ModalDialog component.
+ * @template T - [ID] : Tipe elemen HTML. [EN] : HTML element type.
+ */
 export interface IModalDialog<T extends ElementType> {
+    /**
+     * [ID] : Elemen HTML yang akan dirender (opsional).
+     * [EN] : HTML element to be rendered (optional).
+     */
     as?: T;
+    /**
+     * [ID] : Konten anak modal.
+     * [EN] : Modal child content.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : ID modal (opsional).
+     * [EN] : Modal ID (optional).
+     */
     idModal?: string;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : 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] : Ukuran modal (opsional).
+     * [EN] : Modal size (optional).
+     */
     size?: 'small' | 'regular' | 'large' | 'medium';
+    /**
+     * [ID] : Status visibilitas modal.
+     * [EN] : Modal visibility status.
+     */
     show: boolean;
+    /**
+     * [ID] : Menampilkan overlay (opsional).
+     * [EN] : Show overlay (optional).
+     */
     withOverlay?: boolean;
+    /**
+     * [ID] : Handler saat modal ditutup (opsional).
+     * [EN] : Handler when modal is closed (optional).
+     */
     onClose?: () => void;
 }

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

@@ -1,9 +1,34 @@
 import { NumericFormatProps } from 'react-number-format';
 
+/**
+ * [ID] : Interface untuk komponen NumberFormat.
+ * [EN] : Interface for NumberFormat component.
+ */
 export interface INumberFormat extends NumericFormatProps {
+    /**
+     * [ID] : Nilai maksimum (opsional).
+     * [EN] : Maximum value (optional).
+     */
     max?: number | undefined;
+    /**
+     * [ID] : Nilai minimum (opsional).
+     * [EN] : Minimum value (optional).
+     */
     min?: number | undefined;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
+    /**
+     * [ID] : Teks yang dipilih (opsional).
+     * [EN] : Selected text (optional).
+     */
     selectedText?: string;
+    /**
+     * [ID] : Handler saat input fokus (opsional).
+     * [EN] : Handler when input is focused (optional).
+     * @param value - [ID] : Nilai input. [EN] : Input value.
+     */
     onFocusInput?: (value: string) => void;
 }

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

@@ -2,25 +2,106 @@ import { OffsetOptions } from '@floating-ui/react';
 import { ReactNode } from 'react';
 import { TKeyLocale } from '../Calendar';
 
+/**
+ * [ID] : Tipe jenis pagination.
+ * [EN] : Pagination kind type.
+ */
 export type TKindPaginationType = 'box' | 'nude';
+/**
+ * [ID] : Interface dasar pagination.
+ * [EN] : Basic pagination interface.
+ */
 export interface IPagination {
+    /**
+     * [ID] : Nomor halaman saat ini.
+     * [EN] : Current page number.
+     */
     pageNumber: number;
+    /**
+     * [ID] : Ukuran halaman (jumlah item per halaman).
+     * [EN] : Page size (number of items per page).
+     */
     pageSize: number;
+    /**
+     * [ID] : Total data.
+     * [EN] : Total data.
+     */
     totalData: number;
+    /**
+     * [ID] : Total halaman.
+     * [EN] : Total pages.
+     */
     totalPage: number;
 }
+/**
+ * [ID] : Interface properti komponen Pagination.
+ * [EN] : Pagination component properties interface.
+ */
 export interface IPaginationProps extends IPagination {
+    /**
+     * [ID] : Handler perubahan pagination (opsional).
+     * [EN] : Pagination change handler (optional).
+     * @param v - [ID] : Data pagination baru. [EN] : New pagination data.
+     */
     onChange?: (v: IPagination) => void;
+    /**
+     * [ID] : Jenis pagination (opsional).
+     * [EN] : Pagination kind (optional).
+     */
     kind?: TKindPaginationType;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string | undefined;
+    /**
+     * [ID] : Ikon sebelumnya (opsional).
+     * [EN] : Previous icon (optional).
+     */
     prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon selanjutnya (opsional).
+     * [EN] : Next icon (optional).
+     */
     nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Opsi ukuran halaman (opsional).
+     * [EN] : Page size options (optional).
+     */
     optionPageSize?: number[];
+    /**
+     * [ID] : Offset popover (opsional).
+     * [EN] : Popover offset (optional).
+     */
     offset?: OffsetOptions;
+    /**
+     * [ID] : Z-index (opsional).
+     * [EN] : Z-index (optional).
+     */
     zIndex?: number | undefined | string;
+    /**
+     * [ID] : Menampilkan opsi ukuran halaman (opsional).
+     * [EN] : Show page size options (optional).
+     */
     withOptionPageSize?: boolean;
+    /**
+     * [ID] : Menampilkan fitur 'go to page' (opsional).
+     * [EN] : Show 'go to page' feature (optional).
+     */
     withGotoPage?: boolean;
+    /**
+     * [ID] : Menampilkan lebih banyak halaman (opsional).
+     * [EN] : Show more pages (optional).
+     */
     withMorePage?: boolean;
+    /**
+     * [ID] : Lokal bahasa (opsional).
+     * [EN] : Locale (optional).
+     */
     locale?: TKeyLocale;
 }

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

@@ -1,30 +1,125 @@
 import { ReactNode } from 'react';
 import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions, FloatingArrowProps, FloatingFocusManagerProps, UseDismissProps } from '@floating-ui/react';
 
+/**
+ * [ID] : Interface untuk komponen Popover.
+ * [EN] : Interface for Popover component.
+ */
 export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * [ID] : Konten anak popover.
+     * [EN] : Popover child content.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Opsi offset (opsional).
+     * [EN] : Offset options (optional).
+     */
     offset?: OffsetOptions;
+    /**
+     * [ID] : Elemen jangkar (opsional).
+     * [EN] : Anchor element (optional).
+     */
     anchorEl?: ReactNode;
+    /**
+     * [ID] : Status ditampilkan (opsional).
+     * [EN] : Is shown status (optional).
+     */
     isShow?: boolean;
+    /**
+     * [ID] : Menggunakan penempatan otomatis (opsional).
+     * [EN] : Use auto placement (optional).
+     */
     useAutoPlacement?: boolean;
+    /**
+     * [ID] : Opsi flip (opsional).
+     * [EN] : Flip options (optional).
+     */
     flipOptions?: FlipOptions;
+    /**
+     * [ID] : Opsi penempatan otomatis (opsional).
+     * [EN] : Auto placement options (optional).
+     */
     autoPlacementOptions?: AutoPlacementOptions;
+    /**
+     * [ID] : Z-index (opsional).
+     * [EN] : Z-index (optional).
+     */
     zIndex?: number | undefined | string;
+    /**
+     * [ID] : Lebar popover (opsional).
+     * [EN] : Popover width (optional).
+     */
     width?: number | string;
+    /**
+     * [ID] : Gaya CSS internal popover (opsional).
+     * [EN] : Internal popover CSS style (optional).
+     */
     styleInnerPopover?: React.CSSProperties;
+    /**
+     * [ID] : Opsi floating UI (opsional).
+     * [EN] : Floating UI options (optional).
+     */
     floatingOptions?: UseFloatingOptions;
+    /**
+     * [ID] : Menampilkan panah (opsional).
+     * [EN] : Show arrow (optional).
+     */
     withArrow?: boolean;
+    /**
+     * [ID] : Properti panah (opsional).
+     * [EN] : Arrow properties (optional).
+     */
     propsArrow?: Partial<FloatingArrowProps>;
+    /**
+     * [ID] : Handler saat ditutup (opsional).
+     * [EN] : On close handler (optional).
+     */
     onClose?: () => void;
+    /**
+     * [ID] : Properti manajer fokus floating (opsional).
+     * [EN] : Floating focus manager properties (optional).
+     */
     floatingFocusManagerProps?: Omit<FloatingFocusManagerProps, 'context' | 'children'>;
+    /**
+     * [ID] : Properti dismiss (opsional).
+     * [EN] : Dismiss properties (optional).
+     */
     useDismissProps?: UseDismissProps;
 }
+/**
+ * [ID] : Interface untuk referensi Popover.
+ * [EN] : Interface for Popover reference.
+ */
 export interface IRefPopover {
+    /**
+     * [ID] : Status visibilitas.
+     * [EN] : Visibility status.
+     */
     show: boolean;
+    /**
+     * [ID] : Fungsi pengatur visibilitas.
+     * [EN] : Visibility setter function.
+     */
     setShow: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * [ID] : Handler untuk menampilkan popover.
+     * [EN] : Handler to show popover.
+     * @param event - [ID] : Event pemicu. [EN] : Trigger event.
+     */
     handlerShow: <T extends HTMLElement>(event: React.MouseEvent<T, unknown> | {
         currentTarget: ReactNode;
     }) => void;
+    /**
+     * [ID] : Fungsi untuk mendapatkan properti referensi.
+     * [EN] : Function to get reference properties.
+     * @param userProps - [ID] : Properti pengguna (opsional). [EN] : User properties (optional).
+     * @returns [ID] : Objek properti. [EN] : Property object.
+     */
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
 }

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

@@ -3,18 +3,74 @@ import { IBorderRadius } from '../../../config/components/borderRadius';
 import { Itypography } from '../../../config/components/typography';
 import { TFont } from '../../../config/components/font';
 
+/**
+ * [ID] : Interface untuk komponen RadioCheckbox.
+ * [EN] : Interface for RadioCheckbox component.
+ */
 export interface IRadioCheckbox extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk label (opsional).
+     * [EN] : CSS class name for label (optional).
+     */
     classNameLabel?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk ikon yang dicentang (opsional).
+     * [EN] : CSS class name for checked icon (optional).
+     */
     classNameCheckedIcon?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer ikon yang dicentang (opsional).
+     * [EN] : CSS class name for checked icon container (optional).
+     */
     classNameContainerCheckedIcon?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 'reguler' | 'small' | 's' | 'm';
+    /**
+     * [ID] : Varian gaya (opsional).
+     * [EN] : Style variant (optional).
+     */
     variants?: 'laba-blue-10' | 'blue-700' | 'blue-700-hv_bg_transparent' | 'laba-blue-10-hv_bg_transparent' | 'bill-primary-500' | 'bill-primary-600-hv_bg_transparent' | 'bill-secondary-800-hv_bg_transparent';
+    /**
+     * [ID] : Varian gaya non-aktif (opsional).
+     * [EN] : Disabled style variant (optional).
+     */
     variantDisableds?: 'default-disabled-checkbox' | 'default-disabled-radio';
+    /**
+     * [ID] : Radius sudut (opsional).
+     * [EN] : Border radius (optional).
+     */
     borderRadius?: IBorderRadius;
+    /**
+     * [ID] : Ikon saat dicentang (opsional).
+     * [EN] : Icon when checked (optional).
+     */
     checkedIcon?: ReactNode | ReactNode[];
+    /**
+     * [ID] : Tipe input (checkbox atau radio) (opsional).
+     * [EN] : Input type (checkbox or radio) (optional).
+     */
     type?: 'checkbox' | 'radio';
+    /**
+     * [ID] : Konfigurasi font (opsional).
+     * [EN] : Font configuration (optional).
+     */
     fonts?: TFont;
+    /**
+     * [ID] : Label input (opsional).
+     * [EN] : Input label (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Konfigurasi tipografi (opsional).
+     * [EN] : Typography configuration (optional).
+     */
     typography?: Itypography;
 }

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

@@ -4,15 +4,59 @@ import { IRadioCheckbox } from './RadioCheckbox';
 import { IBorderRadius } from '../../../config/components/borderRadius';
 import { TFont } from '../../../config/components/font';
 
+/**
+ * [ID] : Interface untuk komponen RadioCheckboxLabel.
+ * [EN] : Interface for RadioCheckboxLabel component.
+ */
 export interface IRadioCheckboxLabel extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * [ID] : Tipografi label (opsional).
+     * [EN] : Label typography (optional).
+     */
     typographyLabel?: Itypography;
+    /**
+     * [ID] : Tipografi deskripsi (opsional).
+     * [EN] : Description typography (optional).
+     */
     typographyDesc?: Itypography;
+    /**
+     * [ID] : Radius sudut (opsional).
+     * [EN] : Border radius (optional).
+     */
     borderRadius?: IBorderRadius;
+    /**
+     * [ID] : Tipe input (checkbox atau radio) (opsional).
+     * [EN] : Input type (checkbox or radio) (optional).
+     */
     type?: 'checkbox' | 'radio';
+    /**
+     * [ID] : Konfigurasi font (opsional).
+     * [EN] : Font configuration (optional).
+     */
     fonts?: TFont;
+    /**
+     * [ID] : Properti RadioCheckbox (opsional).
+     * [EN] : RadioCheckbox properties (optional).
+     */
     radioCheckboxProps?: IRadioCheckbox;
+    /**
+     * [ID] : Varian gaya (opsional).
+     * [EN] : Style variant (optional).
+     */
     variants?: 'blue-50' | 'laba-blue-01';
+    /**
+     * [ID] : Label input.
+     * [EN] : Input label.
+     */
     label: string | ReactNode | ReactNode[];
+    /**
+     * [ID] : Deskripsi input (opsional).
+     * [EN] : Input description (optional).
+     */
     desc?: string | ReactNode | ReactNode[];
+    /**
+     * [ID] : Latar belakang dengan hover (opsional).
+     * [EN] : Background with hover (optional).
+     */
     backgroundWithHover?: boolean;
 }