@antscorp/antsomi-ui 1.1.10-beta.2 → 1.1.10-beta.21

package/dist/{components → cjs/types/components/atoms}/Button/Button.stories.d.ts

@@ -5,7 +5,7 @@ declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Partial<{
     target?: string | undefined;
     onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
 } & import("antd/es/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
-    htmlType?: "button" | "submit" | "reset" | undefined;
+    htmlType?: "button" | "reset" | "submit" | undefined;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & React.RefAttributes<HTMLElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
@@ -16,7 +16,7 @@ export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Par
     target?: string | undefined;
     onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
 } & import("antd/es/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
-    htmlType?: "button" | "submit" | "reset" | undefined;
+    htmlType?: "button" | "reset" | "submit" | undefined;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & React.RefAttributes<HTMLElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;

package/dist/cjs/types/components/atoms/InputNumber/InputNumber.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputNumberProps as AntdInputNumberProps } from 'antd';
+interface InputNumberProps extends AntdInputNumberProps {
+    showHandler?: boolean;
+}
+export declare const InputNumber: React.FC<InputNumberProps>;
+export {};

package/dist/cjs/types/components/atoms/InputNumber/index.d.ts

@@ -0,0 +1 @@
+export { InputNumber } from './InputNumber';

package/dist/cjs/types/components/atoms/Tag/Tag.d.ts

@@ -0,0 +1 @@
+export { Tag } from 'antd';

package/dist/cjs/types/components/atoms/Tag/index.d.ts

@@ -0,0 +1 @@
+export { Tag } from './Tag';

package/dist/cjs/types/components/atoms/Typography/Text.d.ts

@@ -0,0 +1 @@
+export { Typography } from 'antd';

package/dist/cjs/types/components/atoms/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Typography } from './Text';

package/dist/cjs/types/components/atoms/index.d.ts

@@ -0,0 +1,9 @@
+export { Button } from './Button';
+export { Divider } from './Divider';
+export { Input } from './Input';
+export { InputNumber } from './InputNumber';
+export { Radio } from './Radio';
+export { Space } from './Space';
+export { Tag } from './Tag';
+export { Tooltip } from './Tooltip';
+export { Typography } from './Typography';

package/dist/cjs/types/components/common/index.d.ts

@@ -0,0 +1 @@
+export { ConfigProvider } from './ConfigProvider';

package/dist/cjs/types/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './molecules';
+export * from './common';

package/dist/cjs/types/components/molecules/DatePicker/DatePicker.d.ts

@@ -0,0 +1 @@
+export { DatePicker } from 'antd';

package/dist/cjs/types/components/molecules/DatePicker/components/Advanced/constants.d.ts

@@ -0,0 +1,48 @@
+export declare const DATE_TYPES: {
+    value: string;
+    label: string;
+}[];
+export declare const CALCULATION_TYPES: {
+    value: string;
+    label: string;
+}[];
+export declare const CALCULATION_DATES: {
+    value: string;
+    label: string;
+}[];
+export declare const VALUE_TYPES: {
+    INPUT_TEXT: string;
+    INPUT_NUMBER: string;
+    MATCHES_ANY: string;
+    YEAR: string;
+    YEAR_QUARTER: string;
+    YEAR_MONTH: string;
+    YEAR_WEEK: string;
+    YEAR_MONTH_DAY: string;
+    YEAR_MONTH_DAY_HOUR: string;
+    YEAR_MONTH_DAY_MINUTE: string;
+    YEAR_MONTH_DAY_SECOND: string;
+    QUARTER: string;
+    MONTH: string;
+    WEEK: string;
+    MONTH_DAY: string;
+    DAY_OF_WEEK: string;
+    DAY: string;
+    HOUR: string;
+    MINUTE: string;
+    INPUT_TEXT_NO_FIELD: string;
+};
+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;
+};

package/dist/cjs/types/components/molecules/DatePicker/components/Advanced/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TAdvancedType, TOperatorKey, TOption } from './types';
+export interface AdvancedProps {
+    title?: string;
+    dateTypeKeysShow?: string[];
+    defaultDateTypeKey?: string;
+    valueType?: string;
+    option?: TOption;
+    operatorKey?: TOperatorKey;
+    type?: TAdvancedType;
+    date?: string;
+    format?: string;
+    formatInputDisplay?: string;
+    inputStyle?: React.CSSProperties;
+    disableAfterDate?: string;
+    disableBeforeDate?: string;
+    errorMessage?: string;
+    callbackNewDate?: (newDate: any) => void;
+    onApply?: ({ date, option }: {
+        date: string;
+        option: TOption;
+    }) => void;
+}
+export declare const Advanced: React.FC<AdvancedProps>;

package/dist/cjs/types/components/molecules/DatePicker/components/Advanced/styled.d.ts

@@ -0,0 +1,6 @@
+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 DatePickerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/types/components/molecules/DatePicker/components/Advanced/types.d.ts

@@ -0,0 +1,11 @@
+export type TOption = {
+    dateType: TDateType;
+    calculationType: TCalculationType;
+    calculationDate: TCalculationDate;
+    value: number;
+};
+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';

package/dist/cjs/types/components/molecules/DatePicker/components/Advanced/utils.d.ts

@@ -0,0 +1 @@
+export declare const calculationDateAdvanced: (dateTypeKey?: string, calculationTypeKey?: string, calculationDateKey?: any, value?: number, dateFormat?: string) => any;

package/dist/cjs/types/components/molecules/DatePicker/components/DatePickerAdvanced/constants.d.ts

