@antscorp/antsomi-ui 1.3.4 → 1.3.5-alpha.2

package/es/types/components/molecules/ColorPicker/index.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export interface ColorPickerProps {
+    className?: string;
+    color?: string;
+    presetColors?: any[] | ReactNode;
+    isHideAlpha?: boolean;
+    defaultColor?: string;
+    icon?: React.ReactNode | string;
+    onChange?: (color: string) => void;
+    showInput?: boolean;
+    positionInput?: 'right' | 'left';
+    style?: React.CSSProperties;
+}
+export declare const ColorPicker: React.FC<ColorPickerProps>;

package/es/types/components/molecules/ColorSetting/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const ColorSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PresetColor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonPreset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/button/button").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+    Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
+}, any, {}, never>;
+export declare const PresetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/types/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { TAdvancedType, TCalculationType, TOperatorKey, TOption, TShowCalculationTypeCondition, ValueTypes } from './types';
+export interface AdvancedPickerProps {
+    label?: string;
+    valueType?: ValueTypes;
+    disabled?: boolean;
+    dateTypeKeysShow?: string[];
+    showCalculationTypeCondition?: TShowCalculationTypeCondition;
+    calculationTypeKeysShow?: TCalculationType[];
+    defaultDateTypeKey?: string;
+    option?: TOption;
+    operatorKey?: TOperatorKey;
+    type?: TAdvancedType;
+    date?: string;
+    format?: string;
+    formatInputDisplay?: string;
+    inputStyle?: React.CSSProperties;
+    popupStyle?: React.CSSProperties;
+    disableAfterDate?: string;
+    disableBeforeDate?: string;
+    errorMessage?: string;
+    showTime?: boolean;
+    timezone?: string;
+    isViewMode?: boolean;
+    onUpdatedNewDate?: ({ date, option }: {
+        date: string;
+        option: TOption;
+    }) => void;
+    onApply?: ({ date, option }: {
+        date: string;
+        option: TOption;
+    }) => void;
+}
+export declare const AdvancedPicker: React.FC<AdvancedPickerProps>;

package/es/types/components/molecules/DatePicker/components/AdvancedPicker/constants.d.ts

