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

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

@@ -1,30 +1,200 @@
 import { default as React } from 'react';
+
+/**
+ * [ID] : Interface untuk komponen Textarea.
+ * [EN] : Interface for Textarea component.
+ */
 export interface ITextarea extends React.InputHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * [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] : Label textarea (opsional).
+     * [EN] : Textarea label (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
     type?: string;
+    /**
+     * [ID] : Menandakan wajib diisi (opsional).
+     * [EN] : Indicates required (optional).
+     */
     isRequired?: boolean;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 'medium' | 'm' | 'medium-border-bottom';
+    /**
+     * [ID] : Varian gaya (opsional).
+     * [EN] : Style variant (optional).
+     */
     variant?: 'solid-blue-300' | 'dashed-blue-300' | 'solid-laba-blue-10' | 'dashed-laba-blue-10' | 'border-bottom-laba-blue-08';
+    /**
+     * [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] : Tinggi maksimum (opsional).
+     * [EN] : Maximum height (optional).
+     */
     maxHeight?: number;
+    /**
+     * [ID] : Tinggi minimum (opsional).
+     * [EN] : Minimum height (optional).
+     */
     minHeight?: number;
 }
+/**
+ * [ID] : Interface untuk textarea dengan label mengambang di dalam.
+ * [EN] : Interface for textarea with floating inner label.
+ */
 export interface ITextareaFloatingInner extends React.InputHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * [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] : Label textarea (opsional).
+     * [EN] : Textarea label (optional).
+     */
     label?: string;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
     type?: string;
+    /**
+     * [ID] : Menandakan wajib diisi (opsional).
+     * [EN] : Indicates required (optional).
+     */
     isRequired?: boolean;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string | undefined;
+    /**
+     * [ID] : Ukuran input (opsional).
+     * [EN] : Input size (optional).
+     */
     sizeInput?: 'medium';
+    /**
+     * [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] : Tinggi maksimum (opsional).
+     * [EN] : Maximum height (optional).
+     */
     maxHeight?: number;
+    /**
+     * [ID] : Tinggi minimum (opsional).
+     * [EN] : Minimum height (optional).
+     */
     minHeight?: number;
+    /**
+     * [ID] : Nilai translasi label (opsional).
+     * [EN] : Label translation value (optional).
+     */
     translateLabel?: number;
+    /**
+     * [ID] : Translasi label otomatis (opsional).
+     * [EN] : Auto translate label (optional).
+     */
     autoTranslateLabel?: boolean;
 }
+/**
+ * [ID] : Interface untuk textarea dengan label di dalam.
+ * [EN] : Interface for textarea with inner label.
+ */
+export interface ITextareaInnerLabel extends React.InputHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * [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] : Label textarea (opsional).
+     * [EN] : Textarea label (optional).
+     */
+    label?: string;
+    /**
+     * [ID] : Tipe input (opsional).
+     * [EN] : Input type (optional).
+     */
+    type?: string;
+    /**
+     * [ID] : Menandakan wajib diisi (opsional).
+     * [EN] : Indicates 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;
+    /**
+     * [ID] : Tinggi maksimum (opsional).
+     * [EN] : Maximum height (optional).
+     */
+    maxHeight?: number;
+    /**
+     * [ID] : Tinggi minimum (opsional).
+     * [EN] : Minimum height (optional).
+     */
+    minHeight?: number;
+}

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

