@esic-lab/data-core-ui 0.0.29 → 0.0.31

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference path="../node_modules/dayjs/locale/index.d.ts" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import react, { ReactNode } from 'react';
-import { ColumnsType } from 'antd/es/table';
+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 { 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;
@@ -94,6 +105,19 @@ interface SwitchProps {
 }
 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: {
@@ -147,13 +171,15 @@ interface AntDataTableProps<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, width, height, pagination, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
+}>({ dataSource, columns, pageSize, rowCheckbox, onRowSelect, onFilter, onChange, width, height, pagination, }: AntDataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CalendarProps {
     events: EventSourceInput | undefined;
@@ -173,23 +199,6 @@ interface TextInputProps {
 }
 declare function TextInput({ label, placeholder, type, maxLength, required, error, value, onChange, disabled, }: TextInputProps): react_jsx_runtime.JSX.Element;
 
-interface InputFieldProps {
-    value: string | undefined;
-    onChange: (value: string | undefined) => void;
-    placeholder?: string;
-    title?: string;
-    required?: boolean;
-    bottomText?: string;
-    disabled?: boolean;
-    error?: string;
-    addonBefore?: ReactNode;
-    addonAfter?: ReactNode;
-    defaultValue?: string;
-    className?: string;
-    onClear?: () => void;
-}
-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;
@@ -205,523 +214,129 @@ interface TextAreaProps {
 }
 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;
+interface InputFieldProps {
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    placeholder?: string;
+    label?: string;
     required?: boolean;
-    title?: string;
-    bottomText?: string;
-    error?: string;
     disabled?: boolean;
-    allowClear?: boolean;
-    defaultFormat?: "hex" | "rgb" | "hsb";
+    error?: string;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    defaultValue?: string;
     className?: string;
-    placeholder?: string;
+    onClear?: () => void;
+    statickey?: string;
 }
-declare function ColorPickerBasic({ value, onChange, required, title, bottomText, error, disabled, allowClear, defaultFormat, className, placeholder, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
-
-declare function dayjs (date?: dayjs.ConfigType): dayjs.Dayjs
-
-declare function dayjs (date?: dayjs.ConfigType, format?: dayjs.OptionType, strict?: boolean): dayjs.Dayjs
-
-declare function dayjs (date?: dayjs.ConfigType, format?: dayjs.OptionType, locale?: string, strict?: boolean): dayjs.Dayjs
-
-declare namespace dayjs {
-  interface ConfigTypeMap {
-    default: string | number | Date | Dayjs | null | undefined
-  }
-
-  export type ConfigType = ConfigTypeMap[keyof ConfigTypeMap]
-
-  export interface FormatObject { locale?: string, format?: string, utc?: boolean }
-
-  export type OptionType = FormatObject | string | string[]
-
-  export type UnitTypeShort = 'd' | 'D' | 'M' | 'y' | 'h' | 'm' | 's' | 'ms'
-
-  export type UnitTypeLong = 'millisecond' | 'second' | 'minute' | 'hour' | 'day' | 'month' | 'year' | 'date'
-
-  export type UnitTypeLongPlural = 'milliseconds' | 'seconds' | 'minutes' | 'hours' | 'days' | 'months' | 'years' | 'dates'
-  
-  export type UnitType = UnitTypeLong | UnitTypeLongPlural | UnitTypeShort;
-
-  export type OpUnitType = UnitType | "week" | "weeks" | 'w';
-  export type QUnitType = UnitType | "quarter" | "quarters" | 'Q';
-  export type ManipulateType = Exclude<OpUnitType, 'date' | 'dates'>;
-  class Dayjs {
-    constructor (config?: ConfigType)
-    /**
-     * All Day.js objects are immutable. Still, `dayjs#clone` can create a clone of the current object if you need one.
-     * ```
-     * dayjs().clone()// => Dayjs
-     * dayjs(dayjs('2019-01-25')) // passing a Dayjs object to a constructor will also clone it
-     * ```
-     * Docs: https://day.js.org/docs/en/parse/dayjs-clone
-     */
-    clone(): Dayjs
-    /**
-     * This returns a `boolean` indicating whether the Day.js object contains a valid date or not.
-     * ```
-     * dayjs().isValid()// => boolean
-     * ```
-     * Docs: https://day.js.org/docs/en/parse/is-valid
-     */
-    isValid(): boolean
-    /**
-     * Get the year.
-     * ```
-     * dayjs().year()// => 2020
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/year
-     */
-    year(): number
-    /**
-     * Set the year.
-     * ```
-     * dayjs().year(2000)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/year
-     */
-    year(value: number): Dayjs
-    /**
-     * Get the month.
-     *
-     * Months are zero indexed, so January is month 0.
-     * ```
-     * dayjs().month()// => 0-11
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/month
-     */
-    month(): number
-    /**
-     * Set the month.
-     *
-     * Months are zero indexed, so January is month 0.
-     *
-     * Accepts numbers from 0 to 11. If the range is exceeded, it will bubble up to the next year.
-     * ```
-     * dayjs().month(0)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/month
-     */
-    month(value: number): Dayjs
-    /**
-     * Get the date of the month.
-     * ```
-     * dayjs().date()// => 1-31
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/date
-     */
-    date(): number
-    /**
-     * Set the date of the month.
-     *
-     * Accepts numbers from 1 to 31. If the range is exceeded, it will bubble up to the next months.
-     * ```
-     * dayjs().date(1)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/date
-     */
-    date(value: number): Dayjs
-    /**
-     * Get the day of the week.
-     *
-     * Returns numbers from 0 (Sunday) to 6 (Saturday).
-     * ```
-     * dayjs().day()// 0-6
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/day
-     */
-    day(): 0 | 1 | 2 | 3 | 4 | 5 | 6
-    /**
-     * Set the day of the week.
-     *
-     * Accepts numbers from 0 (Sunday) to 6 (Saturday). If the range is exceeded, it will bubble up to next weeks.
-     * ```
-     * dayjs().day(0)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/day
-     */
-    day(value: number): Dayjs
-    /**
-     * Get the hour.
-     * ```
-     * dayjs().hour()// => 0-23
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/hour
-     */
-    hour(): number
-    /**
-     * Set the hour.
-     *
-     * Accepts numbers from 0 to 23. If the range is exceeded, it will bubble up to the next day.
-     * ```
-     * dayjs().hour(12)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/hour
-     */
-    hour(value: number): Dayjs
-    /**
-     * Get the minutes.
-     * ```
-     * dayjs().minute()// => 0-59
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/minute
-     */
-    minute(): number
-    /**
-     * Set the minutes.
-     *
-     * Accepts numbers from 0 to 59. If the range is exceeded, it will bubble up to the next hour.
-     * ```
-     * dayjs().minute(59)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/minute
-     */
-    minute(value: number): Dayjs
-    /**
-     * Get the seconds.
-     * ```
-     * dayjs().second()// => 0-59
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/second
-     */
-    second(): number
-    /**
-     * Set the seconds.
-     *
-     * Accepts numbers from 0 to 59. If the range is exceeded, it will bubble up to the next minutes.
-     * ```
-     * dayjs().second(1)// Dayjs
-     * ```
-     */
-    second(value: number): Dayjs
-    /**
-     * Get the milliseconds.
-     * ```
-     * dayjs().millisecond()// => 0-999
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/millisecond
-     */
-    millisecond(): number
-    /**
-     * Set the milliseconds.
-     *
-     * Accepts numbers from 0 to 999. If the range is exceeded, it will bubble up to the next seconds.
-     * ```
-     * dayjs().millisecond(1)// => Dayjs
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/millisecond
-     */
-    millisecond(value: number): Dayjs
-    /**
-     * Generic setter, accepting unit as first argument, and value as second, returns a new instance with the applied changes.
-     *
-     * In general:
-     * ```
-     * dayjs().set(unit, value) === dayjs()[unit](value)
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     * ```
-     * dayjs().set('date', 1)
-     * dayjs().set('month', 3) // April
-     * dayjs().set('second', 30)
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/set
-     */
-    set(unit: UnitType, value: number): Dayjs
-    /**
-     * String getter, returns the corresponding information getting from Day.js object.
-     *
-     * In general:
-     * ```
-     * dayjs().get(unit) === dayjs()[unit]()
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     * ```
-     * dayjs().get('year')
-     * dayjs().get('month') // start 0
-     * dayjs().get('date')
-     * ```
-     * Docs: https://day.js.org/docs/en/get-set/get
-     */
-    get(unit: UnitType): number
-    /**
-     * Returns a cloned Day.js object with a specified amount of time added.
-     * ```
-     * dayjs().add(7, 'day')// => Dayjs
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/manipulate/add
-     */
-    add(value: number, unit?: ManipulateType): Dayjs
-    /**
-     * Returns a cloned Day.js object with a specified amount of time subtracted.
-     * ```
-     * dayjs().subtract(7, 'year')// => Dayjs
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/manipulate/subtract
-     */
-    subtract(value: number, unit?: ManipulateType): Dayjs
-    /**
-     * Returns a cloned Day.js object and set it to the start of a unit of time.
-     * ```
-     * dayjs().startOf('year')// => Dayjs
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/manipulate/start-of
-     */
-    startOf(unit: OpUnitType): Dayjs
-    /**
-     * Returns a cloned Day.js object and set it to the end of a unit of time.
-     * ```
-     * dayjs().endOf('month')// => Dayjs
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/manipulate/end-of
-     */
-    endOf(unit: OpUnitType): Dayjs
-    /**
-     * Get the formatted date according to the string of tokens passed in.
-     *
-     * To escape characters, wrap them in square brackets (e.g. [MM]).
-     * ```
-     * dayjs().format()// => current date in ISO8601, without fraction seconds e.g. '2020-04-02T08:02:17-05:00'
-     * dayjs('2019-01-25').format('[YYYYescape] YYYY-MM-DDTHH:mm:ssZ[Z]')// 'YYYYescape 2019-01-25T00:00:00-02:00Z'
-     * dayjs('2019-01-25').format('DD/MM/YYYY') // '25/01/2019'
-     * ```
-     * Docs: https://day.js.org/docs/en/display/format
-     */
-    format(template?: string): string
-    /**
-     * This indicates the difference between two date-time in the specified unit.
-     *
-     * To get the difference in milliseconds, use `dayjs#diff`
-     * ```
-     * const date1 = dayjs('2019-01-25')
-     * const date2 = dayjs('2018-06-05')
-     * date1.diff(date2) // 20214000000 default milliseconds
-     * date1.diff() // milliseconds to current time
-     * ```
-     *
-     * To get the difference in another unit of measurement, pass that measurement as the second argument.
-     * ```
-     * const date1 = dayjs('2019-01-25')
-     * date1.diff('2018-06-05', 'month') // 7
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/display/difference
-     */
-    diff(date?: ConfigType, unit?: QUnitType | OpUnitType, float?: boolean): number
-    /**
-     * This returns the number of **milliseconds** since the Unix Epoch of the Day.js object.
-     * ```
-     * dayjs('2019-01-25').valueOf() // 1548381600000
-     * +dayjs(1548381600000) // 1548381600000
-     * ```
-     * To get a Unix timestamp (the number of seconds since the epoch) from a Day.js object, you should use Unix Timestamp `dayjs#unix()`.
-     *
-     * Docs: https://day.js.org/docs/en/display/unix-timestamp-milliseconds
-     */
-    valueOf(): number
-    /**
-     * This returns the Unix timestamp (the number of **seconds** since the Unix Epoch) of the Day.js object.
-     * ```
-     * dayjs('2019-01-25').unix() // 1548381600
-     * ```
-     * This value is floored to the nearest second, and does not include a milliseconds component.
-     *
-     * Docs: https://day.js.org/docs/en/display/unix-timestamp
-     */
-    unix(): number
-    /**
-     * Get the number of days in the current month.
-     * ```
-     * dayjs('2019-01-25').daysInMonth() // 31
-     * ```
-     * Docs: https://day.js.org/docs/en/display/days-in-month
-     */
-    daysInMonth(): number
-    /**
-     * To get a copy of the native `Date` object parsed from the Day.js object use `dayjs#toDate`.
-     * ```
-     * dayjs('2019-01-25').toDate()// => Date
-     * ```
-     */
-    toDate(): Date
-    /**
-     * To serialize as an ISO 8601 string.
-     * ```
-     * dayjs('2019-01-25').toJSON() // '2019-01-25T02:00:00.000Z'
-     * ```
-     * Docs: https://day.js.org/docs/en/display/as-json
-     */
-    toJSON(): string
-    /**
-     * To format as an ISO 8601 string.
-     * ```
-     * dayjs('2019-01-25').toISOString() // '2019-01-25T02:00:00.000Z'
-     * ```
-     * Docs: https://day.js.org/docs/en/display/as-iso-string
-     */
-    toISOString(): string
-    /**
-     * Returns a string representation of the date.
-     * ```
-     * dayjs('2019-01-25').toString() // 'Fri, 25 Jan 2019 02:00:00 GMT'
-     * ```
-     * Docs: https://day.js.org/docs/en/display/as-string
-     */
-    toString(): string
-    /**
-     * Get the UTC offset in minutes.
-     * ```
-     * dayjs().utcOffset()
-     * ```
-     * Docs: https://day.js.org/docs/en/manipulate/utc-offset
-     */
-    utcOffset(): number
-    /**
-     * This indicates whether the Day.js object is before the other supplied date-time.
-     * ```
-     * dayjs().isBefore(dayjs('2011-01-01')) // default milliseconds
-     * ```
-     * If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter.
-     * ```
-     * dayjs().isBefore('2011-01-01', 'year')// => boolean
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/query/is-before
-     */
-    isBefore(date?: ConfigType, unit?: OpUnitType): boolean
-    /**
-     * This indicates whether the Day.js object is the same as the other supplied date-time.
-     * ```
-     * dayjs().isSame(dayjs('2011-01-01')) // default milliseconds
-     * ```
-     * If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter.
-     * ```
-     * dayjs().isSame('2011-01-01', 'year')// => boolean
-     * ```
-     * Docs: https://day.js.org/docs/en/query/is-same
-     */
-    isSame(date?: ConfigType, unit?: OpUnitType): boolean
-    /**
-     * This indicates whether the Day.js object is after the other supplied date-time.
-     * ```
-     * dayjs().isAfter(dayjs('2011-01-01')) // default milliseconds
-     * ```
-     * If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter.
-     * ```
-     * dayjs().isAfter('2011-01-01', 'year')// => boolean
-     * ```
-     * Units are case insensitive, and support plural and short forms.
-     *
-     * Docs: https://day.js.org/docs/en/query/is-after
-     */
-    isAfter(date?: ConfigType, unit?: OpUnitType): boolean
-
-    locale(): string
-
-    locale(preset: string | ILocale, object?: Partial<ILocale>): Dayjs
-  }
-
-  export type PluginFunc<T = unknown> = (option: T, c: typeof Dayjs, d: typeof dayjs) => void
-
-  export function extend<T = unknown>(plugin: PluginFunc<T>, option?: T): Dayjs
-
-  export function locale(preset?: string | ILocale, object?: Partial<ILocale>, isLocal?: boolean): string
-
-  export function isDayjs(d: any): d is Dayjs
-
-  export function unix(t: number): Dayjs
-
-  const Ls : { [key: string] :  ILocale }
-}
-
-type Dayjs$2 = dayjs.Dayjs;
+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: Dayjs$2 | null;
-    onChange: (day: Dayjs$2 | null) => void;
+    value: Date | null;
+    onChange: (day: Date | null) => void;
     required?: boolean;
-    title?: string;
-    bottomText?: string;
+    label?: string;
     error?: string;
     placeholder?: string;
     disabled?: boolean;
-    defaultValue?: Dayjs$2 | null;
+    defaultValue?: Date | null;
     mode?: "time" | "date" | "month";
-    minDate?: Dayjs$2 | undefined;
-    maxDate?: Dayjs$2 | undefined;
-    disabledDate?: (currentDate: Dayjs$2) => boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDate?: (currentDate: Date) => boolean;
     className?: string;
     size?: "small" | "middle" | "large";
 }
-declare function DatePickerBasic({ value, onChange, required, title, bottomText, error, placeholder, disabled, defaultValue, minDate, maxDate, disabledDate, className, size, }: DatePickerBasicProps): react_jsx_runtime.JSX.Element;
+declare function DatePickerBasic({ value, onChange, required, label, error, placeholder, disabled, defaultValue, minDate, maxDate, disabledDate, className, size, }: DatePickerBasicProps): react_jsx_runtime.JSX.Element;
 
-type Dayjs$1 = dayjs.Dayjs;
 interface DatePickerRangePickerProps {
-    value: [dayjs.Dayjs | null, dayjs.Dayjs | null] | null;
-    onChange: (val: [dayjs.Dayjs | null, dayjs.Dayjs | null] | null) => void;
+    value: [Date | null, Date | null] | null;
+    onChange: (val: [Date | null, Date | null] | null) => void;
     placeholder?: [string, string];
-    title?: string;
+    label?: string;
     required?: boolean;
-    bottomText?: string;
     error?: string;
     disabled?: boolean;
-    defaultValue?: [Dayjs$1, Dayjs$1] | null;
+    defaultValue?: [Date, Date] | null;
     mode?: "time" | "date" | "month";
-    minDate?: Dayjs$1 | undefined;
-    maxDate?: Dayjs$1 | undefined;
-    disabledDate?: (currentDate: Dayjs$1) => boolean;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disabledDate?: (currentDate: Date) => boolean;
     size?: "small" | "middle" | "large";
     className?: string;
     onOpenChange?: (open: boolean) => void;
-    onCalendarChange?: (dates: [Dayjs$1 | null, Dayjs$1 | null], dateStrings: [string, string], info: any) => void;
+    onCalendarChange?: (dates: [Date | null, Date | null], dateStrings: [string, string], info: any) => void;
 }
-declare function DatePickerRangePicker({ value, onChange, placeholder, title, required, bottomText, error, disabled, minDate, maxDate, disabledDate, size, className, onOpenChange, onCalendarChange, }: DatePickerRangePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePickerRangePicker({ value, onChange, placeholder, label, required, error, disabled, minDate, maxDate, disabledDate, size, className, onOpenChange, onCalendarChange, }: DatePickerRangePickerProps): react_jsx_runtime.JSX.Element;
 
-type Dayjs = dayjs.Dayjs;
 interface TimePickerBasicProps {
-    value: Dayjs | null;
-    onChange: (time: Dayjs | null) => void;
+    value: Date | null;
+    onChange: (time: Date | null) => void;
     required?: boolean;
-    title?: string;
-    bottomText?: string;
+    label?: string;
     error?: string;
     placeholder?: string;
     disabled?: boolean;
     className?: string;
 }
-declare function TimePickerBasic({ value, onChange, required, title, bottomText, error, placeholder, disabled, className, }: TimePickerBasicProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerBasic({ value, onChange, required, label, error, placeholder, disabled, className, }: TimePickerBasicProps): react_jsx_runtime.JSX.Element;
 
 interface TimePickerRangePickerProps {
-    value: [dayjs.Dayjs | null, dayjs.Dayjs | null] | null;
-    onChange: (val: [dayjs.Dayjs | null, dayjs.Dayjs | null] | null) => void;
+    value: [Date | null, Date | null] | null;
+    onChange: (val: [Date | null, Date | null] | null) => void;
     placeholder?: [string, string];
-    title?: 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;
     required?: boolean;
-    bottomText?: string;
+    label?: string;
     error?: string;
     disabled?: boolean;
+    allowClear?: boolean;
+    defaultFormat?: "hex" | "rgb" | "hsb";
     className?: string;
+    placeholder?: string;
 }
-declare function TimePickerRangePicker({ value, onChange, placeholder, title, required, bottomText, error, disabled, className, }: TimePickerRangePickerProps): react_jsx_runtime.JSX.Element;
+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;
-    title?: string;
-    bottomText?: string;
+    label?: string;
     error?: string;
     disabled?: boolean;
     allowClear?: boolean;
@@ -730,15 +345,14 @@ interface ColorPalettePickerBasicProps {
     placeholder?: string;
     onClear?: () => void;
 }
-declare function ColorPalettePickerBasic({ value, onChange, required, title, bottomText, error, disabled, allowClear, defaultFormat, className, placeholder, onClear, }: ColorPalettePickerBasicProps): react_jsx_runtime.JSX.Element;
+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;
-    title?: string;
+    label?: string;
     required?: boolean;
-    bottomText?: string;
     error?: string;
     disabled?: boolean;
     defaultValue?: string;
@@ -754,15 +368,14 @@ interface SelectFieldProps$1 {
     className?: string;
     onClear?: () => void;
 }
-declare function SelectField({ value, onChange, placeholder, title, required, bottomText, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, onClear, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
+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;
-    title?: string;
+    label?: string;
     required?: boolean;
-    bottomText?: string;
     error?: string;
     disabled?: boolean;
     defaultValue?: string;
@@ -780,15 +393,14 @@ interface SelectFieldProps {
     prefixSize?: number;
     className?: string;
 }
-declare function SelectFieldGroup({ value, onChange, placeholder, title, required, bottomText, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
+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;
-    title?: string;
+    label?: string;
     required?: boolean;
-    bottomText?: string;
     disabled?: boolean;
     error?: string;
     options?: {
@@ -798,15 +410,14 @@ interface SelectFieldStatusProps {
     }[];
     className?: string;
 }
-declare function SelectFieldStatus({ value, onChange, placeholder, title, required, bottomText, disabled, error, options, className, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
+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;
-    title?: string;
+    label?: string;
     required?: boolean;
-    bottomText?: string;
     disabled?: boolean;
     error?: string;
     className?: string;
@@ -816,12 +427,11 @@ interface SelectFieldStatusReportProps {
         disabled?: boolean;
     }[];
 }
-declare function SelectFieldStatusReport({ value, onChange, placeholder, title, required, bottomText, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
+declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
 
 interface SelectFieldTagProps {
-    title?: string | null;
+    label?: string | null;
     required?: boolean;
-    bottomText?: string | null;
     placeholder?: string;
     options?: {
         label: ReactNode;
@@ -834,23 +444,22 @@ interface SelectFieldTagProps {
     className?: string;
     onClear?: () => void;
 }
-declare function SelectFieldTag({ title, required, bottomText, placeholder, options, error, value: controlledValue, className, onChange, onClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
+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 {
-    title?: string;
+    label?: string;
     placeholder?: string;
     options: OptionItem[];
     required?: boolean;
     onChange?: (valueList: string[]) => void;
-    bottomText?: string;
     error?: string;
     onClear?: () => void;
 }
-declare function SelectCustom({ title, placeholder, options, required, onChange, bottomText, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
+declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
 
 interface SortFilterProps {
     showYear?: boolean;
@@ -863,7 +472,7 @@ declare function SortFilter({ showYear, showQuarter, showMonth, onSortClick, onF
 
 interface FileUploaderProps {
     onUpload: (file: File) => Promise<void>;
-    onRemove?: () => Promise<void>;
+    onRemove?: (index: number) => Promise<void>;
     onError?: (message: string) => void;
     accept?: string[];
     maxSize?: number;
@@ -910,7 +519,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;
@@ -926,4 +535,39 @@ 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;
+
+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, 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 };