@antscorp/antsomi-ui 1.1.10-beta.32 → 1.1.10-beta.33

package/dist/package.json

@@ -2,9 +2,7 @@
   "name": "@antscorp/antsomi-ui",
   "version": "1.1.10-beta.27",
   "description": "An enterprise-class UI design language and React UI library.",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
-  "types": "index.d.ts",
+  "main": "index.js",
   "scripts": {
     "dev": "vite",
     "build": "rollup -c",

package/dist/types/components/atoms/Button/Button.d.ts

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

package/dist/types/components/atoms/Button/Button.stories.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    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>;
+}>;
+export default _default;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    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>;
+}>;
+export declare const Type: ComponentStory<any>;
+export declare const Size: ComponentStory<any>;
+export declare const Loading: ComponentStory<any>;
+export declare const GhostButton: ComponentStory<any>;
+export declare const BlockButton: ComponentStory<any>;
+export declare const IconButton: ComponentStory<any>;
+export declare const Disabled: ComponentStory<any>;
+export declare const MultipleButtons: ComponentStory<any>;
+export declare const DangerButtons: ComponentStory<any>;

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

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

package/dist/types/components/atoms/Button/test.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TestButton: React.FC;
+export default TestButton;

package/dist/types/components/atoms/Divider/Divider.d.ts

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

package/dist/types/components/atoms/Divider/Divider.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("antd").DividerProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("antd").DividerProps>>;
+export declare const Horizontal: ComponentStory<any>;
+export declare const TextWithoutHeadingStyle: ComponentStory<any>;
+export declare const Vertical: ComponentStory<any>;

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

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

package/dist/types/components/atoms/Input/Input.d.ts

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

package/dist/types/components/atoms/Input/Input.stories.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("antd").InputProps & React.RefAttributes<import("rc-input").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("rc-input").InputRef>>;
+    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("rc-input").InputRef>>;
+}>;
+export default _default;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("antd").InputProps & React.RefAttributes<import("rc-input").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("rc-input").InputRef>>;
+    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("rc-input").InputRef>>;
+}>;
+export declare const BasicUsage: ComponentStory<any>;
+export declare const TextArea: ComponentStory<any>;
+export declare const Status: ComponentStory<any>;
+export declare const BorderLess: ComponentStory<any>;

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

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

package/dist/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/types/components/atoms/InputNumber/index.d.ts

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

package/dist/types/components/atoms/Radio/Radio.d.ts

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

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

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

package/dist/types/components/atoms/Space/Space.d.ts

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

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

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

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

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

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

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

package/dist/types/components/atoms/Tooltip/Tooltip.d.ts

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

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

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

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

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

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

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

package/dist/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/types/components/common/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,7 @@
+import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
+import React, { ReactNode } from 'react';
+interface ConfigProviderProps extends AntdConfigProviderProps {
+    children?: ReactNode;
+}
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export default ConfigProvider;

package/dist/types/components/common/ConfigProvider/GlobalStyle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface GlobalStyleProps {
+}
+export declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export {};

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

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

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

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

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

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

package/dist/types/components/molecules/Alert/Alert.d.ts

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

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

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

package/dist/types/components/molecules/Cascader/Cascader.d.ts

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

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

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

package/dist/types/components/molecules/CustomComponent/CustomComponent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomComponent: React.FC<any>;

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

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

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

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

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

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

package/dist/types/components/molecules/DatePickerAdvanced/DatePickerAdvanced.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/types/components/molecules/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/types/components/molecules/DatePickerAdvanced/index.d.ts

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

package/dist/types/components/molecules/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/types/components/molecules/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/types/components/molecules/DatePickerAdvanced/utils.d.ts

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

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

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

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

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

package/dist/types/components/molecules/Modal/Modal.d.ts

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

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

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

package/dist/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/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/types/components/molecules/Select/Test.d.ts

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

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

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

package/dist/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/types/components/molecules/index.d.ts

@@ -0,0 +1,9 @@
+export { Alert } from './Alert';
+export { Cascader } from './Cascader';
+export { Dropdown } from './Dropdown';
+export { Modal } from './Modal';
+export { Select } from './Select';
+export { CustomComponent } from './CustomComponent';
+export { DatePicker } from './DatePicker';
+export { DatePickerAdvanced } from './DatePickerAdvanced';
+export type { SelectProps } from './Select';

package/dist/types/constants.d.ts

@@ -0,0 +1,12 @@
+import { ThemeConfig } from 'antd';
+type TTheme = {
+    token?: ThemeConfig['token'] & {
+        [key: string]: any;
+    };
+    components?: ThemeConfig['components'];
+    algorithm?: ThemeConfig['algorithm'];
+    hashed?: ThemeConfig['hashed'];
+    inherit?: ThemeConfig['inherit'];
+};
+export declare const THEME: TTheme;
+export {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useDeepCompareEffect(callback: React.EffectCallback, dependencies: React.DependencyList | undefined): void;

package/dist/types/index.d.ts

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

package/dist/types/test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '@antscorp/icons/main.css';
+export declare const App: () => JSX.Element;

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

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

package/dist/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/types/utils/handleError.d.ts

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

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.1.10-beta.32",
+  "version": "1.1.10-beta.33",
   "description": "An enterprise-class UI design language and React UI library.",
   "main": "dist/index.js",
+  "module": "dist/index.js",
   "files": [
     "dist"
   ],
+  "types": "dist/types",
   "scripts": {
     "dev": "vite",
     "build": "rollup -c",