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

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

@@ -1,51 +1,246 @@
 import { default as React } from 'react';
 import { Props as SelectProps, ActionMeta, GroupBase, SelectComponentsConfig, MultiValue, SingleValue } from 'react-select';
 import { AutoPlacementOptions, FlipOptions, OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
+
+/**
+ * [ID] : Interface untuk komponen SelectDropdownContainer.
+ * [EN] : Interface for SelectDropdownContainer component.
+ * @template T - [ID] : Tipe data opsi. [EN] : Option data type.
+ */
 export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean, GroupBase<T>>, 'onChange' | 'getOptionLabel'> {
+    /**
+     * [ID] : Lebar dropdown (opsional).
+     * [EN] : Dropdown width (optional).
+     */
     width?: number | string | ((width: number, value: MultiValue<T> | SingleValue<T> | T | T[] | object) => string | number);
+    /**
+     * [ID] : Fungsi render props untuk anak.
+     * [EN] : Render props function for children.
+     * @param params - [ID] : Parameter anak SelectDropdownContainer. [EN] : SelectDropdownContainer child parameters.
+     * @returns [ID] : Node React. [EN] : React Node.
+     */
     children: ((params: IChildrenSelectDropdownContainer<T>) => React.ReactNode) | ((params: IChildrenSelectDropdownContainer<T>) => React.ReactNode[]);
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Nama kelas CSS saat select ditampilkan (opsional).
+     * [EN] : CSS class name when select is shown (optional).
+     */
     classNameContainerShowSelect?: string;
+    /**
+     * [ID] : Nama kelas CSS untuk select (opsional).
+     * [EN] : CSS class name for select (optional).
+     */
     classNameContainerSelect?: string;
+    /**
+     * [ID] : Nama kelas CSS untuk label error (opsional).
+     * [EN] : CSS class name for error label (optional).
+     */
     classNameLabelError?: string;
+    /**
+     * [ID] : Pesan error (opsional).
+     * [EN] : Error message (optional).
+     */
     error?: string;
+    /**
+     * [ID] : Handler perubahan nilai (opsional).
+     * [EN] : Value change handler (optional).
+     * @param newValue - [ID] : Nilai baru. [EN] : New value.
+     * @param actionMeta - [ID] : Meta aksi. [EN] : Action meta.
+     */
     onChange?: (newValue: MultiValue<T> | SingleValue<T> | T | T[] | object, actionMeta: ActionMeta<T>) => void;
+    /**
+     * [ID] : Menggunakan nilai eksternal (opsional).
+     * [EN] : Use external value (optional).
+     */
     externalValue?: boolean;
+    /**
+     * [ID] : Nilai default tombol dropdown (opsional).
+     * [EN] : Default dropdown button value (optional).
+     */
     defaultValueButtonDropdown?: object | T | T[];
+    /**
+     * [ID] : Tutup otomatis (opsional).
+     * [EN] : Auto close (optional).
+     */
     autoClose?: boolean;
+    /**
+     * [ID] : Handler saat menu dibuka (opsional).
+     * [EN] : On menu open handler (optional).
+     */
     onMenuOpen?: () => void;
+    /**
+     * [ID] : Tutup otomatis saat klik di luar (opsional).
+     * [EN] : Auto close outside (optional).
+     */
     autoCloseOutside?: boolean;
+    /**
+     * [ID] : Gaya CSS internal popper (opsional).
+     * [EN] : Internal popper CSS style (optional).
+     */
     styleInnerPopper?: React.CSSProperties;
+    /**
+     * [ID] : Handler saat menu ditutup (opsional).
+     * [EN] : On menu close handler (optional).
+     */
     onMenuClose?: () => void;
+    /**
+     * [ID] : Z-index popper (opsional).
+     * [EN] : Popper z-index (optional).
+     */
     zIndexPopper?: number | undefined | string;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
     id?: string;
+    /**
+     * [ID] : ID popover (opsional).
+     * [EN] : Popover ID (optional).
+     */
     idPopover?: string;
+    /**
+     * [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] : Opsi floating UI (opsional).
+     * [EN] : Floating UI options (optional).
+     */
     floatingOptions?: UseFloatingOptions;
+    /**
+     * [ID] : Menampilkan pencarian (opsional).
+     * [EN] : Show search (optional).
+     */
     withSearch?: boolean;
+    /**
+     * [ID] : Komponen kustom select (opsional).
+     * [EN] : Custom select components (optional).
+     */
     components?: SelectComponentsConfig<T, boolean, GroupBase<T>>;
+    /**
+     * [ID] : Fungsi untuk mendapatkan label opsi (opsional).
+     * [EN] : Function to get option label (optional).
+     * @param option - [ID] : Opsi. [EN] : Option.
+     * @returns [ID] : Label opsi. [EN] : Option label.
+     */
     getOptionLabel?: (option: T) => React.ReactNode | Element | string;
+    /**
+     * [ID] : Properti tambahan select (opsional).
+     * [EN] : Additional select properties (optional).
+     */
     selectProps?: object;
+    /**
+     * [ID] : Offset popover (opsional).
+     * [EN] : Popover offset (optional).
+     */
     offsetPopover?: OffsetOptions;
-    errorLabel?: 'payhere' | 'laba';
+    /**
+     * [ID] : Label error (opsional).
+     * [EN] : Error label (optional).
+     */
+    errorLabel?: 'payhere' | 'laba' | 'bill';
+    /**
+     * [ID] : Handler perubahan nilai aksi (opsional).
+     * [EN] : Action value change handler (optional).
+     * @param value - [ID] : Nilai baru. [EN] : New value.
+     */
     actionValueChange?: (value: MultiValue<T> | SingleValue<T> | T | T[] | object) => void;
-    controlType?: 'laba' | 'payhere';
+    /**
+     * [ID] : Tipe kontrol (opsional).
+     * [EN] : Control type (optional).
+     */
+    controlType?: 'laba' | 'payhere' | 'bill';
 }
+/**
+ * [ID] : Interface untuk properti anak SelectDropdownContainer.
+ * [EN] : Interface for SelectDropdownContainer child properties.
+ * @template T - [ID] : Tipe data opsi. [EN] : Option data type.
+ */
 export interface IChildrenSelectDropdownContainer<T> {
+    /**
+     * [ID] : Nilai select.
+     * [EN] : Select value.
+     */
     selectValue: T | T[] | object;
+    /**
+     * [ID] : Fungsi pengatur nilai select.
+     * [EN] : Select value setter function.
+     */
     setSelectValue: React.Dispatch<React.SetStateAction<T>>;
+    /**
+     * [ID] : Handler tutup.
+     * [EN] : Close handler.
+     */
     handlerClose: () => void;
+    /**
+     * [ID] : Handler tampilkan.
+     * [EN] : Show handler.
+     * @param e - [ID] : Event mouse. [EN] : Mouse event.
+     */
     handlerShow: <U extends HTMLElement>(e: React.MouseEvent<U, unknown>) => void;
+    /**
+     * [ID] : Status visibilitas.
+     * [EN] : Visibility status.
+     */
     show: boolean;
+    /**
+     * [ID] : Fungsi pengatur visibilitas.
+     * [EN] : Visibility setter function.
+     * @param v - [ID] : Status visibilitas baru. [EN] : New visibility status.
+     */
     setShow: (v: boolean) => void;
 }
+/**
+ * [ID] : Interface untuk referensi SelectDropdownContainer.
+ * [EN] : Interface for SelectDropdownContainer reference.
+ * @template T - [ID] : Tipe data opsi. [EN] : Option data type.
+ */
 export interface IRefSelectDropdownContainer<T> {
+    /**
+     * [ID] : Nilai select.
+     * [EN] : Select value.
+     */
     selectValue: T | T[] | object;
+    /**
+     * [ID] : Fungsi pengatur nilai select.
+     * [EN] : Select value setter function.
+     */
     setSelectValue: React.Dispatch<React.SetStateAction<T>>;
+    /**
+     * [ID] : Handler tutup.
+     * [EN] : Close handler.
+     */
     handlerClose: () => void;
+    /**
+     * [ID] : Handler tampilkan.
+     * [EN] : Show handler.
+     * @param e - [ID] : Event mouse. [EN] : Mouse event.
+     */
     handlerShow: <U extends HTMLElement>(e: React.MouseEvent<U, unknown>) => void;
+    /**
+     * [ID] : Status visibilitas.
+     * [EN] : Visibility status.
+     */
     show: boolean;
+    /**
+     * [ID] : Fungsi pengatur visibilitas.
+     * [EN] : Visibility setter function.
+     * @param v - [ID] : Status visibilitas baru. [EN] : New visibility status.
+     */
     setShow: (v: boolean) => void;
 }

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

@@ -1,58 +1,287 @@
 import { default as React } from 'react';
-export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white';
+
+/**
+ * [ID] : Tipe varian sidebar.
+ * [EN] : Sidebar variant type.
+ */
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive' | 'bill-brand-base-white' | 'bill-brand-base-white-responsive';
+/**
+ * [ID] : Interface untuk modul sidebar.
+ * [EN] : Interface for sidebar module.
+ */
 export interface ISidebarModule {
+    /**
+     * [ID] : Nama modul.
+     * [EN] : Module name.
+     */
     name: string;
+    /**
+     * [ID] : Label modul.
+     * [EN] : Module label.
+     */
     label: string;
+    /**
+     * [ID] : Slug modul.
+     * [EN] : Module slug.
+     */
     slug: string;
+    /**
+     * [ID] : Sub-modul.
+     * [EN] : Sub-modules.
+     */
     subs: ISidebarModule[];
+    /**
+     * [ID] : Status ditampilkan.
+     * [EN] : Is shown status.
+     */
     isShow: boolean;
+    /**
+     * [ID] : ID induk.
+     * [EN] : Parent ID.
+     */
     parent: number;
+    /**
+     * [ID] : Ikon modul (opsional).
+     * [EN] : Module icon (optional).
+     */
     icon?: string;
+    /**
+     * [ID] : Ikon SVG (opsional).
+     * [EN] : SVG icon (optional).
+     */
     svgIcon?: React.ReactNode | null;
+    /**
+     * [ID] : Ikon SVG saat aktif (opsional).
+     * [EN] : SVG icon when active (optional).
+     */
     svgIconActive?: React.ReactNode | null;
+    /**
+     * [ID] : Ikon SVG saat hover (opsional).
+     * [EN] : SVG icon when hover (optional).
+     */
+    svgIconHover?: React.ReactNode | null;
+    /**
+     * [ID] : Rute manual (opsional).
+     * [EN] : Manual route (optional).
+     */
     manualRoute?: boolean;
+    /**
+     * [ID] : Fungsi properti link (opsional).
+     * [EN] : Link properties function (optional).
+     * @param value - [ID] : Nilai link. [EN] : Link value.
+     * @param item - [ID] : Item modul. [EN] : Module item.
+     * @returns [ID] : Objek properti. [EN] : Property object.
+     */
     propsLink?: (value: string, item: ISidebarModule) => object;
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
 }
+/**
+ * [ID] : Interface untuk komponen Sidebar.
+ * [EN] : Interface for Sidebar component.
+ * @template T - [ID] : Tipe elemen React. [EN] : React element type.
+ */
 export interface ISidebar<T extends React.ElementType> extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * [ID] : Elemen HTML yang akan dirender (opsional).
+     * [EN] : HTML element to be rendered (optional).
+     */
     as?: T;
+    /**
+     * [ID] : Konten anak sidebar.
+     * [EN] : Sidebar child content.
+     */
     children: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Patch (opsional).
+     * [EN] : Patch (optional).
+     */
     patch?: string;
+    /**
+     * [ID] : Ikon perusahaan.
+     * [EN] : Company icon.
+     */
     iconCompany: React.ReactNode | React.ReactNode[] | ((params: IChildrenIconCompany) => React.ReactNode) | ((params: IChildrenIconCompany) => React.ReactNode[]);
+    /**
+     * [ID] : Ikon sub-menu (opsional).
+     * [EN] : Sub-menu icon (optional).
+     */
     iconSubs?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Ikon collapse (opsional).
+     * [EN] : Collapse icon (optional).
+     */
     iconCollapse?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Ikon collapse tutup (opsional).
+     * [EN] : Collapse close icon (optional).
+     */
     iconCollapseClose?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Varian sidebar (opsional).
+     * [EN] : Sidebar variant (optional).
+     */
     variant?: TVariantSidebarType;
+    /**
+     * [ID] : Daftar modul.
+     * [EN] : Module list.
+     */
     modules: ISidebarModule[];
+    /**
+     * [ID] : Toleransi lebar ikon perusahaan (opsional).
+     * [EN] : Company icon width tolerance (optional).
+     */
     toleranceWidthIconCompany?: number;
+    /**
+     * [ID] : Footer sidebar (opsional).
+     * [EN] : Sidebar footer (optional).
+     */
     footer?: React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
+    /**
+     * [ID] : Handler klik item (opsional).
+     * [EN] : Item click handler (optional).
+     * @param v - [ID] : Modul yang diklik. [EN] : Clicked module.
+     */
     onClickItems?: (v: ISidebarModule) => void;
+    /**
+     * [ID] : Fungsi properti link (opsional).
+     * [EN] : Link properties function (optional).
+     * @param value - [ID] : Nilai link. [EN] : Link value.
+     * @param item - [ID] : Item modul. [EN] : Module item.
+     * @returns [ID] : Objek properti. [EN] : Property object.
+     */
     propsLink?: (value: string, item: ISidebarModule) => object;
+    /**
+     * [ID] : Menggunakan pewarisan (opsional).
+     * [EN] : Use inheritance (optional).
+     */
     withInheritance?: boolean;
+    /**
+     * [ID] : ID elemen (opsional).
+     * [EN] : Element ID (optional).
+     */
+    id?: string;
 }
