@esic-lab/data-core-ui 0.0.36 → 0.0.38

package/dist/index.d.mts

@@ -0,0 +1,529 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react, { ReactNode } from 'react';
+import * as antd_es_table_interface from 'antd/es/table/interface';
+import { ColumnsType, TableProps } from 'antd/es/table';
+import { EventSourceInput } from '@fullcalendar/core';
+import { InputNumberProps, SelectProps } from 'antd';
+import { Color } from 'antd/es/color-picker';
+import { MessageInstance } from 'antd/es/message/interface';
+import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
+
+type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
+type ThemeColor = `bg-${BaseColor}-${ColorScale}`;
+interface PrimaryButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    bgColor?: ThemeColor;
+    textColor?: "white" | "black";
+    disabled?: boolean;
+}
+declare function PrimaryButton({ title, onClick, iconLeft, iconRight, bgColor, textColor, disabled, }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SecondaryButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    disabled?: boolean;
+}
+declare function SecondaryButton({ title, onClick, iconLeft, iconRight, disabled }: SecondaryButtonProps): react_jsx_runtime.JSX.Element;
+
+interface GhostButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    disabled?: boolean;
+}
+declare function GhostButton({ title, onClick, iconLeft, iconRight, disabled }: GhostButtonProps): react_jsx_runtime.JSX.Element;
+
+interface Title {
+    path: string;
+    name: string;
+}
+interface ParamTabSelection {
+    title: Title[];
+    now: string;
+    onClickGoto: (path: string) => void;
+}
+declare const TabSelectionButton: ({ title, now, onClickGoto }: ParamTabSelection) => react_jsx_runtime.JSX.Element;
+
+interface LoaderProps {
+    size?: number;
+    color?: string;
+}
+declare function Loader({ size, color }: LoaderProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+}
+declare function Checkbox({ label, checked, onChange, disabled }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxOption {
+    checked: boolean;
+    label: string;
+    disabled?: boolean;
+}
+interface CheckboxGroupProps {
+    options: CheckboxOption[];
+    onChange: (label: string) => void;
+    alignment?: "horizontal" | "vertical";
+}
+declare function CheckboxGroup({ options, onChange, alignment }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+
+interface RadioProps {
+    selected: boolean;
+    onChange: (selected: boolean) => void;
+    disabled?: boolean;
+}
+declare function Radio({ selected, onChange, disabled }: RadioProps): react_jsx_runtime.JSX.Element;
+
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+    alignment?: "vertical" | "horizontal";
+}
+declare function RadioGroup({ options, value, onChange, alignment }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+}
+declare function Switch({ label, checked, onChange, disabled }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+interface SwitchSelectProp {
+    option: {
+        value: string;
+        label: string;
+    }[];
+    value: string | number;
+    label: string;
+    color?: string;
+    required?: boolean;
+    onClick: (active: string) => void;
+}
+declare function SwitchSelect({ option, onClick, value, label, required, color, }: SwitchSelectProp): react_jsx_runtime.JSX.Element;
+
+interface Menu {
+    title: string;
+    subMenus: {
+        title: string;
+        icon?: React.ReactNode | React.ReactElement;
+        iconActive?: React.ReactNode | React.ReactElement;
+        path: string;
+        customNode?: React.ReactNode | React.ReactElement;
+    }[];
+}
+interface MenuNavBarProps {
+    menus: Menu[];
+    onClick: (path: string) => void;
+}
+declare function MenuNavBar({ menus, onClick }: MenuNavBarProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarProps {
+    children: React.ReactNode;
+    logo?: string;
+}
+interface Sidebar {
+    icon: React.ReactNode;
+    iconHover?: React.ReactNode;
+    text: string;
+    disabled?: boolean;
+}
+declare function Sidebar({ children, logo }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TopNavBarProps {
+    onClickNoti: () => void;
+    logo?: React.ReactNode;
+}
+declare function TopNavBar({ onClickNoti, logo }: TopNavBarProps): react_jsx_runtime.JSX.Element;
+
+interface Column<T> {
+    header: string;
+    accessor: keyof T | ((row: T) => react.ReactNode);
+    sortable?: boolean;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    data: T[];
+    onSort: () => void;
+    isLoading?: boolean;
+}
+declare function DataTable<T>({ columns, data, onSort, isLoading }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface AntDataTableProps<T> {
+    dataSource: T[];
+    columns: ColumnsType<T>;
+    pageSize?: number;
+    rowCheckbox?: boolean;
+    onRowSelect?: (newSelectedRowKeys: React.Key[]) => void;
+    onFilter: (filters: Record<string, antd_es_table_interface.FilterValue | null>) => void;
+    onChange?: TableProps<T>["onChange"];
+    width?: number;
+    height?: number;
+    pagination?: boolean;
+}
+declare function AntDataTable<T extends {
+    key: React.Key;
+}>({ dataSource, columns, pageSize, rowCheckbox, onRowSelect, onFilter, onChange, width, height, pagination, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface CalendarProps {
+    events: EventSourceInput | undefined;
+}
+declare function Calendar({ events }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputProps {
+    label?: string;
+    placeholder?: string;
+    type?: "text" | "password";
+    maxLength?: number;
+    required?: boolean;
+    error?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function TextInput({ label, placeholder, type, maxLength, required, error, value, onChange, disabled, }: TextInputProps): react_jsx_runtime.JSX.Element;
+
+interface TextAreaProps {
+    label?: string;
+    height?: number;
+    placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+    maxLength?: number;
+    resizable?: boolean;
+    showCount?: boolean;
+    required?: boolean;
+    error?: string;
+    disabled?: boolean;
+}
+declare function TextAreaInput({ label, height, placeholder, onChange, value, maxLength, resizable, showCount, required, error, disabled, }: TextAreaProps): react_jsx_runtime.JSX.Element;
+
+interface InputFieldProps {
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    defaultValue?: string;
+    className?: string;
+    onClear?: () => void;
+    statickey?: string;
+}
+declare function InputField({ value, onChange, placeholder, label, required, disabled, error, addonBefore, addonAfter, defaultValue, className, onClear, statickey, }: InputFieldProps): react_jsx_runtime.JSX.Element;
+
+interface InputFieldNumberProps {
+    value: number | string | null;
+    onChange: (value: number | string | null) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    defaultValue?: number;
+    className?: string;
+    max?: number;
+    min?: number;
+    controls?: boolean | {
+        upIcon?: React.ReactNode;
+        downIcon?: React.ReactNode;
+    };
+    size?: "large" | "middle" | "small";
+    changeOnWheel?: boolean;
+    formatter?: InputNumberProps["formatter"];
+    parser?: InputNumberProps["parser"];
+}
+declare function InputFieldNumber({ value, onChange, placeholder, label, required, disabled, error, addonBefore, addonAfter, defaultValue, className, max, min, controls, size, changeOnWheel, formatter, parser, }: InputFieldNumberProps): react_jsx_runtime.JSX.Element;
+
+interface DatePickerBasicProps {
+    value: Date | null;
+    onChange: (day: Date | null) => void;
+    required?: boolean;
+    label?: string;
+    error?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultValue?: Date | null;
+    mode?: "time" | "date" | "month";
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDate?: (currentDate: Date) => boolean;
+    className?: string;
+    size?: "small" | "middle" | "large";
+}
+declare function DatePickerBasic({ value, onChange, required, label, error, placeholder, disabled, defaultValue, minDate, maxDate, disabledDate, className, size, }: DatePickerBasicProps): react_jsx_runtime.JSX.Element;
+
+interface ColorPickerProps {
+    value: string | null;
+    onChange?: (color: Color, hex: string) => void;
+    required?: boolean;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultFormat?: "hex" | "rgb" | "hsb";
+    className?: string;
+    placeholder?: string;
+}
+declare function ColorPickerBasic({ value, onChange, required, label, error, disabled, allowClear, defaultFormat, className, placeholder, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
+interface ColorPalettePickerBasicProps {
+    value: string | null;
+    onChange?: (color: Color, hex: string) => void;
+    required?: boolean;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultFormat?: "hex" | "rgb" | "hsb";
+    className?: string;
+    placeholder?: string;
+    onClear?: () => void;
+}
+declare function ColorPalettePickerBasic({ value, onChange, required, label, error, disabled, allowClear, defaultFormat, className, placeholder, onClear, }: ColorPalettePickerBasicProps): react_jsx_runtime.JSX.Element;
+
+interface SelectFieldProps$1 {
+    value?: SelectProps["value"];
+    onChange: (value: SelectProps["value"]) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    error?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    options?: {
+        label: ReactNode;
+        value: string | number | null;
+        disabled?: boolean;
+    }[];
+    mode?: "multiple" | "tags";
+    handleSearch?: (value: string) => void;
+    prefix?: ReactNode;
+    prefixSize?: number;
+    className?: string;
+    onClear?: () => void;
+}
+declare function SelectField({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, onClear, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
+
+interface SelectFieldProps {
+    value?: SelectProps["value"];
+    onChange: (value: SelectProps["value"]) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    error?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    options?: {
+        label: ReactNode;
+        options: {
+            label: ReactNode;
+            value: string | number;
+            disabled?: boolean;
+        }[];
+    }[];
+    mode?: "multiple" | "tags";
+    handleSearch?: (value: string) => void;
+    prefix?: ReactNode;
+    prefixSize?: number;
+    className?: string;
+}
+declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
+
+interface SelectFieldStatusProps {
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    options?: {
+        label: ReactNode;
+        value: string | number | null;
+        disabled?: boolean;
+    }[];
+    className?: string;
+}
+declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
+
+interface SelectFieldStatusReportProps {
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+    options?: {
+        label: ReactNode;
+        value: string | number | null;
+        disabled?: boolean;
+    }[];
+}
+declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
+
+interface SelectFieldTagProps {
+    label?: string | null;
+    required?: boolean;
+    placeholder?: string;
+    options?: {
+        label: ReactNode;
+        value: string | number | null;
+        disabled?: boolean;
+    }[];
+    error?: string;
+    value?: string[];
+    onChange?: (val: string[]) => void;
+    className?: string;
+    onClear?: () => void;
+}
+declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
+
+interface OptionItem {
+    value: string;
+    label: string;
+}
+interface SelectCustomProps {
+    label?: string;
+    placeholder?: string;
+    options: OptionItem[];
+    required?: boolean;
+    onChange?: (valueList: string[]) => void;
+    error?: string;
+    onClear?: () => void;
+}
+declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
+
+interface SortFilterProps {
+    showYear?: boolean;
+    showQuarter?: boolean;
+    showMonth?: boolean;
+    onSortClick?: () => void;
+    onFilterClick?: () => void;
+}
+declare function SortFilter({ showYear, showQuarter, showMonth, onSortClick, onFilterClick, }: SortFilterProps): react_jsx_runtime.JSX.Element;
+
+interface FileUploaderProps {
+    onUpload: (file: File) => Promise<void>;
+    onRemove?: (index: number) => Promise<void>;
+    onError?: (message: string) => void;
+    accept?: string[];
+    maxSize?: number;
+    disabled?: boolean;
+    mode: "upload" | "drop";
+    description?: string;
+    label?: string;
+}
+declare function FileUploader({ onUpload, onError, onRemove, accept, maxSize, disabled, mode, description, label, }: FileUploaderProps): react_jsx_runtime.JSX.Element;
+
+declare function setMessageApi(api: MessageInstance): void;
+declare function messageSuccess(content: string): void;
+declare function messageError(content: string): void;
+declare function messageWarning(content: string): void;
+declare function messageInfo(content: string): void;
+declare function messageLoading(content: string, duration?: number): void;
+
+interface BreadcrumbsProps {
+    items: ItemType[];
+    separator: ReactNode;
+    itemRender?: (route: any, params: any, routes: any[], paths: string[]) => ReactNode;
+    classname?: string;
+    params?: object;
+}
+declare function Breadcrumbs({ items, separator, itemRender, classname, params, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+interface HeadingPageProps {
+    Heading: string;
+}
+declare function HeadingPage({ Heading }: HeadingPageProps): react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps {
+    percent: number | undefined;
+    size?: number | [number | string, number] | {
+        width: number;
+        height: number;
+    } | "small" | "default";
+    checkpoints?: number[] | undefined;
+    showInfo?: boolean;
+    trailColor?: string;
+    type: "line" | "circle" | "dashboard";
+    strokeLinecap?: "round" | "butt" | "square";
+    strokeWidth?: number;
+    steps?: number;
+    isCheckPoints?: boolean;
+}
+declare function ProgressBar({ percent, size, checkpoints, showInfo, trailColor, type, strokeLinecap, strokeWidth, steps, isCheckPoints, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+interface KpiNumberItem {
+    id: string;
+    name: string;
+    value: string;
+    unit: string;
+    isEditing?: boolean;
+}
+
+interface KpiSectionProps {
+    type: "number" | "text";
+    onChangeKpiList?: (data: KpiNumberItem[]) => void;
+}
+declare function KpiSection({ type, onChangeKpiList }: KpiSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    children: ReactNode;
+    isOpen: boolean;
+    width?: string | number;
+    onCancel: () => void;
+}
+declare function AntDModal({ children, isOpen, width, onCancel }: ModalProps): react_jsx_runtime.JSX.Element;
+
+interface IndicatorProps {
+    option?: {
+        value: string;
+        label: string;
+    }[];
+    type: "OUTPUT" | "OUTCOME";
+    arrayData: IndicatorArray[];
+    setArrayData: (data: IndicatorArray[]) => void;
+}
+interface IndicatorArray {
+    indicatorType: "OUTPUT" | "OUTCOME";
+    inputType: "TEXT" | "NUMBER";
+    textValue: string;
+    numberValue?: string;
+    unit?: string;
+}
+declare function Indicator({ option, type, arrayData, setArrayData, }: IndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface optionSelect {
+    value: string;
+    label: string;
+}
+declare const FilterPopUp: (filter: {
+    selectionFilter: optionSelect[];
+    handleSearch: (listFiler: string[]) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, FileUploader, FilterPopUp, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, SwitchSelect, TabSelectionButton, TextAreaInput, TextInput, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };

package/dist/index.d.ts

@@ -274,50 +274,6 @@ interface DatePickerBasicProps {
 }
 declare function DatePickerBasic({ value, onChange, required, label, error, placeholder, disabled, defaultValue, minDate, maxDate, disabledDate, className, size, }: DatePickerBasicProps): react_jsx_runtime.JSX.Element;
 
-interface DatePickerRangePickerProps {
-    value: [Date | null, Date | null] | null;
-    onChange: (val: [Date | null, Date | null] | null) => void;
-    placeholder?: [string, string];
-    label?: string;
-    required?: boolean;
-    error?: string;
-    disabled?: boolean;
-    defaultValue?: [Date, Date] | null;
-    mode?: "time" | "date" | "month";
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    disabledDate?: (currentDate: Date) => boolean;
-    size?: "small" | "middle" | "large";
-    className?: string;
-    onOpenChange?: (open: boolean) => void;
-    onCalendarChange?: (dates: [Date | null, Date | null], dateStrings: [string, string], info: any) => void;
-}
-declare function DatePickerRangePicker({ value, onChange, placeholder, label, required, error, disabled, minDate, maxDate, disabledDate, size, className, onOpenChange, onCalendarChange, }: DatePickerRangePickerProps): react_jsx_runtime.JSX.Element;
-
-interface TimePickerBasicProps {
-    value: Date | null;
-    onChange: (time: Date | null) => void;
-    required?: boolean;
-    label?: string;
-    error?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
-}
-declare function TimePickerBasic({ value, onChange, required, label, error, placeholder, disabled, className, }: TimePickerBasicProps): react_jsx_runtime.JSX.Element;
-
-interface TimePickerRangePickerProps {
-    value: [Date | null, Date | null] | null;
-    onChange: (val: [Date | null, Date | null] | null) => void;
-    placeholder?: [string, string];
-    label?: string;
-    required?: boolean;
-    error?: string;
-    disabled?: boolean;
-    className?: string;
-}
-declare function TimePickerRangePicker({ value, onChange, placeholder, label, required, error, disabled, className, }: TimePickerRangePickerProps): react_jsx_runtime.JSX.Element;
-
 interface ColorPickerProps {
     value: string | null;
     onChange?: (color: Color, hex: string) => void;
@@ -570,4 +526,4 @@ declare const FilterPopUp: (filter: {
     handleSearch: (listFiler: string[]) => void;
 }) => react_jsx_runtime.JSX.Element;
 
-export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRangePicker, FileUploader, FilterPopUp, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, SwitchSelect, TabSelectionButton, TextAreaInput, TextInput, TimePickerBasic, TimePickerRangePicker, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };
+export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, FileUploader, FilterPopUp, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, SwitchSelect, TabSelectionButton, TextAreaInput, TextInput, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };