@esic-lab/data-core-ui 0.0.28 → 0.0.30

package/dist/index.css

@@ -64,6 +64,7 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-primary-700: #3745af;
     --color-primary-500: #4e61f6;
     --color-primary-400: #7181f8;
     --color-primary-200: #aeb6fb;
@@ -650,6 +651,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-10 {
+    gap: calc(var(--spacing) * 10);
+  }
   .gap-\[8px\] {
     gap: 8px;
   }
@@ -758,6 +762,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
   .border-l-\[10px\] {
     border-left-style: var(--tw-border-style);
     border-left-width: 10px;
@@ -793,6 +801,12 @@
   .border-white {
     border-color: var(--color-white);
   }
+  .border-b-gray-200 {
+    border-bottom-color: var(--color-gray-200);
+  }
+  .border-b-primary-700 {
+    border-bottom-color: var(--color-primary-700);
+  }
   .bg-\[\#E9E9E9\] {
     background-color: #E9E9E9;
   }
@@ -960,6 +974,9 @@
   .text-indigo-800 {
     color: var(--color-indigo-800);
   }
+  .text-primary-700 {
+    color: var(--color-primary-700);
+  }
   .text-red-500 {
     color: var(--color-red-500);
   }

package/dist/index.d.mts

@@ -3,8 +3,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import react, { ReactNode } from 'react';
 import { ColumnsType } from 'antd/es/table';
 import { EventSourceInput } from '@fullcalendar/core';
+import { InputNumberProps, SelectProps } from 'antd';
 import { Color } from 'antd/es/color-picker';
-import { SelectProps } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
 
@@ -40,6 +40,17 @@ interface GhostButtonProps {
 }
 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;
@@ -149,10 +160,11 @@ interface AntDataTableProps<T> {
     onRowSelect?: (newSelectedRowKeys: React.Key[]) => void;
     width?: number;
     height?: number;
+    pagination?: boolean;
 }
 declare function AntDataTable<T extends {
     key: React.Key;
-}>({ dataSource, columns, pageSize, rowCheckbox, onRowSelect, width, height, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
+}>({ dataSource, columns, pageSize, rowCheckbox, onRowSelect, width, height, pagination, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CalendarProps {
     events: EventSourceInput | undefined;
@@ -172,6 +184,21 @@ interface TextInputProps {
 }
 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;
@@ -189,35 +216,30 @@ interface InputFieldProps {
 }
 declare function InputField({ value, onChange, placeholder, title, required, bottomText, disabled, error, addonBefore, addonAfter, defaultValue, className, onClear, }: InputFieldProps): react_jsx_runtime.JSX.Element;
 
-interface TextAreaProps {
-    label?: string;
-    height?: number;
+interface InputFieldNumberProps {
+    value: number | string | null;
+    onChange: (value: number | string | null) => void;
     placeholder?: string;
-    value: string;
-    onChange: (value: string) => void;
-    maxLength?: number;
-    resizable?: boolean;
-    showCount?: boolean;
+    title?: string;
     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 ColorPickerProps {
-    value: string | null;
-    onChange?: (color: Color, hex: string) => void;
-    required?: boolean;
-    title?: string;
-    bottomText?: string;
     error?: string;
-    disabled?: boolean;
-    allowClear?: boolean;
-    defaultFormat?: "hex" | "rgb" | "hsb";
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    defaultValue?: number;
     className?: string;
-    placeholder?: string;
-}
-declare function ColorPickerBasic({ value, onChange, required, title, bottomText, error, disabled, allowClear, defaultFormat, className, placeholder, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+    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, title, required, disabled, error, addonBefore, addonAfter, defaultValue, className, max, min, controls, size, changeOnWheel, formatter, parser, }: InputFieldNumberProps): react_jsx_runtime.JSX.Element;
 
 declare function dayjs (date?: dayjs.ConfigType): dayjs.Dayjs
 
@@ -715,6 +737,21 @@ interface TimePickerRangePickerProps {
 }
 declare function TimePickerRangePicker({ value, onChange, placeholder, title, required, bottomText, error, disabled, className, }: TimePickerRangePickerProps): react_jsx_runtime.JSX.Element;
 
+interface ColorPickerProps {
+    value: string | null;
+    onChange?: (color: Color, hex: string) => void;
+    required?: boolean;
+    title?: string;
+    bottomText?: string;
+    error?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultFormat?: "hex" | "rgb" | "hsb";
+    className?: string;
+    placeholder?: string;
+}
+declare function ColorPickerBasic({ value, onChange, required, title, bottomText, error, disabled, allowClear, defaultFormat, className, placeholder, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
 interface ColorPalettePickerBasicProps {
     value: string | null;
     onChange?: (color: Color, hex: string) => void;
@@ -909,7 +946,7 @@ interface ProgressBarProps {
     steps?: number;
     isCheckPoints?: boolean;
 }
-declare function ProgressBar({ percent, size, checkpoints, showInfo, trailColor, type, strokeLinecap, strokeWidth, steps, isCheckPoints }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+declare function ProgressBar({ percent, size, checkpoints, showInfo, trailColor, type, strokeLinecap, strokeWidth, steps, isCheckPoints, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
 interface KpiNumberItem {
     id: string;
@@ -925,4 +962,12 @@ interface KpiSectionProps {
 }
 declare function KpiSection({ type, onChangeKpiList }: KpiSectionProps): react_jsx_runtime.JSX.Element;
 
-export { AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRangePicker, FileUploader, GhostButton, HeadingPage, InputField, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, TextAreaInput, TextInput, TimePickerBasic, TimePickerRangePicker, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };
+interface ModalProps {
+    children: ReactNode;
+    isOpen: boolean;
+    width?: string | number;
+    onCancel: () => void;
+}
+declare function AntDModal({ children, isOpen, width, onCancel }: ModalProps): react_jsx_runtime.JSX.Element;
+
+export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRangePicker, FileUploader, GhostButton, HeadingPage, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, TabSelectionButton, TextAreaInput, TextInput, TimePickerBasic, TimePickerRangePicker, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };

package/dist/index.d.ts

@@ -3,8 +3,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import react, { ReactNode } from 'react';
 import { ColumnsType } from 'antd/es/table';
 import { EventSourceInput } from '@fullcalendar/core';
+import { InputNumberProps, SelectProps } from 'antd';
 import { Color } from 'antd/es/color-picker';
-import { SelectProps } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
 
@@ -40,6 +40,17 @@ interface GhostButtonProps {
 }
 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;
@@ -149,10 +160,11 @@ interface AntDataTableProps<T> {
     onRowSelect?: (newSelectedRowKeys: React.Key[]) => void;
     width?: number;
     height?: number;
+    pagination?: boolean;
 }
 declare function AntDataTable<T extends {
     key: React.Key;
-}>({ dataSource, columns, pageSize, rowCheckbox, onRowSelect, width, height, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
+}>({ dataSource, columns, pageSize, rowCheckbox, onRowSelect, width, height, pagination, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CalendarProps {
     events: EventSourceInput | undefined;
@@ -172,6 +184,21 @@ interface TextInputProps {
 }
 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;
@@ -189,35 +216,30 @@ interface InputFieldProps {
 }
 declare function InputField({ value, onChange, placeholder, title, required, bottomText, disabled, error, addonBefore, addonAfter, defaultValue, className, onClear, }: InputFieldProps): react_jsx_runtime.JSX.Element;
 
-interface TextAreaProps {
-    label?: string;
-    height?: number;
+interface InputFieldNumberProps {
+    value: number | string | null;
+    onChange: (value: number | string | null) => void;
     placeholder?: string;
-    value: string;
-    onChange: (value: string) => void;
-    maxLength?: number;
-    resizable?: boolean;
-    showCount?: boolean;
+    title?: string;
     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 ColorPickerProps {
-    value: string | null;
-    onChange?: (color: Color, hex: string) => void;
-    required?: boolean;
-    title?: string;
-    bottomText?: string;
     error?: string;
-    disabled?: boolean;
-    allowClear?: boolean;
-    defaultFormat?: "hex" | "rgb" | "hsb";
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    defaultValue?: number;
     className?: string;
-    placeholder?: string;
-}
-declare function ColorPickerBasic({ value, onChange, required, title, bottomText, error, disabled, allowClear, defaultFormat, className, placeholder, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+    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, title, required, disabled, error, addonBefore, addonAfter, defaultValue, className, max, min, controls, size, changeOnWheel, formatter, parser, }: InputFieldNumberProps): react_jsx_runtime.JSX.Element;
 
 declare function dayjs (date?: dayjs.ConfigType): dayjs.Dayjs
 
@@ -715,6 +737,21 @@ interface TimePickerRangePickerProps {
 }
 declare function TimePickerRangePicker({ value, onChange, placeholder, title, required, bottomText, error, disabled, className, }: TimePickerRangePickerProps): react_jsx_runtime.JSX.Element;
 
+interface ColorPickerProps {
+    value: string | null;
+    onChange?: (color: Color, hex: string) => void;
+    required?: boolean;
+    title?: string;
+    bottomText?: string;
+    error?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultFormat?: "hex" | "rgb" | "hsb";
+    className?: string;
+    placeholder?: string;
+}
+declare function ColorPickerBasic({ value, onChange, required, title, bottomText, error, disabled, allowClear, defaultFormat, className, placeholder, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
 interface ColorPalettePickerBasicProps {
     value: string | null;
     onChange?: (color: Color, hex: string) => void;
@@ -909,7 +946,7 @@ interface ProgressBarProps {
     steps?: number;
     isCheckPoints?: boolean;
 }
-declare function ProgressBar({ percent, size, checkpoints, showInfo, trailColor, type, strokeLinecap, strokeWidth, steps, isCheckPoints }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+declare function ProgressBar({ percent, size, checkpoints, showInfo, trailColor, type, strokeLinecap, strokeWidth, steps, isCheckPoints, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
 interface KpiNumberItem {
     id: string;
@@ -925,4 +962,12 @@ interface KpiSectionProps {
 }
 declare function KpiSection({ type, onChangeKpiList }: KpiSectionProps): react_jsx_runtime.JSX.Element;
 
-export { AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRangePicker, FileUploader, GhostButton, HeadingPage, InputField, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, TextAreaInput, TextInput, TimePickerBasic, TimePickerRangePicker, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };
+interface ModalProps {
+    children: ReactNode;
+    isOpen: boolean;
+    width?: string | number;
+    onCancel: () => void;
+}
+declare function AntDModal({ children, isOpen, width, onCancel }: ModalProps): react_jsx_runtime.JSX.Element;
+
+export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRangePicker, FileUploader, GhostButton, HeadingPage, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PrimaryButton, ProgressBar, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, TabSelectionButton, TextAreaInput, TextInput, TimePickerBasic, TimePickerRangePicker, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };