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

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

@@ -1,68 +1,285 @@
 import { ChartArea, ChartData, ChartDataset, ChartOptions, CoreScaleOptions, Scale, TooltipItem } from 'chart.js';
 import { default as React } from 'react';
+
+/**
+ * [ID] : Opsi untuk grafik donat.
+ * [EN] : Options for doughnut chart.
+ */
 export type TOptionsDoughnutChart = ChartOptions<'doughnut'>;
+/**
+ * [ID] : Interface untuk data grafik donat.
+ * [EN] : Interface for doughnut chart data.
+ */
 export interface IDataDoughnutChart {
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
     [key: string]: unknown;
+    /**
+     * [ID] : Nilai data.
+     * [EN] : Data value.
+     */
     value: string | number;
+    /**
+     * [ID] : Judul data.
+     * [EN] : Data title.
+     */
     title: string;
+    /**
+     * [ID] : Nilai asli (opsional).
+     * [EN] : Original value (optional).
+     */
     originalValue?: string | number;
+    /**
+     * [ID] : Warna latar belakang (opsional).
+     * [EN] : Background color (optional).
+     */
     backgroundColor?: string;
 }
+/**
+ * [ID] : Interface untuk label dalam grafik donat.
+ * [EN] : Interface for inner label of doughnut chart.
+ */
 export interface IDataInnerLabelDoughnutChart {
+    /**
+     * [ID] : ID label.
+     * [EN] : Label ID.
+     */
     id: string;
+    /**
+     * [ID] : Teks label.
+     * [EN] : Label text.
+     */
     text: string;
+    /**
+     * [ID] : Konfigurasi font (opsional).
+     * [EN] : Font configuration (optional).
+     */
     font?: {
+        /**
+         * [ID] : Ukuran font.
+         * [EN] : Font size.
+         */
         size: number;
+        /**
+         * [ID] : Tinggi baris.
+         * [EN] : Line height.
+         */
         lineHeight: number;
     };
+    /**
+     * [ID] : Persentase (opsional).
+     * [EN] : Percentage (optional).
+     */
     percentage?: string;
+    /**
+     * [ID] : Warna teks (opsional).
+     * [EN] : Text color (optional).
+     */
     color?: string;
+    /**
+     * [ID] : URL ikon deskripsi (opsional).
+     * [EN] : Description icon URL (optional).
+     */
     urlIconDesc?: string;
 }
+/**
+ * [ID] : Interface untuk komponen grafik donat.
+ * [EN] : Interface for doughnut chart component.
+ */
 export interface IDoughnutChart {
+    /**
+     * [ID] : Data grafik.
+     * [EN] : Chart data.
+     */
     data: IDataDoughnutChart[];
+    /**
+     * [ID] : Lebar donat bagian dalam.
+     * [EN] : Inner doughnut width.
+     */
     widthInnerDoughnut: number;
+    /**
+     * [ID] : Label bagian dalam.
+     * [EN] : Inner labels.
+     */
     innerLabels: IDataInnerLabelDoughnutChart[];
+    /**
+     * [ID] : Status terbuka (opsional).
+     * [EN] : Open status (optional).
+     */
     open?: boolean;
+    /**
+     * [ID] : Label-label grafik (opsional).
+     * [EN] : Chart labels (optional).
+     */
     labels?: string[];
+    /**
+     * [ID] : Warna latar belakang (opsional).
+     * [EN] : Background colors (optional).
+     */
     backgroundColor?: string[];
+    /**
+     * [ID] : Opsi grafik (opsional).
+     * [EN] : Chart options (optional).
+     */
     options?: TOptionsDoughnutChart;
+    /**
+     * [ID] : Menggambar ulang grafik (opsional).
+     * [EN] : Redraw chart (optional).
+     */
     redraw?: boolean;
+    /**
+     * [ID] : Kunci untuk label (opsional).
+     * [EN] : Key for label (optional).
+     */
     keyLabel?: string;
+    /**
+     * [ID] : Kunci untuk nilai (opsional).
+     * [EN] : Key for value (optional).
+     */
     keyValue?: string;
+    /**
+     * [ID] : Kunci untuk menghapus data saat terbuka (opsional).
+     * [EN] : Key to remove data when open (optional).
+     */
     keyRemoveDataOpen?: string;
+    /**
+     * [ID] : Kunci untuk latar belakang (opsional).
+     * [EN] : Key for background (optional).
+     */
     keyBackground?: string;
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string;
 }
+/**
+ * [ID] : Interface untuk data grafik garis.
+ * [EN] : Interface for line chart data.
+ */
 export interface IDataLineChart {
+    /**
+     * [ID] : Menandakan data saat ini.
+     * [EN] : Indicates current data.
+     */
     isCurrent: boolean;
+    /**
+     * [ID] : Menandakan data terakhir.
+     * [EN] : Indicates last data.
+     */
     isLast: boolean;
+    /**
+     * [ID] : Label data.
+     * [EN] : Data label.
+     */
     label: string;
+    /**
+     * [ID] : Nilai data (bisa null).
+     * [EN] : Data value (can be null).
+     */
     value: number | null;
+    /**
+     * [ID] : Tahun data.
+     * [EN] : Data year.
+     */
     year: number;
 }
+/**
+ * [ID] : Interface untuk komponen grafik garis.
+ * [EN] : Interface for line chart component.
+ */
 export interface ILineChart {
+    /**
+     * [ID] : Data grafik.
+     * [EN] : Chart data.
+     */
     data: IDataLineChart[];
+    /**
+     * [ID] : Nama kelas CSS (opsional).
+     * [EN] : CSS class name (optional).
+     */
     className?: string;
+    /**
+     * [ID] : Tinggi grafik (opsional).
+     * [EN] : Chart height (optional).
+     */
     height?: number;
 }
 type TGradientLineChartScales = Record<string, Scale<CoreScaleOptions>>;
 type TGradientLineChartGradientFor = 'background' | 'border';
+/**
+ * [ID] : Parameter untuk mengatur gradien grafik garis.
+ * [EN] : Parameters to set gradient line chart.
+ */
 export interface TSetGradientLineParams {
+    /**
+     * [ID] : Konteks rendering canvas.
+     * [EN] : Canvas rendering context.
+     */
     ctx: CanvasRenderingContext2D;
+    /**
+     * [ID] : Area grafik.
+     * [EN] : Chart area.
+     */
     chartArea: ChartArea;
+    /**
+     * [ID] : Skala grafik.
+     * [EN] : Chart scales.
+     */
     scales: TGradientLineChartScales;
+    /**
+     * [ID] : Tinggi grafik.
+     * [EN] : Chart height.
+     */
     chartHeight: number;
+    /**
+     * [ID] : Target gradien (background atau border).
+     * [EN] : Gradient target (background or border).
+     */
     gradientFor: TGradientLineChartGradientFor;
+    /**
+     * [ID] : Dataset item.
+     * [EN] : Dataset item.
+     */
     item: IGradientLineChartDataSet;
 }
+/**
+ * [ID] : Parameter untuk mendapatkan gradien grafik garis.
+ * [EN] : Parameters to get gradient line chart.
+ */
 export interface TGetGradientLineParams {
+    /**
+     * [ID] : Konteks rendering canvas.
+     * [EN] : Canvas rendering context.
+     */
     ctx: CanvasRenderingContext2D;
+    /**
+     * [ID] : Area grafik.
+     * [EN] : Chart area.
+     */
     chartArea: ChartArea;
+    /**
+     * [ID] : Skala grafik.
+     * [EN] : Chart scales.
+     */
     scales: TGradientLineChartScales;
+    /**
+     * [ID] : Target gradien.
+     * [EN] : Gradient target.
+     */
     gradientFor: TGradientLineChartGradientFor;
+    /**
+     * [ID] : Dataset item.
+     * [EN] : Dataset item.
+     */
     item: IGradientLineChartDataSet;
 }
+/**
+ * [ID] : Tipe komponen tooltip kustom untuk grafik garis gradien.
+ * [EN] : Custom tooltip component type for gradient line chart.
+ */
 export type TGradientLineChartCustomTooltip = React.ComponentType<{
     label: string;
     dataset: string;
@@ -70,49 +287,193 @@ export type TGradientLineChartCustomTooltip = React.ComponentType<{
     style: React.CSSProperties;
     dataPoints: TooltipItem<'line'>[];
 }>;
+/**
+ * [ID] : Interface untuk dataset grafik garis gradien.
+ * [EN] : Interface for gradient line chart dataset.
+ */
 export interface IGradientLineChartDataSet extends ChartDataset<'line'> {
+    /**
+     * [ID] : Warna background positif nol (opsional).
+     * [EN] : Positive zero background color (optional).
+     */
     colorBackgroundPositiveZero?: string;
+    /**
+     * [ID] : Warna background persentase positif (opsional).
+     * [EN] : Positive percentage background color (optional).
+     */
     colorBackgroundPositivePercentage?: string;
+    /**
+     * [ID] : Warna background negatif satu (opsional).
+     * [EN] : Negative one background color (optional).
+     */
     colorBackgroundNegativeOne?: string;
+    /**
+     * [ID] : Warna background persentase negatif (opsional).
+     * [EN] : Negative percentage background color (optional).
+     */
     colorBackgroundNegativePercentage?: string;
+    /**
+     * [ID] : Warna border positif (opsional).
+     * [EN] : Positive border color (optional).
+     */
     colorBorderPositive?: string;
+    /**
+     * [ID] : Warna border negatif (opsional).
+     * [EN] : Negative border color (optional).
+     */
     colorBorderNegative?: string;
 }
+/**
+ * [ID] : Interface untuk data grafik garis gradien.
+ * [EN] : Interface for gradient line chart data.
+ */
 export interface IGradientLineChartData extends Omit<ChartData<'line'>, 'datasets'> {
+    /**
+     * [ID] : Kumpulan dataset.
+     * [EN] : Collection of datasets.
+     */
     datasets: IGradientLineChartDataSet[];
 }
+/**
+ * [ID] : Interface untuk komponen grafik garis gradien.
+ * [EN] : Interface for gradient line chart component.
+ */
 export interface IGradientLineChart {
+    /**
+     * [ID] : Data grafik.
+     * [EN] : Chart data.
+     */
     data: IGradientLineChartData;
+    /**
+     * [ID] : Opsi grafik (opsional).
+     * [EN] : Chart options (optional).
+     */
     options?: ChartOptions<'line'>;
+    /**
+     * [ID] : ID grafik.
+     * [EN] : Chart ID.
+     */
     id: string;
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Tinggi grafik (opsional).
+     * [EN] : Chart height (optional).
+     */
     height?: number;
+    /**
+     * [ID] : Tooltip kustom (opsional).
+     * [EN] : Custom tooltip (optional).
+     */
     CustomTooltip?: TGradientLineChartCustomTooltip;
 }
+/**
+ * [ID] : Interface untuk data tooltip kustom grafik garis gradien.
+ * [EN] : Interface for gradient line chart custom tooltip data.
+ */
 export interface IDataGradientLineChartCustomTooltip {
+    /**
+     * [ID] : Gaya CSS.
+     * [EN] : CSS style.
+     */
     style: React.CSSProperties;
+    /**
+     * [ID] : Label tooltip.
+     * [EN] : Tooltip label.
+     */
     label: string;
+    /**
+     * [ID] : Dataset tooltip.
+     * [EN] : Tooltip dataset.
+     */
     dataset: string;
+    /**
+     * [ID] : Nilai tooltip.
+     * [EN] : Tooltip value.
+     */
     value: number;
+    /**
+     * [ID] : Titik data tooltip.
+     * [EN] : Tooltip data points.
+     */
     dataPoints: TooltipItem<'line'>[];
 }
 type TGradientBarChartScales = Record<string, Scale<CoreScaleOptions>>;
 type TGradientBarChartGradientFor = 'background' | 'border';
+/**
+ * [ID] : Parameter untuk mengatur gradien grafik batang.
+ * [EN] : Parameters to set gradient bar chart.
+ */
 export interface TSetGradientBarParams {
+    /**
+     * [ID] : Konteks rendering canvas.
+     * [EN] : Canvas rendering context.
+     */
     ctx: CanvasRenderingContext2D;
+    /**
+     * [ID] : Area grafik.
+     * [EN] : Chart area.
+     */
     chartArea: ChartArea;
+    /**
+     * [ID] : Skala grafik.
+     * [EN] : Chart scales.
+     */
     scales: TGradientBarChartScales;
+    /**
+     * [ID] : Tinggi grafik.
+     * [EN] : Chart height.
+     */
     chartHeight: number;
+    /**
+     * [ID] : Target gradien.
+     * [EN] : Gradient target.
+     */
     gradientFor: TGradientBarChartGradientFor;
+    /**
+     * [ID] : Dataset item.
+     * [EN] : Dataset item.
+     */
     item: IGradientBarChartDataSet;
 }
+/**
+ * [ID] : Parameter untuk mendapatkan gradien grafik batang.
+ * [EN] : Parameters to get gradient bar chart.
+ */
 export interface TGetGradientBarParams {
+    /**
+     * [ID] : Konteks rendering canvas.
+     * [EN] : Canvas rendering context.
+     */
     ctx: CanvasRenderingContext2D;
+    /**
+     * [ID] : Area grafik.
+     * [EN] : Chart area.
+     */
     chartArea: ChartArea;
+    /**
+     * [ID] : Skala grafik.
+     * [EN] : Chart scales.
+     */
     scales: TGradientBarChartScales;
+    /**
+     * [ID] : Target gradien.
+     * [EN] : Gradient target.
+     */
     gradientFor: TGradientBarChartGradientFor;
+    /**
+     * [ID] : Dataset item.
+     * [EN] : Dataset item.
+     */
     item: IGradientBarChartDataSet;
 }
+/**
+ * [ID] : Tipe komponen tooltip kustom untuk grafik batang gradien.
+ * [EN] : Custom tooltip component type for gradient bar chart.
+ */
 export type TGradientBarChartCustomTooltip = React.ComponentType<{
     label: string;
     dataset: string;
@@ -120,33 +481,133 @@ export type TGradientBarChartCustomTooltip = React.ComponentType<{
     style: React.CSSProperties;
     dataPoints: TooltipItem<'bar'>[];
 }>;
+/**
+ * [ID] : Interface untuk dataset grafik batang gradien.
+ * [EN] : Interface for gradient bar chart dataset.
+ */
 export interface IGradientBarChartDataSet extends ChartDataset<'bar'> {
+    /**
+     * [ID] : Warna background positif nol (opsional).
+     * [EN] : Positive zero background color (optional).
+     */
     colorBackgroundPositiveZero?: string;
+    /**
+     * [ID] : Warna background persentase positif (opsional).
+     * [EN] : Positive percentage background color (optional).
+     */
     colorBackgroundPositivePercentage?: string;
+    /**
+     * [ID] : Warna background negatif satu (opsional).
+     * [EN] : Negative one background color (optional).
+     */
     colorBackgroundNegativeOne?: string;
+    /**
+     * [ID] : Warna background persentase negatif (opsional).
+     * [EN] : Negative percentage background color (optional).
+     */
     colorBackgroundNegativePercentage?: string;
+    /**
+     * [ID] : Warna border positif (opsional).
+     * [EN] : Positive border color (optional).
+     */
     colorBorderPositive?: string;
+    /**
+     * [ID] : Warna border negatif (opsional).
+     * [EN] : Negative border color (optional).
+     */
     colorBorderNegative?: string;
+    /**
+     * [ID] : Warna teks label positif (opsional).
+     * [EN] : Positive label text color (optional).
+     */
     colorTextLabelPositive?: string;
+    /**
+     * [ID] : Warna teks label negatif (opsional).
+     * [EN] : Negative label text color (optional).
+     */
     colorTextLabelNegative?: string;
+    /**
+     * [ID] : Mengatur digit (opsional).
+     * [EN] : Set digit (optional).
+     */
     setDigit?: boolean;
 }
+/**
+ * [ID] : Interface untuk data grafik batang gradien.
+ * [EN] : Interface for gradient bar chart data.
+ */
 export interface IGradientBarChartData extends Omit<ChartData<'bar'>, 'datasets'> {
+    /**
+     * [ID] : Kumpulan dataset.
+     * [EN] : Collection of datasets.
+     */
     datasets: IGradientBarChartDataSet[];
 }
+/**
+ * [ID] : Interface untuk komponen grafik batang gradien.
+ * [EN] : Interface for gradient bar chart component.
+ */
 export interface IGradientBarChart {
+    /**
+     * [ID] : Data grafik.
+     * [EN] : Chart data.
+     */
     data: IGradientBarChartData;
+    /**
+     * [ID] : Opsi grafik (opsional).
+     * [EN] : Chart options (optional).
+     */
     options?: ChartOptions<'bar'>;
+    /**
+     * [ID] : ID grafik.
+     * [EN] : Chart ID.
+     */
     id: string;
+    /**
+     * [ID] : Nama kelas CSS kontainer (opsional).
+     * [EN] : Container CSS class name (optional).
+     */
     classNameContainer?: string;
+    /**
+     * [ID] : Tinggi grafik (opsional).
+     * [EN] : Chart height (optional).
+     */
     height?: number;
+    /**
+     * [ID] : Tooltip kustom (opsional).
+     * [EN] : Custom tooltip (optional).
+     */
     CustomTooltip?: TGradientBarChartCustomTooltip;
 }
+/**
+ * [ID] : Interface untuk data tooltip kustom grafik batang gradien.
+ * [EN] : Interface for gradient bar chart custom tooltip data.
+ */
 export interface IDataGradientBarChartCustomTooltip {
+    /**
+     * [ID] : Gaya CSS.
+     * [EN] : CSS style.
+     */
     style: React.CSSProperties;
+    /**
+     * [ID] : Label tooltip.
+     * [EN] : Tooltip label.
+     */
     label: string;
+    /**
+     * [ID] : Dataset tooltip.
+     * [EN] : Tooltip dataset.
+     */
     dataset: string;
+    /**
+     * [ID] : Nilai tooltip.
+     * [EN] : Tooltip value.
+     */
     value: number;
+    /**
+     * [ID] : Titik data tooltip.
+     * [EN] : Tooltip data points.
+     */
     dataPoints: TooltipItem<'bar'>[];
 }
 export {};

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

@@ -1,5 +1,18 @@
 import { default as React } from 'react';
+
+/**
+ * [ID] : Interface untuk komponen CheckboxTable.
+ * [EN] : Interface for CheckboxTable component.
+ */
 export interface ICheckboxTable extends React.HTMLProps<HTMLInputElement> {
+    /**
+     * [ID] : Menentukan status indeterminate (setengah dicentang) (opsional).
+     * [EN] : Determines indeterminate status (half-checked) (optional).
+     */
     indeterminate?: boolean;
+    /**
+     * [ID] : Nama kelas CSS untuk kontainer (opsional).
+     * [EN] : CSS class name for container (optional).
+     */
     classNameContainer?: string;
 }

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

@@ -1,12 +1,50 @@
 import { ReactNode } from 'react';
 import { Itypography } from '../../../config/components/typography';
+import { TFont } from '../../../config/components/font';
+
+/**
+ * [ID] : Interface untuk komponen Chips.
+ * [EN] : Interface for Chips component.
+ */
 export interface IChips extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * [ID] : Konten anak di dalam chips.
+     * [EN] : Child content inside the chips.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Nama kelas CSS tambahan (opsional).
+     * [EN] : Additional CSS class name (optional).
+     */
     className?: string | undefined;
-    fonts?: 'lato' | 'inter';
+    /**
+     * [ID] : Konfigurasi font (opsional).
+     * [EN] : Font configuration (optional).
+     */
+    fonts?: TFont;
+    /**
+     * [ID] : Ukuran chips (opsional).
+     * [EN] : Chips size (optional).
+     */
     size?: 'reguler' | 'small' | 'l' | 's';
+    /**
+     * [ID] : Varian gaya chips (opsional).
+     * [EN] : Chips style variant (optional).
+     */
     variants?: 'filled-laba-blue-10' | 'ghost-laba-grey-02' | 'nude-laba-grey-10' | 'filled-blue-gray-100' | 'filled-gray-300';
+    /**
+     * [ID] : Ikon utama (opsional).
+     * [EN] : Main icon (optional).
+     */
     icon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon hapus (opsional).
+     * [EN] : Remove icon (optional).
+     */
     removeIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Konfigurasi tipografi (opsional).
+     * [EN] : Typography configuration (optional).
+     */
     typography?: Itypography;
 }