@@ -0,0 +1,106 @@
+import { TAdvancedType, ValueTypes } from './types';
+export declare const DATE_TYPES: {
+    value: string;
+    label: string;
+}[];
+export declare const DATE_TYPE_MAPPING: {
+    first_day_of_week_mon_sun: string;
+    first_day_of_week_sun_sat: string;
+    first_day_of_month: string;
+    first_day_of_quarter: string;
+    first_day_of_year: string;
+    last_day_of_week_mon_sun: string;
+    last_day_of_week_sun_sat: string;
+    last_day_of_month: string;
+    last_day_of_quarter: string;
+    last_day_of_year: string;
+};
+export declare const CALCULATION_TYPES: {
+    value: string;
+    label: string;
+}[];
+export declare const CALCULATION_DATES: readonly [{
+    readonly value: "seconds";
+    readonly label: string;
+}, {
+    readonly value: "minutes";
+    readonly label: string;
+}, {
+    readonly value: "hours";
+    readonly label: string;
+}, {
+    readonly value: "days";
+    readonly label: string;
+}, {
+    readonly value: "weeks";
+    readonly label: string;
+}, {
+    readonly value: "months";
+    readonly label: string;
+}, {
+    readonly value: "quarters";
+    readonly label: string;
+}, {
+    readonly value: "years";
+    readonly label: string;
+}];
+type CalculationDateValues = (typeof CALCULATION_DATES)[number]['value'];
+export declare const VALUE_TYPES: {
+    readonly INPUT_TEXT: "INPUT_TEXT";
+    readonly INPUT_NUMBER: "INPUT_NUMBER";
+    readonly MATCHES_ANY: "MATCHES_ANY";
+    readonly YEAR: "YEAR";
+    readonly YEAR_QUARTER: "YEAR_QUARTER";
+    readonly YEAR_MONTH: "YEAR_MONTH";
+    readonly YEAR_WEEK: "YEAR_WEEK";
+    readonly YEAR_MONTH_DAY: "YEAR_MONTH_DAY";
+    readonly YEAR_MONTH_DAY_HOUR: "YEAR_MONTH_DAY_HOUR";
+    readonly YEAR_MONTH_DAY_MINUTE: "YEAR_MONTH_DAY_MINUTE";
+    readonly YEAR_MONTH_DAY_SECOND: "YEAR_MONTH_DAY_SECOND";
+    readonly QUARTER: "QUARTER";
+    readonly MONTH: "MONTH";
+    readonly WEEK: "WEEK";
+    readonly MONTH_DAY: "MONTH_DAY";
+    readonly DAY_OF_WEEK: "DAY_OF_WEEK";
+    readonly DAY: "DAY";
+    readonly HOUR: "HOUR";
+    readonly MINUTE: "MINUTE";
+    readonly INPUT_TEXT_NO_FIELD: "INPUT_TEXT_NO_FIELD";
+};
+export declare const DEFAULT_DATE_FORMAT = "YYYYMMDDHHmmss";
+export declare const DEFAULT_TIME_FORMAT = "HH:mm:ss";
+export declare const DEFAULT_DATE_DISPLAY_FORMAT = "DD/MM/YYYY HH:mm:ss";
+export declare const TIME_PICKER_TYPE: {
+    DATE_TIME: string;
+    DATE_HOUR: string;
+    DATE_HOUR_MINUTE: string;
+    DATE: string;
+};
+export declare const YEAR_PICKER_TYPE: {
+    YEAR: string;
+    MONTH: string;
+    QUARTER: string;
+};
+export declare const ADVANCED_PICKER_TYPE: Record<string, {
+    value: TAdvancedType;
+    label: string;
+}>;
+export declare const MONTH_LABEL_SHORT: string[];
+export declare const MONTH_LABEL_FULL: string[];
+export declare const DAY_LABEL_SHORT: string[];
+export declare const WEEK_ARR: number[];
+export declare const MONTH_DAY_31: number[];
+export declare const MONTH_DAY_30: number[];
+export declare const MONTH_DAY_FEB: number[];
+export declare const MONTH_31: number[];
+export declare const MONTH_30: number[];
+export declare const DAY_OF_MONTH: number[][];
+/** The year with full 366 days of year, use for select day/day of month with include edge case (February 29th) */
+export declare const ANCHOR_LEAP_YEAR = 2024;
+export declare const QUARTER_PLACEHOLDER = "%q%";
+export declare const WEEK_PLACEHOLDER = "%t%";
+export declare const HIDE_TIME_LABEL_ARR: string[];
+export declare const GRANULARITY_MAPPING: {
+    [key in ValueTypes]: CalculationDateValues[];
+};
+export {};

package/es/types/components/molecules/DatePicker/components/AdvancedPicker/styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const DropdownContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DatePickerHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DatePickerCustomInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const InputStyled: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, any, any>;
+export declare const DatePickerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CalendarIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimeLabel: import("styled-components").StyledComponent<"div", any, {
+    $width: number;
+    $isRangePicker: boolean;
+}, never>;

package/es/types/components/molecules/DatePicker/components/AdvancedPicker/types.d.ts