@@ -0,0 +1,48 @@
+export declare const DATE_TYPES: {
+    value: string;
+    label: string;
+}[];
+export declare const CALCULATION_TYPES: {
+    value: string;
+    label: string;
+}[];
+export declare const CALCULATION_DATES: {
+    value: string;
+    label: string;
+}[];
+export declare const VALUE_TYPES: {
+    INPUT_TEXT: string;
+    INPUT_NUMBER: string;
+    MATCHES_ANY: string;
+    YEAR: string;
+    YEAR_QUARTER: string;
+    YEAR_MONTH: string;
+    YEAR_WEEK: string;
+    YEAR_MONTH_DAY: string;
+    YEAR_MONTH_DAY_HOUR: string;
+    YEAR_MONTH_DAY_MINUTE: string;
+    YEAR_MONTH_DAY_SECOND: string;
+    QUARTER: string;
+    MONTH: string;
+    WEEK: string;
+    MONTH_DAY: string;
+    DAY_OF_WEEK: string;
+    DAY: string;
+    HOUR: string;
+    MINUTE: string;
+    INPUT_TEXT_NO_FIELD: string;
+};
+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;
+};

package/dist/cjs/types/components/molecules/DatePicker/components/DatePickerAdvanced/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TAdvancedType, TOperatorKey, TOption } from './types';
+export interface AdvancedProps {
+    title?: string;
+    dateTypeKeysShow?: string[];
+    defaultDateTypeKey?: string;
+    valueType?: string;
+    option?: TOption;
+    operatorKey?: TOperatorKey;
+    type?: TAdvancedType;
+    date?: string;
+    format?: string;
+    formatInputDisplay?: string;
+    inputStyle?: React.CSSProperties;
+    disableAfterDate?: string;
+    disableBeforeDate?: string;
+    errorMessage?: string;
+    callbackNewDate?: (newDate: any) => void;
+    onApply?: ({ date, option }: {
+        date: string;
+        option: TOption;
+    }) => void;
+}
+export declare const DatePickerAdvanced: React.FC<AdvancedProps>;

package/dist/cjs/types/components/molecules/DatePicker/components/DatePickerAdvanced/styled.d.ts

@@ -0,0 +1,6 @@
+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 DatePickerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/types/components/molecules/DatePicker/components/DatePickerAdvanced/types.d.ts

@@ -0,0 +1,11 @@
+export type TOption = {
+    dateType: TDateType;
+    calculationType: TCalculationType;
+    calculationDate: TCalculationDate;
+    value: number;
+};
+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';

package/dist/cjs/types/components/molecules/DatePicker/components/DatePickerAdvanced/utils.d.ts

@@ -0,0 +1 @@
+export declare const calculationDateAdvanced: (dateTypeKey?: string, calculationTypeKey?: string, calculationDateKey?: any, value?: number, dateFormat?: string) => any;

package/dist/cjs/types/components/molecules/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DatePicker } from './DatePicker';
+export { DatePickerAdvanced } from './components/DatePickerAdvanced';
+export type { TOption } from './components/DatePickerAdvanced/types';

package/dist/cjs/types/components/molecules/Select/Select.d.ts

@@ -0,0 +1,15 @@
+import { SelectProps as AntdSelectProps } from 'antd';
+import React from 'react';
+export interface SelectProps extends AntdSelectProps {
+}
+declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+    Option: import("rc-select/lib/Option").OptionFC;
+    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
+} & React.FC<SelectProps>;
+export { Select };

package/dist/cjs/types/components/molecules/Select/Select.stories.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Select, SelectProps } from './Select';
+declare const _default: ComponentMeta<(<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").SelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("rc-select").BaseSelectRef> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+    Option: import("rc-select/lib/Option").OptionFC;
+    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
+} & React.FC<SelectProps>>;
+export default _default;
+export declare const Default: ComponentStory<(<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").SelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("rc-select").BaseSelectRef> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+    Option: import("rc-select/lib/Option").OptionFC;
+    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
+} & React.FC<SelectProps>>;
+export declare const BasicUsage: ComponentStory<typeof Select>;
+export declare const MultipleSelection: ComponentStory<typeof Select>;
+export declare const CustomSelectionRender: ComponentStory<typeof Select>;
+export declare const Status: ComponentStory<typeof Select>;

package/dist/cjs/types/components/molecules/Select/Test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SelectTest: () => JSX.Element;
+export default SelectTest;

package/dist/cjs/types/components/molecules/Select/index.d.ts

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

package/dist/cjs/types/components/molecules/Select/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledTag: import("styled-components").StyledComponent<import("antd").TagType, any, {}, never>;
+export declare const TagCloseBtn: import("styled-components").StyledComponent<"div", any, {
+    borderColor?: string | undefined;
+}, never>;

package/dist/cjs/types/components/molecules/index.d.ts

@@ -0,0 +1,8 @@
+export { Alert } from './Alert';
+export { Cascader } from './Cascader';
+export { Dropdown } from './Dropdown';
+export { Modal } from './Modal';
+export { Select } from './Select';
+export { DatePicker, DatePickerAdvanced } from './DatePicker';
+export type { TOption as TDatePickerAdvancedOption } from './DatePicker';
+export type { SelectProps } from './Select';

package/dist/cjs/types/index.d.ts

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

package/dist/cjs/types/types/index.d.ts

@@ -0,0 +1,5 @@
+export type THandleErrorPayload = {
+    path: string;
+    name: string;
+    args: Record<string, any>;
+};

package/dist/cjs/types/utils/common.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Function to reorder list
+ * @param {Object[]} list - list of item want to reorder
+ * @param {number} startIndex - start item index want to replace position: ;
+ * @param {number} endIndex - end item index want to replace position: ;
+ * @returns {object[]}
+ */
+export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];

package/dist/cjs/types/utils/handleError.d.ts

@@ -0,0 +1,2 @@
+import { THandleErrorPayload } from 'src/types';
+export declare const handleError: (error: any, payload: THandleErrorPayload) => void;