+/**
+ * [ID] : Interface untuk item sidebar.
+ * [EN] : Interface for sidebar item.
+ * @template T - [ID] : Tipe elemen React. [EN] : React element type.
+ */
 export interface IItemSidebar<T extends React.ElementType> extends ISidebarModule {
+    /**
+     * [ID] : Elemen HTML yang akan dirender (opsional).
+     * [EN] : HTML element to be rendered (optional).
+     */
     as?: T;
+    /**
+     * [ID] : Status tampilan.
+     * [EN] : Show status.
+     */
     show: string;
+    /**
+     * [ID] : Status terbuka.
+     * [EN] : Open status.
+     */
     open: boolean | null;
+    /**
+     * [ID] : Patch (opsional).
+     * [EN] : Patch (optional).
+     */
     patch?: string;
+    /**
+     * [ID] : Ikon sub-menu (opsional).
+     * [EN] : Sub-menu icon (optional).
+     */
     iconSubs?: React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
+    /**
+     * [ID] : Varian sidebar (opsional).
+     * [EN] : Sidebar variant (optional).
+     */
     variant?: TVariantSidebarType;
+    /**
+     * [ID] : Fungsi pengatur tampilan.
+     * [EN] : Show setter function.
+     * @param v - [ID] : Nilai tampilan baru. [EN] : New show value.
+     */
     setShow: (v: string) => void;
+    /**
+     * [ID] : Handler klik item (opsional).
+     * [EN] : Item click handler (optional).
+     * @param v - [ID] : Modul yang diklik. [EN] : Clicked module.
+     */
     onClickItems?: (v: ISidebarModule) => void;
+    /**
+     * [ID] : Fungsi properti link (opsional).
+     * [EN] : Link properties function (optional).
+     * @param value - [ID] : Nilai link. [EN] : Link value.
+     * @param item - [ID] : Item modul. [EN] : Module item.
+     * @returns [ID] : Objek properti. [EN] : Property object.
+     */
     propsLink?: (value: string, item: ISidebarModule) => object;
+    /**
+     * [ID] : Komponen link (opsional).
+     * [EN] : Link component (optional).
+     */
     linkComponent?: T;
 }
