1mpacto-react-ui 1.0.0 → 1.0.2

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

@@ -2,52 +2,235 @@ import { default as React } from 'react';
 import { IInputReguler } from '../Input';
 import { IButton } from '../Button';
 
+/**
+ * [ID] : Interface untuk komponen UploadFile.
+ * [EN] : Interface for UploadFile component.
+ */
 export interface IUploadFile {
-    id?: string;
+    /**
+     * [ID] : Handler perubahan file.
+     * [EN] : File change handler.
+     * @param v - [ID] : File yang dipilih (opsional). [EN] : Selected file (optional).
+     */
     onChange: (v?: File | null) => void;
+    /**
+     * [ID] : Daftar tipe file yang valid (opsional).
+     * [EN] : List of valid file types (optional).
+     */
     validateFile?: string[];
+    /**
+     * [ID] : Jumlah file maksimum (opsional).
+     * [EN] : Maximum number of files (optional).
+     */
     maxFile?: number;
+    /**
+     * [ID] : Ukuran file maksimum (opsional).
+     * [EN] : Maximum file size (optional).
+     */
     maxSize?: number;
+    /**
+     * [ID] : Nama file.
+     * [EN] : File name.
+     */
     fileName: string;
+    /**
+     * [ID] : Label upload (opsional).
+     * [EN] : Upload label (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Properti input reguler (opsional).
+     * [EN] : Regular input properties (optional).
+     */
     inputProps?: IInputReguler;
+    /**
+     * [ID] : Prioritas error (internal/eksternal) (opsional).
+     * [EN] : Error priority (internal/external) (optional).
+     */
     priorityError?: 'internal' | 'external';
+    /**
+     * [ID] : Handler event error (opsional).
+     * [EN] : Error event handler (optional).
+     * @param message - [ID] : Pesan error. [EN] : Error message.
+     */
     eventError?: (message: string) => void;
 }
+/**
+ * [ID] : Interface untuk komponen UploadImage.
+ * [EN] : Interface for UploadImage component.
+ */
 export interface IUploadImage {
+    /**
+     * [ID] : Handler perubahan gambar.
+     * [EN] : Image change handler.
+     * @param v - [ID] : File gambar yang dipilih (opsional). [EN] : Selected image file (optional).
+     */
     onChange: (v?: File | null) => void;
+    /**
+     * [ID] : URL nilai gambar (opsional).
+     * [EN] : Image value URL (optional).
+     */
     valueUrl?: string;
+    /**
+     * [ID] : Daftar tipe file yang valid (opsional).
+     * [EN] : List of valid file types (optional).
+     */
     validateFile?: string[];
+    /**
+     * [ID] : Deskripsi validasi file (opsional).
+     * [EN] : File validation description (optional).
+     */
     validateFileDesc?: string;
+    /**
+     * [ID] : Ukuran file maksimum (opsional).
+     * [EN] : Maximum file size (optional).
+     */
     maxSize?: number;
+    /**
+     * [ID] : Ikon (opsional).
+     * [EN] : Icon (optional).
+     */
     icon?: React.ReactNode;
+    /**
+     * [ID] : Deskripsi (opsional).
+     * [EN] : Description (optional).
+     */
     desc?: string | React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS gambar (opsional).
+     * [EN] : Image CSS class name (optional).
+     */
     classNameImage?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS aksi (opsional).
+     * [EN] : Action CSS class name (optional).
+     */
     classNameAction?: string | undefined;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
 }
