1mpacto-react-ui 1.0.0 → 1.0.2

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

@@ -1,45 +1,198 @@
 import { default as React } from 'react';
 
+/**
+ * [ID] : Interface untuk data daftar langkah.
+ * [EN] : Interface for step list data.
+ */
 export interface IDataStepList {
+    /**
+     * [ID] : Nomor langkah.
+     * [EN] : Step number.
+     */
     step: number;
+    /**
+     * [ID] : Nilai langkah (opsional).
+     * [EN] : Step value (optional).
+     */
     value?: string | number | React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Nilai saat selesai (opsional).
+     * [EN] : Value when done (optional).
+     */
     valueDone?: string | number | React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Deskripsi langkah (opsional).
+     * [EN] : Step description (optional).
+     */
     desc?: string;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }
+/**
+ * [ID] : Interface untuk komponen Step.
+ * [EN] : Interface for Step component.
+ */
 export interface IStep {
+    /**
+     * [ID] : Langkah yang aktif.
+     * [EN] : Active step.
+     */
     activeStep: number;
+    /**
+     * [ID] : Daftar langkah.
+     * [EN] : Step list.
+     */
     stepList: IDataStepList[];
+    /**
+     * [ID] : Lebar garis (opsional).
+     * [EN] : Line width (optional).
+     */
     widthLine?: number;
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Nama kelas CSS konten (opsional).
+     * [EN] : Content CSS class name (optional).
+     */
     classNameContent?: string;
+    /**
+     * [ID] : Nama kelas CSS deskripsi (opsional).
+     * [EN] : Description CSS class name (optional).
+     */
     classNameDesc?: string;
+    /**
+     * [ID] : Handler perubahan langkah (opsional).
+     * [EN] : Step change handler (optional).
+     * @param e - [ID] : Data langkah. [EN] : Step data.
+     */
     onChange?: (e: IDataStepList) => void;
+    /**
+     * [ID] : Tipe garis sebelum aktif (opsional).
+     * [EN] : Line type before active (optional).
+     */
     beforeActiveType?: 'solid' | 'dashed';
+    /**
+     * [ID] : Tipe garis setelah aktif (opsional).
+     * [EN] : Line type after active (optional).
+     */
     afterActiveType?: 'solid' | 'dashed';
+    /**
+     * [ID] : Warna saat aktif (opsional).
+     * [EN] : Active color (optional).
+     */
     colorActive?: string;
+    /**
+     * [ID] : Warna saat tidak aktif (opsional).
+     * [EN] : Inactive color (optional).
+     */
     colorInactive?: string;
 }
+/**
+ * [ID] : Interface untuk garis putus-putus langkah.
+ * [EN] : Interface for step dashed line.
+ */
 export interface IStepLineDashed {
+    /**
+     * [ID] : Lebar garis.
+     * [EN] : Line width.
+     */
     widthLine: number;
+    /**
+     * [ID] : Warna garis.
+     * [EN] : Line color.
+     */
     color: string;
 }
+/**
+ * [ID] : Interface untuk garis solid langkah.
+ * [EN] : Interface for step solid line.
+ */
 export interface IStepLineSolid {
+    /**
+     * [ID] : Lebar garis.
+     * [EN] : Line width.
+     */
     widthLine: number;
+    /**
+     * [ID] : Warna garis.
+     * [EN] : Line color.
+     */
     color: string;
 }
+/**
+ * [ID] : Interface untuk indikator langkah.
+ * [EN] : Interface for step indicator.
+ */
 export interface IStepIndicator {
+    /**
+     * [ID] : Langkah yang aktif.
+     * [EN] : Active step.
+     */
     activeStep: number;
+    /**
+     * [ID] : Jumlah langkah.
+     * [EN] : Step count.
+     */
     countStep: number;
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Nama kelas CSS indikator langkah (opsional).
+     * [EN] : Step indicator CSS class name (optional).
+     */
     classNameStepIndicator?: string;
+    /**
+     * [ID] : Nama kelas CSS deskripsi (opsional).
+     * [EN] : Description CSS class name (optional).
+     */
     classNameDesc?: string;
+    /**
+     * [ID] : Nama kelas CSS indikator langkah aktif (opsional).
+     * [EN] : Active step indicator CSS class name (optional).
+     */
     classNameActiveStepIndicator?: string;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : Lokasi indikator langkah (opsional).
+     * [EN] : Step indicator location (optional).
+     */
     locationStepIndicator?: 'left' | 'right';
+    /**
+     * [ID] : Lebar indikator langkah (opsional).
+     * [EN] : Step indicator width (optional).
+     */
     widthStepIndicator?: number | string;
+    /**
+     * [ID] : Lebar indikator langkah dinamis (opsional).
+     * [EN] : Dynamic step indicator width (optional).
+     */
     dynamicWidthStepIndicator?: boolean;
+    /**
+     * [ID] : Jarak indikator langkah (opsional).
+     * [EN] : Step indicator gap (optional).
+     */
     gapStepIndicator?: string;
+    /**
+     * [ID] : Nama kelas CSS kontainer indikator langkah (opsional).
+     * [EN] : Step indicator container CSS class name (optional).
+     */
     classNameStepIndicatorContainer?: string;
 }

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

@@ -1,15 +1,68 @@
+/**
+ * [ID] : Tipe ukuran switch.
+ * [EN] : Switch size type.
+ */
 type TSizeSwitchType = 'large' | 'regular' | 'small';
+/**
+ * [ID] : Interface untuk komponen Switch.
+ * [EN] : Interface for Switch component.
+ */
 export interface ISwitch {
+    /**
+     * [ID] : Nilai switch (aktif/tidak).
+     * [EN] : Switch value (active/inactive).
+     */
     value: boolean;
+    /**
+     * [ID] : Status non-aktif (opsional).
+     * [EN] : Disabled status (optional).
+     */
     disabled?: boolean;
+    /**
+     * [ID] : Ukuran switch (opsional).
+     * [EN] : Switch size (optional).
+     */
     size?: TSizeSwitchType;
+    /**
+     * [ID] : Judul switch (opsional).
+     * [EN] : Switch title (optional).
+     */
     title?: string;
+    /**
+     * [ID] : Deskripsi switch (opsional).
+     * [EN] : Switch description (optional).
+     */
     description?: string;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS judul (opsional).
+     * [EN] : Title CSS class name (optional).
+     */
     classNameTitle?: string | undefined;
+    /**
+     * [ID] : Nama kelas CSS deskripsi (opsional).
+     * [EN] : Description CSS class name (optional).
+     */
     classNameDesc?: string | undefined;
+    /**
+     * [ID] : Jenis switch (opsional).
+     * [EN] : Switch kind (optional).
+     */
     kind?: 'payhere' | 'laba' | 'bill';
+    /**
+     * [ID] : Handler perubahan nilai.
+     * [EN] : Value change handler.
+     * @param v - [ID] : Nilai baru. [EN] : New value.
+     */
     onChange: (v: boolean) => void;
 }
 export {};