@@ -0,0 +1,36 @@
+import { VALUE_TYPES } from './constants';
+export type TOption = {
+    dateType: TDateType;
+    calculationType: TCalculationType;
+    calculationDate: TCalculationDate;
+    value: number;
+};
+export type TShowCalculationTypeCondition = {
+    dateType: Partial<Record<TDateType, TCalculationType[]>>;
+};
+export type TDateType = 'today' | 'first_day_of_week_mon_sun' | 'first_day_of_week_sun_sat' | 'first_day_of_month' | 'first_day_of_quarter' | 'first_day_of_year' | 'last_day_of_week_mon_sun' | 'last_day_of_week_sun_sat' | 'last_day_of_month' | 'last_day_of_quarter' | 'last_day_of_year' | 'fixed';
+export type TCalculationType = 'minus' | 'plus' | '';
+export type TCalculationDate = 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years' | '';
+export type TOperatorKey = 'after' | 'between' | 'before';
+export type TAdvancedType = 'startDate' | 'endDate';
+/**
+ * @description Mapping ValueTypes to Semantic
+ * @example ```valueType -> semantic```
+ * @type YEAR -> 'YYYY'
+ * @type YEAR_QUARTER -> 'QQ YYYY'
+ * @type YEAR_MONTH -> 'MM YYYY'
+ * @type YEAR_WEEK -> 'WW YYYY'
+ * @type YEAR_MONTH_DAY -> 'MM DD YYYY'
+ * @type YEAR_MONTH_DAY_HOUR -> 'MM DD YYYY HH'
+ * @type YEAR_MONTH_DAY_MINUTE -> 'MM DD YYYY HH MM'
+ * @type YEAR_MONTH_DAY_SECOND -> 'MM DD YYYY HH MM SS'
+ * @type QUARTER -> 'QQ'
+ * @type MONTH -> 'MM'
+ * @type WEEK -> 'WW'
+ * @type MONTH_DAY -> 'MM DD'
+ * @type DAY_OF_WEEK -> 'D'
+ * @type DAY -> 'DD'
+ * @type HOUR -> 'HH'
+ * @type MINUTE -> 'MM'
+ */
+export type ValueTypes = (typeof VALUE_TYPES)[keyof typeof VALUE_TYPES];

package/es/types/components/molecules/DatePicker/components/AdvancedPicker/utils.d.ts

@@ -0,0 +1,51 @@
+import type { Dayjs } from 'dayjs';
+import type { CellRenderInfo } from 'rc-picker/es/interface';
+import { TAdvancedType, TOperatorKey, ValueTypes } from './types';
+/**
+ * Calculates a new date based on the given parameters.
+ * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
+ * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
+ * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
+ * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
+ * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
+ * Valid values are: 'plus', 'minus'.
+ * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
+ * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
+ * @param {number} [value=0] - Value to be added or subtracted.
+ * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
+ * @returns {string} The new date in the specified format.
+ */
+export declare const calculationDateAdvanced: (dateTypeKey?: string, calculationTypeKey?: string, calculationDateKey?: any, value?: number, dateFormat?: string, timezone?: string) => any;
+/**
+ * Get text of calendar cell base on valueType (semantic/date format)
+ * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
+ * @param {number | Dayjs} current params of cellRender function
+ * @param {CellRenderInfo<Dayjs>} info params of cellRender function
+ * @param {ValueTypes} valueType type of value (get from component props)
+ * @returns {number | string} label of cell according to valueType
+ */
+export declare const getCellRender: (current: number | Dayjs, valueType: ValueTypes, info: CellRenderInfo<Dayjs>) => number | string;
+/**
+ * @param {ValueTypes} valueType type of value (get from component props)
+ * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
+ */
+export declare const getPickerRender: (valueType: ValueTypes) => 'date' | 'week' | 'month' | 'quarter' | 'year';
+export declare const getTimePickerRender: (valueType: ValueTypes) => 'HH' | 'HHmm' | 'HHmmss' | 'mm' | undefined;
+export declare function getLabelQuarterRange(day: string, format: string, locale: string, showYear?: boolean): string;
+export declare function getLabelQuarterRange(quarter: number, year?: number): string;
+export declare const getFormatDisplay: (operatorKey?: TOperatorKey, type?: TAdvancedType, valueType?: ValueTypes, formatInputDisplay?: string) => {
+    formatDisplay: string;
+    timeFormatDisplay: string;
+};
+/**
+ * Returns the formatted display string based on the given type and value type.
+ *
+ * @param {TAdvancedType} [type] - The type indicating whether it's a start or end date.
+ * @param {ValueTypes} [valueType] - The value type specifying the date/time format.
+ * @returns {string} The formatted display string.
+ *
+ * @example
+ * // returns ADVANCED_RANGE_PICKER_FORMAT.general
+ * getFormatDisplayFromValueType('anyType', 'YEAR_MONTH_DAY_SECOND');
+ */
+export declare const getFormatDisplayFromValueType: (type?: TAdvancedType, valueType?: ValueTypes) => string;