+/**
+ * [ID] : Interface untuk elemen kloning sidebar.
+ * [EN] : Interface for sidebar clone element.
+ */
 export interface ICloneElementSidebar {
+    /**
+     * [ID] : Status sidebar terbuka (opsional).
+     * [EN] : Sidebar open status (optional).
+     */
     openSidebar?: boolean;
+    /**
+     * [ID] : Fungsi pengatur status sidebar terbuka (opsional).
+     * [EN] : Sidebar open status setter function (optional).
+     */
     setOpenSidebar?: React.Dispatch<React.SetStateAction<boolean | null>>;
+    /**
+     * [ID] : Handler klik collapse (opsional).
+     * [EN] : Collapse click handler (optional).
+     */
     handlerClickCollapse?: () => void;
 }
+/**
+ * [ID] : Interface untuk referensi sidebar.
+ * [EN] : Interface for sidebar reference.
+ */
 export interface IRefSidebar {
+    /**
+     * [ID] : Status sidebar terbuka.
+     * [EN] : Sidebar open status.
+     */
     openSidebar: boolean | null;
+    /**
+     * [ID] : Fungsi pengatur status sidebar terbuka.
+     * [EN] : Sidebar open status setter function.
+     */
     setOpenSidebar: React.Dispatch<React.SetStateAction<boolean | null>>;
+    /**
+     * [ID] : Handler klik collapse.
+     * [EN] : Collapse click handler.
+     */
     handlerClickCollapse: () => void;
 }
+/**
+ * [ID] : Interface untuk anak ikon perusahaan.
+ * [EN] : Interface for company icon children.
+ */
 export interface IChildrenIconCompany {
+    /**
+     * [ID] : Status sidebar terbuka.
+     * [EN] : Sidebar open status.
+     */
     openSidebar: boolean | null;
+    /**
+     * [ID] : Fungsi pengatur status sidebar terbuka.
+     * [EN] : Sidebar open status setter function.
+     */
     setOpenSidebar: React.Dispatch<React.SetStateAction<boolean | null>>;
 }