@@ -0,0 +1,129 @@
+import { UseFloatingOptions } from '@floating-ui/react';
+import { ReactNode } from 'react';
+import { TKeyLocale } from '../Calendar';
+
+/**
+ * [ID] : Tipe nilai rentang waktu.
+ * [EN] : Time range value type.
+ */
+export type TTimeRangeValue = [[string, string], [string, string]];
+/**
+ * [ID] : Interface untuk komponen TimeRange.
+ * [EN] : Interface for TimeRange component.
+ */
+export interface ITimeRange {
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
+    id?: string;
+    /**
+     * [ID] : Nilai rentang waktu (opsional).
+     * [EN] : Time range value (optional).
+     */
+    value?: TTimeRangeValue;
+    /**
+     * [ID] : Z-index popper (opsional).
+     * [EN] : Popper z-index (optional).
+     */
+    zIndexPopper?: number;
+    /**
+     * [ID] : Offset popover (opsional).
+     * [EN] : Popover offset (optional).
+     */
+    offsetPopover?: number;
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
+    classNameContainer?: string;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
+    className?: string;
+    /**
+     * [ID] : Fungsi render tombol klik (opsional).
+     * [EN] : Click button render function (optional).
+     * @param value - [ID] : Nilai rentang waktu. [EN] : Time range value.
+     * @param formatValue - [ID] : Nilai terformat. [EN] : Formatted value.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
+    buttonClick?: (value: TTimeRangeValue, formatValue: string) => ReactNode;
+    /**
+     * [ID] : Handler perubahan nilai (opsional).
+     * [EN] : Value change handler (optional).
+     * @param value - [ID] : Nilai rentang waktu baru. [EN] : New time range value.
+     */
+    onChange?: (value: TTimeRangeValue) => void;
+    /**
+     * [ID] : Opsi floating UI (opsional).
+     * [EN] : Floating UI options (optional).
+     */
+    floatingOptions?: UseFloatingOptions;
+    /**
+     * [ID] : Lokal bahasa (opsional).
+     * [EN] : Locale (optional).
+     */
+    locale?: TKeyLocale;
+    /**
+     * [ID] : Tombol reset (opsional).
+     * [EN] : Reset button (optional).
+     */
+    buttonReset?: (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Tombol kirim (opsional).
+     * [EN] : Submit button (optional).
+     */
+    buttonSubmit?: (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Nonaktifkan validasi (opsional).
+     * [EN] : Disable validation (optional).
+     */
+    disableValidation?: boolean;
+}
+/**
+ * [ID] : Interface untuk daftar waktu TimeRange.
+ * [EN] : Interface for TimeRange time list.
+ */
+export interface ITimeRangeListTime {
+    /**
+     * [ID] : Tipe waktu (mulai/akhir).
+     * [EN] : Time type (start/end).
+     */
+    type: 'start' | 'end';
+    /**
+     * [ID] : Nilai waktu tunggal.
+     * [EN] : Single time value.
+     */
+    value: TTimeRangeValue[0];
+    /**
+     * [ID] : Nilai rentang waktu lengkap.
+     * [EN] : Complete time range values.
+     */
+    values: TTimeRangeValue;
+    /**
+     * [ID] : Handler perubahan nilai.
+     * [EN] : Value change handler.
+     * @param value - [ID] : Nilai waktu baru. [EN] : New time value.
+     */
+    onChange: (value: TTimeRangeValue[0]) => void;
+    /**
+     * [ID] : Lokal bahasa.
+     * [EN] : Locale.
+     */
+    locale: TKeyLocale;
+    /**
+     * [ID] : Nonaktifkan validasi.
+     * [EN] : Disable validation.
+     */
+    disableValidation: boolean;
+}
+/**
+ * [ID] : Tipe fungsi render teks TimeRange.
+ * [EN] : TimeRange text render function type.
+ * @param value - [ID] : Nilai rentang waktu. [EN] : Time range value.
+ * @param locale - [ID] : Lokal bahasa. [EN] : Locale.
+ * @returns [ID] : String teks. [EN] : Text string.
+ */
+export type TRenderTimeRageText = (value: TTimeRangeValue, locale: TKeyLocale) => string;

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

@@ -1,12 +1,49 @@
 import { ReactNode } from 'react';
+
+/**
+ * [ID] : Interface untuk layout timeline.
+ * [EN] : Interface for timeline layout.
+ */
 export interface ITimelineLayout {
+    /**
+     * [ID] : Konten anak timeline.
+     * [EN] : Timeline child content.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : Menyembunyikan waktu (opsional).
+     * [EN] : Hide time (optional).
+     */
     noTime?: boolean;
 }
+/**
+ * [ID] : Interface untuk konten timeline.
+ * [EN] : Interface for timeline content.
+ */
 export interface ITimelineContent {
+    /**
+     * [ID] : Konten anak.
+     * [EN] : Child content.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Waktu (opsional).
+     * [EN] : Time (optional).
+     */
     time?: string;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     clasName?: string | undefined;
+    /**
+     * [ID] : Menyembunyikan waktu (opsional).
+     * [EN] : Hide time (optional).
+     */
     noTime?: boolean;
 }

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

@@ -2,18 +2,75 @@ import { FloatingArrowProps, UseFloatingOptions } from '@floating-ui/react';
 import { default as React } from 'react';
 import { IColor } from '../../../config/tailwind/colors';
 import { IPopover } from '../Popover';
+
+/**
+ * [ID] : Interface untuk komponen Tooltip.
+ * [EN] : Interface for Tooltip component.
+ */
 export interface ITooltip {
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : Konten anak tooltip.
+     * [EN] : Tooltip child content.
+     */
     children: string | React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Teks tooltip.
+     * [EN] : Tooltip text.
+     */
     text: string;
+    /**
+     * [ID] : Handler saat ditutup (opsional).
+     * [EN] : On close handler (optional).
+     */
     onClose?: () => void;
+    /**
+     * [ID] : Handler saat ditampilkan (opsional).
+     * [EN] : On show handler (optional).
+     */
     onShow?: () => void;
+    /**
+     * [ID] : Penundaan (ms) (opsional).
+     * [EN] : Delay (ms) (optional).
+     */
     delay?: number;
+    /**
+     * [ID] : Z-index popover (opsional).
+     * [EN] : Popover z-index (optional).
+     */
     zIndexPopover?: number;
+    /**
+     * [ID] : Properti popover (opsional).
+     * [EN] : Popover properties (optional).
+     */
     popoverProps?: Omit<IPopover, 'children'>;
+    /**
+     * [ID] : Properti panah (opsional).
+     * [EN] : Arrow properties (optional).
+     */
     arrowProps?: Partial<FloatingArrowProps>;
+    /**
+     * [ID] : Penempatan tooltip (opsional).
+     * [EN] : Tooltip placement (optional).
+     */
     placement?: UseFloatingOptions['placement'];
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string;
+    /**
+     * [ID] : Warna latar belakang (opsional).
+     * [EN] : Background color (optional).
+     */
     backgroundColor?: keyof IColor;
+    /**
+     * [ID] : Status hover (opsional).
+     * [EN] : Hover status (optional).
+     */
     isHover?: boolean;
 }

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

@@ -1,9 +1,43 @@
+/**
+ * [ID] : Interface untuk komponen TruncateComponent.
+ * [EN] : Interface for TruncateComponent component.
+ */
 export interface ITruncateComponent extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * [ID] : Konten anak.
+     * [EN] : Child content.
+     */
     children: React.ReactNode[] | React.ReactNode;
+    /**
+     * [ID] : Lebar maksimum (opsional).
+     * [EN] : Maximum width (optional).
+     */
     maxWidth?: string;
+    /**
+     * [ID] : Fungsi untuk merender elemen 'more'.
+     * [EN] : Function to render 'more' element.
+     * @param count - [ID] : Jumlah item tersisa. [EN] : Remaining item count.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     moreElement: (count: number) => React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Gaya CSS (opsional).
+     * [EN] : CSS style (optional).
+     */
     style?: React.CSSProperties;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string;
+    /**
+     * [ID] : Jarak antar item (opsional).
+     * [EN] : Gap between items (optional).
+     */
     gap?: number;
+    /**
+     * [ID] : Gaya jarak (opsional).
+     * [EN] : Gap style (optional).
+     */
     gapStyle?: string;
 }