package/es/types/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { TShowCalculationTypeCondition, ValueTypes } from '../AdvancedPicker/types';
+import { TDateConfig, TOnChangePayload, TTimeRange } from './types';
+export interface AdvancedRangePickerProps {
+    className?: string;
+    valueType?: ValueTypes;
+    /**
+     * If true => auto generate time format from valueType props; else use hard config
+     */
+    useFormatMapping?: boolean;
+    disabled?: boolean;
+    showCalculationTypeCondition?: TShowCalculationTypeCondition;
+    startDateConfig?: TDateConfig;
+    endDateConfig?: TDateConfig;
+    timeRange: TTimeRange;
+    errorMessage?: string;
+    showLabel?: boolean;
+    showTime?: boolean;
+    timezone?: string;
+    separator?: ReactNode;
+    inputStyle?: React.CSSProperties;
+    popupStyle?: React.CSSProperties;
+    isViewMode?: boolean;
+    onChange?: ({ timeRange, mode }: TOnChangePayload) => void;
+}
+export declare const AdvancedRangePicker: React.FC<AdvancedRangePickerProps>;

package/es/types/components/molecules/DatePicker/components/AdvancedRangePicker/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const ADVANCED_RANGE_PICKER_FORMAT: {
+    startDate: string;
+    endDate: string;
+    general: string;
+};

package/es/types/components/molecules/DatePicker/components/AdvancedRangePicker/types.d.ts

@@ -0,0 +1,18 @@
+import { TCalculationType, TOption } from '../AdvancedPicker/types';
+export type TOnChangeMode = 'system' | 'user';
+/** @param {string} calculatedDate - The calculated date based on the selected dynamic date. */
+export type TTimeRange = {
+    startDate: TOption & {
+        date: string;
+    };
+    endDate: TOption & {
+        date: string;
+    };
+};
+export type TOnChangePayload = {
+    timeRange: TTimeRange;
+    mode: 'system' | 'user';
+};
+export type TDateConfig = {
+    calculationTypeKeysShow?: TCalculationType[];
+};

package/es/types/components/molecules/DatePicker/components/DropdownLabel/DropdownLabel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TAdvancedType, TOperatorKey, ValueTypes } from '../AdvancedPicker/types';
+interface DropdownLabelProps {
+    valueType?: ValueTypes;
+    date?: string;
+    format?: string;
+    type?: TAdvancedType;
+    showTime?: boolean;
+    operatorKey?: TOperatorKey;
+    formatInputDisplay?: string;
+}
+export declare const DropdownLabel: React.FC<DropdownLabelProps>;
+export {};

package/es/types/components/molecules/DatePicker/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ErrorMessageProps {
+    errorMessage?: string;
+}
+export declare const ErrorMessage: React.FC<ErrorMessageProps>;
+export {};

package/es/types/components/molecules/DatePickerV2/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DatePickerProps as AntDatePickerProps } from 'antd';
+type DatePickerProps = {
+    onChange: (key: any, value: any) => void;
+    required?: boolean;
+    focused?: boolean;
+} & AntDatePickerProps;
+export declare const DatePickerV2: React.FC<DatePickerProps>;
+export {};

package/es/types/components/molecules/DatePickerV2/styled.d.ts

@@ -0,0 +1 @@
+export declare const DatePickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/types/components/molecules/Drawer/Drawer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DrawerProps as AtndDrawerProps } from 'antd';
+export interface DrawerProps extends AtndDrawerProps {
+}
+export declare const Drawer: React.FC<DrawerProps>;

package/es/types/components/molecules/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';

package/es/types/components/molecules/DrawerDetail/DrawerDetail.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DrawerDetailProps } from './types';
+export declare const DrawerDetail: React.FC<DrawerDetailProps>;

package/es/types/components/molecules/DrawerDetail/components/ToggleDrawerSizeButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ToggleDrawerSizeButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    collapse?: boolean;
+}
+export declare const ToggleDrawerSizeButton: React.FC<ToggleDrawerSizeButtonProps>;
+export {};

package/es/types/components/molecules/DrawerDetail/components/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleDrawerSizeButton';

package/es/types/components/molecules/DrawerDetail/constants.d.ts