+/**
+ * [ID] : Interface untuk komponen UploadMultipleFile.
+ * [EN] : Interface for UploadMultipleFile component.
+ */
 export interface IUploadMultipleFile {
+    /**
+     * [ID] : Handler perubahan file (opsional).
+     * [EN] : File change handler (optional).
+     * @param v - [ID] : Daftar file yang dipilih (opsional). [EN] : Selected file list (optional).
+     */
     onChange?: (v?: File[] | null) => void;
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Nama kelas CSS tombol (opsional).
+     * [EN] : Button CSS class name (optional).
+     */
     classNameButton?: string;
+    /**
+     * [ID] : Properti tombol (opsional).
+     * [EN] : Button properties (optional).
+     */
     buttonProps?: Omit<IButton, 'children'>;
+    /**
+     * [ID] : Teks upload (opsional).
+     * [EN] : Upload text (optional).
+     */
     textUpload?: string;
+    /**
+     * [ID] : Daftar tipe file yang valid (opsional).
+     * [EN] : List of valid file types (optional).
+     */
     validateFile?: string[];
+    /**
+     * [ID] : Ukuran file maksimum (opsional).
+     * [EN] : Maximum file size (optional).
+     */
     maxSize?: number;
+    /**
+     * [ID] : Jumlah file maksimum (opsional).
+     * [EN] : Maximum number of files (optional).
+     */
     maxFile?: number;
+    /**
+     * [ID] : Nilai file (opsional).
+     * [EN] : File value (optional).
+     */
     value?: IUploadMultipleFileValue[];
+    /**
+     * [ID] : Fungsi render elemen hapus (opsional).
+     * [EN] : Remove element render function (optional).
+     * @param value - [ID] : Nilai file. [EN] : File value.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     removeElement?: (value: IUploadMultipleFileValue) => React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string;
+    /**
+     * [ID] : Handler download (opsional).
+     * [EN] : Download handler (optional).
+     * @param value - [ID] : Nilai file. [EN] : File value.
+     */
     handlerDownload?: (value: IUploadMultipleFileValue) => void;
+    /**
+     * [ID] : Prioritas error (internal/eksternal) (opsional).
+     * [EN] : Error priority (internal/external) (optional).
+     */
     priorityError?: 'internal' | 'external';
+    /**
+     * [ID] : Handler event error (opsional).
+     * [EN] : Error event handler (optional).
+     * @param message - [ID] : Pesan error. [EN] : Error message.
+     */
     eventError?: (message: string) => void;
+    /**
+     * [ID] : Lokasi elemen hapus (opsional).
+     * [EN] : Remove element location (optional).
+     */
     locationRemoveElement?: 'left' | 'right';
 }
+/**
+ * [ID] : Interface untuk nilai UploadMultipleFile.
+ * [EN] : Interface for UploadMultipleFile value.
+ */
 export interface IUploadMultipleFileValue {
+    /**
+     * [ID] : Nama file.
+     * [EN] : File name.
+     */
     name?: string;
+    /**
+     * [ID] : Nama file (alternatif).
+     * [EN] : File name (alternative).
+     */
     fileName?: string;
+    /**
+     * [ID] : Nama asli file.
+     * [EN] : Original file name.
+     */
     originalName?: string;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }

package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts

@@ -1,37 +1,175 @@
 import { ReactNode } from 'react';
 import { Components } from 'react-virtuoso';
 
+/**
+ * [ID] : Interface untuk gaya tinggi.
+ * [EN] : Interface for height style.
+ */
 export interface IStyleHeight {
+    /**
+     * [ID] : Tinggi.
+     * [EN] : Height.
+     */
     height?: number;
 }
+/**
+ * [ID] : Interface untuk properti pembungkus.
+ * [EN] : Interface for wrapper properties.
+ */
 export interface IWrapperProps {
+    /**
+     * [ID] : Fungsi render anak.
+     * [EN] : Child render function.
+     * @param props - [ID] : Properti. [EN] : Properties.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     children: (props: Record<string, unknown>) => ReactNode;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }
+/**
+ * [ID] : Interface untuk properti item.
+ * [EN] : Interface for item properties.
+ */
 export interface IItemProps {
+    /**
+     * [ID] : Konten anak.
+     * [EN] : Child content.
+     */
     children: ReactNode;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }
+/**
+ * [ID] : Interface untuk komponen ListVirtualization.
+ * [EN] : Interface for ListVirtualization component.
+ */
 export interface IListVirtualization {
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Fungsi untuk menghitung kunci item (opsional).
+     * [EN] : Function to compute item key (optional).
+     * @param index - [ID] : Indeks item. [EN] : Item index.
+     * @param item - [ID] : Data item. [EN] : Item data.
+     * @param context - [ID] : Konteks. [EN] : Context.
+     * @returns [ID] : Kunci item. [EN] : Item key.
+     */
     computeItemKey?: (index: number, item: unknown, context: unknown) => string;
+    /**
+     * [ID] : Fungsi untuk mendapatkan ukuran item (opsional).
+     * [EN] : Function to get item size (optional).
+     * @param el - [ID] : Elemen HTML. [EN] : HTML element.
+     * @returns [ID] : Ukuran item. [EN] : Item size.
+     */
     itemSize?: (el: HTMLElement) => number;
+    /**
+     * [ID] : Total jumlah item (opsional).
+     * [EN] : Total item count (optional).
+     */
     totalCount?: number;
+    /**
+     * [ID] : Tipe tinggi (min-max atau container).
+     * [EN] : Height type (min-max or container).
+     */
     typeHight: 'min-max' | 'container';
+    /**
+     * [ID] : Tinggi minimum item (opsional).
+     * [EN] : Minimum item height (optional).
+     */
     minHeightItem?: number;
+    /**
+     * [ID] : Tinggi maksimum tabel (opsional).
+     * [EN] : Maximum table height (optional).
+     */
     maxHeightTable?: number;
+    /**
+     * [ID] : Panjang minimum item (opsional).
+     * [EN] : Minimum item length (optional).
+     */
     minLengthItem?: number;
+    /**
+     * [ID] : Fungsi render konten item.
+     * [EN] : Item content render function.
+     * @param Wrapper - [ID] : Komponen pembungkus. [EN] : Wrapper component.
+     * @param index - [ID] : Indeks item. [EN] : Item index.
+     * @param data - [ID] : Data item. [EN] : Item data.
+     * @param context - [ID] : Konteks. [EN] : Context.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     itemContent: (Wrapper: React.ComponentType<IWrapperProps>, index: number, data: unknown, context: unknown) => ReactNode;
+    /**
+     * [ID] : Tipe perhitungan ukuran item (opsional).
+     * [EN] : Item size calculation type (optional).
+     */
     typeCalculateItemSize?: 'auto' | 'manual';
+    /**
+     * [ID] : Nama ukuran item (opsional).
+     * [EN] : Item size names (optional).
+     */
     itemSizeNames?: string[];
+    /**
+     * [ID] : Fungsi overscan (opsional).
+     * [EN] : Overscan function (optional).
+     * @param value - [ID] : Nilai input. [EN] : Input value.
+     * @returns [ID] : Nilai overscan. [EN] : Overscan value.
+     */
     overscan?: (value?: number) => number;
+    /**
+     * [ID] : Komponen kustom (opsional).
+     * [EN] : Custom components (optional).
+     */
     component?: Components;
+    /**
+     * [ID] : ID kontainer (opsional).
+     * [EN] : Container ID (optional).
+     */
     idContainer?: string;
+    /**
+     * [ID] : Pemicu perhitungan ulang kontainer (opsional).
+     * [EN] : Trigger for container recalculation (optional).
+     */
     triggerCalCulateContainer?: number | string | boolean | object | Date;
+    /**
+     * [ID] : Akumulasi tinggi (opsional).
+     * [EN] : Accumulation height (optional).
+     */
     accumulationHeight?: number;
+    /**
+     * [ID] : Penundaan perhitungan tinggi (opsional).
+     * [EN] : Height calculation delay (optional).
+     */
     delayTriggerCalculateHeight?: number;
+    /**
+     * [ID] : Fungsi penambahan viewport (opsional).
+     * [EN] : Increase viewport function (optional).
+     * @param value - [ID] : Nilai input. [EN] : Input value.
+     * @returns [ID] : Nilai penambahan. [EN] : Increase value.
+     */
     increaseViewportBy?: (value?: number) => number;
+    /**
+     * [ID] : Konteks (opsional).
+     * [EN] : Context (optional).
+     */
     context?: object;
+    /**
+     * [ID] : Handler saat mencapai akhir (opsional).
+     * [EN] : End reached handler (optional).
+     * @param value - [ID] : Nilai. [EN] : Value.
+     */
     endReached?: (value: number) => void;
+    /**
+     * [ID] : Penambahan total jumlah (opsional).
+     * [EN] : Increase total count (optional).
+     */
     increaseTotalCount?: number;
 }

package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts

@@ -1,38 +1,181 @@
 import { ReactNode } from 'react';
 import { TableComponents } from 'react-virtuoso';
 
+/**
+ * [ID] : Interface untuk gaya tinggi.
+ * [EN] : Interface for height style.
+ */
 export interface IStyleHeight {
+    /**
+     * [ID] : Tinggi.
+     * [EN] : Height.
+     */
     height?: number;
 }
+/**
+ * [ID] : Interface untuk properti pembungkus.
+ * [EN] : Interface for wrapper properties.
+ */
 export interface IWrapperProps {
+    /**
+     * [ID] : Fungsi render anak.
+     * [EN] : Child render function.
+     * @param props - [ID] : Properti. [EN] : Properties.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     children: (props: Record<string, unknown>) => ReactNode;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }
+/**
+ * [ID] : Interface untuk properti baris tabel.
+ * [EN] : Interface for table row properties.
+ */
 export interface ITableRowProps {
+    /**
+     * [ID] : Konten anak.
+     * [EN] : Child content.
+     */
     children: ReactNode;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }
+/**
+ * [ID] : Interface untuk komponen TableVirtualization.
+ * [EN] : Interface for TableVirtualization component.
+ */
 export interface ITableVirtualization {
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Fungsi untuk menghitung kunci item (opsional).
+     * [EN] : Function to compute item key (optional).
+     * @param index - [ID] : Indeks item. [EN] : Item index.
+     * @param item - [ID] : Data item. [EN] : Item data.
+     * @param context - [ID] : Konteks. [EN] : Context.
+     * @returns [ID] : Kunci item. [EN] : Item key.
+     */
     computeItemKey?: (index: number, item: unknown, context: unknown) => string;
+    /**
+     * [ID] : Fungsi untuk mendapatkan ukuran item (opsional).
+     * [EN] : Function to get item size (optional).
+     * @param el - [ID] : Elemen HTML. [EN] : HTML element.
+     * @returns [ID] : Ukuran item. [EN] : Item size.
+     */
     itemSize?: (el: HTMLElement) => number;
+    /**
+     * [ID] : Total jumlah item (opsional).
+     * [EN] : Total item count (optional).
+     */
     totalCount?: number;
+    /**
+     * [ID] : Tipe tinggi (min-max atau container).
+     * [EN] : Height type (min-max or container).
+     */
     typeHight: 'min-max' | 'container';
+    /**
+     * [ID] : Tinggi minimum item (opsional).
+     * [EN] : Minimum item height (optional).
+     */
     minHeightItem?: number;
+    /**
+     * [ID] : Tinggi maksimum tabel (opsional).
+     * [EN] : Maximum table height (optional).
+     */
     maxHeightTable?: number;
+    /**
+     * [ID] : Panjang minimum item (opsional).
+     * [EN] : Minimum item length (optional).
+     */
     minLengthItem?: number;
+    /**
+     * [ID] : Konten header tetap.
+     * [EN] : Fixed header content.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     fixedHeaderContent: (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Fungsi render konten item.
+     * [EN] : Item content render function.
+     * @param Wrapper - [ID] : Komponen pembungkus. [EN] : Wrapper component.
+     * @param index - [ID] : Indeks item. [EN] : Item index.
+     * @param data - [ID] : Data item. [EN] : Item data.
+     * @param context - [ID] : Konteks. [EN] : Context.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     itemContent: (Wrapper: React.ComponentType<IWrapperProps>, index: number, data: unknown, context: unknown) => ReactNode;
+    /**
+     * [ID] : Tipe perhitungan ukuran item (opsional).
+     * [EN] : Item size calculation type (optional).
+     */
     typeCalculateItemSize?: 'auto' | 'manual';
+    /**
+     * [ID] : Nama ukuran item (opsional).
+     * [EN] : Item size names (optional).
+     */
     itemSizeNames?: string[];
+    /**
+     * [ID] : Fungsi overscan (opsional).
+     * [EN] : Overscan function (optional).
+     * @param value - [ID] : Nilai input. [EN] : Input value.
+     * @returns [ID] : Nilai overscan. [EN] : Overscan value.
+     */
     overscan?: (value?: number) => number;
+    /**
+     * [ID] : Komponen tabel kustom (opsional).
+     * [EN] : Custom table components (optional).
+     */
     component?: TableComponents;
+    /**
+     * [ID] : ID kontainer (opsional).
+     * [EN] : Container ID (optional).
+     */
     idContainer?: string;
+    /**
+     * [ID] : Pemicu perhitungan ulang kontainer (opsional).
+     * [EN] : Trigger for container recalculation (optional).
+     */
     triggerCalCulateContainer?: number | string | boolean | object | Date;
+    /**
+     * [ID] : Akumulasi tinggi (opsional).
+     * [EN] : Accumulation height (optional).
+     */
     accumulationHeight?: number;
+    /**
+     * [ID] : Penundaan perhitungan tinggi (opsional).
+     * [EN] : Height calculation delay (optional).
+     */
     delayTriggerCalculateHeight?: number;
+    /**
+     * [ID] : Fungsi penambahan viewport (opsional).
+     * [EN] : Increase viewport function (optional).
+     * @param value - [ID] : Nilai input. [EN] : Input value.
+     * @returns [ID] : Nilai penambahan. [EN] : Increase value.
+     */
     increaseViewportBy?: (value?: number) => number;
+    /**
+     * [ID] : Konteks (opsional).
+     * [EN] : Context (optional).
+     */
     context?: object;
+    /**
+     * [ID] : Handler saat mencapai akhir (opsional).
+     * [EN] : End reached handler (optional).
+     * @param value - [ID] : Nilai. [EN] : Value.
+     */
     endReached?: (value: number) => void;
+    /**
+     * [ID] : Penambahan total jumlah (opsional).
+     * [EN] : Increase total count (optional).
+     */
     increaseTotalCount?: number;
 }