@@ -0,0 +1,14 @@
+declare const DRAWER_MAX_WIDTH = "calc(100vw - 70px)";
+declare const DRAWER_LARGE_MIN_WIDTH = "1370px";
+declare const DRAWER_LARGE_MAX_WIDTH = "calc(100vw - 70px)";
+declare const DRAWER_SMALL_MAX_WIDTH = "calc(100vw - 70px)";
+declare const DRAWER_SMALL_MIN_WIDTH = "calc(100vw - 310px)";
+declare const BREAK_POINT = "1440px";
+declare const DRAWER_DETAIL_LOCAL_STORAGE_KEY = "drawer-detail-collapses";
+declare const DRAWER_DETAIL_DIMENSION: {
+    LAYER_2: {
+        minWidth: string;
+        maxWidth: string;
+    };
+};
+export { DRAWER_MAX_WIDTH, DRAWER_LARGE_MIN_WIDTH, DRAWER_LARGE_MAX_WIDTH, DRAWER_SMALL_MAX_WIDTH, DRAWER_SMALL_MIN_WIDTH, BREAK_POINT, DRAWER_DETAIL_DIMENSION, DRAWER_DETAIL_LOCAL_STORAGE_KEY, };

package/es/types/components/molecules/DrawerDetail/index.d.ts

@@ -0,0 +1,3 @@
+export { DrawerDetail } from './DrawerDetail';
+export { DRAWER_DETAIL_DIMENSION } from './constants';
+export type * from './types';

package/es/types/components/molecules/DrawerDetail/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DrawerHeaderProps } from './types';
+export declare const StyledDrawer: import("styled-components").StyledComponent<import("react").FC<import("../Drawer").DrawerProps>, any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DrawerHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, DrawerHeaderProps, never>;
+export declare const MenuFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/types/components/molecules/DrawerDetail/types.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+import type { DrawerProps, MenuProps as AntdProps, FlexProps } from 'antd';
+import { ItemType } from 'antd/es/menu/hooks/useItems';
+export type TDefaultSize = 'max' | 'min';
+export interface DrawerDetailProps extends Omit<DrawerProps, 'closeIcon' | 'title'> {
+    name?: string;
+    fullScreen?: boolean;
+    maxWidth?: string | number;
+    minWidth?: string | number;
+    defaultSize?: TDefaultSize;
+    headerProps?: DrawerHeaderProps;
+    menuProps?: DrawerDetailMenuProps;
+    closeIconProps?: DrawerDetailCloseIconProps;
+}
+export interface DrawerDetailCloseIconProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+    show?: boolean;
+}
+export interface DrawerHeaderProps extends Omit<FlexProps, 'children'> {
+    height?: React.CSSProperties['height'];
+    showBorderBottom?: boolean;
+    children?: ReactNode;
+}
+export interface DrawerDetailMenuProps extends Omit<AntdProps, 'onClick'> {
+    show?: boolean;
+    showExpandButton?: boolean;
+    showClose?: boolean;
+    footer?: ReactNode;
+    onClick?: (item: ItemType) => void;
+}

package/es/types/components/molecules/Dropdown/Dropdown.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputDropdownProps } from './types';
+import './style.scss';
+export { Dropdown } from 'antd';
+export declare const InputDropdown: (props: InputDropdownProps) => React.JSX.Element;

package/es/types/components/molecules/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropdown, InputDropdown } from './Dropdown';
+export type { InputDropdownProps } from './types';

package/es/types/components/molecules/Dropdown/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledInputDropdownRoot: import("styled-components").StyledComponent<import("react").FC<import("antd").DropDownProps> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd").DropDownProps>;
+} & {
+    Button: import("react").FC<import("antd/es/dropdown").DropdownButtonProps>;
+}, any, {}, never>;

package/es/types/components/molecules/Dropdown/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DropdownProps } from 'antd';
+export type InputDropdownProps = DropdownProps & {
+    width?: number;
+    expandIcon?: React.ReactNode;
+};

package/es/types/components/molecules/EditableName/EditableName.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface EditableNameHandle {
+    value: () => string;
+}
+interface EditableNameProps {
+    className?: string;
+    isLoading?: boolean;
+    defaultValue?: string;
+    required?: boolean;
+    error?: string;
+    value?: string;
+    style?: React.CSSProperties;
+    readonly?: boolean;
+    maxLength?: number;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: (value: string) => void;
+}
+export declare const EditableName: React.ForwardRefExoticComponent<EditableNameProps & React.RefAttributes<EditableNameHandle>>;
+export {};

package/es/types/components/molecules/EditableName/index.d.ts

@@ -0,0 +1 @@
+export { EditableName, type EditableNameHandle } from './EditableName';

package/es/types/components/molecules/EditableName/styled.d.ts

@@ -0,0 +1 @@
+export declare const InputWrapperStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/types/components/molecules/EditorScript/EditorScript.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react-ace/node_modules/ace-builds/ace-modules" />
+import React, { ReactNode } from 'react';
+import { IAceEditorProps } from 'react-ace';
+import 'ace-builds/webpack-resolver';
+import 'ace-builds/src-noconflict/mode-javascript';
+import 'ace-builds/src-noconflict/mode-css';
+import 'ace-builds/src-noconflict/theme-tomorrow';
+import 'ace-builds/src-noconflict/ext-language_tools';
+interface EditorScriptProps extends IAceEditorProps {
+    label?: string | ReactNode;
+    expandModalLabel?: string | ReactNode;
+    hideExpand?: boolean | ReactNode;
+}
+export declare const EditorScript: React.FC<EditorScriptProps>;
+export {};

package/es/types/components/molecules/EditorScript/index.d.ts

@@ -0,0 +1 @@
+export * from './EditorScript';

package/es/types/components/molecules/EditorScript/styled.d.ts

@@ -0,0 +1 @@
+export declare const EditorScriptWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/types/components/molecules/EditorTab/EditorTab.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { ModalFuncProps } from 'antd';
+export interface EditorTabItem {
+    showIcon?: boolean;
+    closable?: boolean;
+    showDropdown?: boolean;
+    hideRemoveOption?: boolean;
+    id: string;
+    name: string;
+    type: 'query' | 'table-detail';
+}
+interface EditorTabProps {
+    showArrow?: boolean;
+    /**
+     * @deprecated pass showDropdown key to each item in `listTab` props
+     */
+    showDropdown?: boolean;
+    editNameOnConfigure?: boolean;
+    newTabText?: string;
+    showComposeNewQuery?: boolean;
+    className?: string;
+    leftBlockClassName?: string;
+    tabItemClassName?: string;
+    listTab?: EditorTabItem[];
+    activeId?: string;
+    confirmOnRemoveTab?: boolean;
+    modalFuncProps?: ModalFuncProps;
+    onActiveTab: (id: string | undefined) => void;
+    onCloseTab?: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
+    onClickRemoveTab?: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
+    onConfirmRemove?: (tab: EditorTabItem) => void;
+    onConfigure: (id: string) => void;
+    onSaveName?: (id: string, value: string) => void;
+    onAddTab: () => void;
+}
+export declare const EditorTab: React.FC<EditorTabProps>;
+export {};

package/es/types/components/molecules/EditorTab/index.d.ts

@@ -0,0 +1,2 @@
+export { EditorTab } from './EditorTab';
+export type { EditorTabItem } from './EditorTab';

package/es/types/components/molecules/EditorTab/styled.d.ts

@@ -0,0 +1 @@
+export declare const EditorTabStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/types/components/molecules/EmptyData/EmptyData.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FlexProps } from '@antscorp/antsomi-ui/es/components/atoms';
+export interface EmptyDataProps extends Omit<FlexProps, 'children' | 'title'> {
+    showIcon?: boolean;
+    size?: TUISize;
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    description?: React.ReactNode;
+    loading?: boolean;
+    className?: string;
+    image?: string;
+    imageClassName?: string;
+    imageStyle?: React.CSSProperties;
+}
+export declare const EmptyData: React.FC<React.PropsWithChildren<EmptyDataProps>>;

package/es/types/components/molecules/EmptyData/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const EMPTY_WRAPPER_SIZE: {
+    [x: string]: number;
+};
+export declare const EMPTY_ICON_SIZE: {
+    [x: string]: number;
+};

package/es/types/components/molecules/EmptyData/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyData } from './EmptyData';
+export type { EmptyDataProps } from './EmptyData';

package/es/types/components/molecules/EmptyData/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const EmptyWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const EmptyIcon: import("styled-components").StyledComponent<"div", any, {
+    $size?: TUISize | undefined;
+}, never>;
+export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;