@antscorp/antsomi-ui 1.3.5-beta.13 → 1.3.5-beta.14

package/es/components/atoms/InputDynamic/PopupShortLink.d.ts

@@ -1,16 +1,16 @@
-import { FC } from 'react';
-import type { SelectedPropertiesProps } from './types';
-type PopupShortLinkProps = {
-    open: any;
-    onClose: Function;
-    onOk: Function;
-    disabledOpts?: DisableShortLinkTypeProps;
-    initSelectedProperties: SelectedPropertiesProps;
-    callback: Function;
-};
-export type ShortLinkType = 'individual' | 'general';
-export type DisableShortLinkTypeProps = {
-    [key in ShortLinkType]?: boolean;
-};
-export declare const PopupShortLink: FC<PopupShortLinkProps>;
-export {};
+import { FC } from 'react';
+import type { SelectedPropertiesProps } from './types';
+type PopupShortLinkProps = {
+    open: any;
+    onClose: Function;
+    onOk: Function;
+    disabledOpts?: DisableShortLinkTypeProps;
+    initSelectedProperties: SelectedPropertiesProps;
+    callback: Function;
+};
+export type ShortLinkType = 'individual' | 'general';
+export type DisableShortLinkTypeProps = {
+    [key in ShortLinkType]?: boolean;
+};
+export declare const PopupShortLink: FC<PopupShortLinkProps>;
+export {};

package/es/components/atoms/InputDynamic/PopupShortLink.js

@@ -1,85 +1,85 @@
-// Libraries
-import React, { useEffect, useState } from 'react';
-import { Col, Row } from 'antd';
-// Molecules
-import { Modal } from '../../molecules';
-// Components
-import { Radio } from '../Radio';
-// Styled
-import { InputShortLink, InputWrapper } from './styled';
-// Utils
-import { validateURL } from './utils';
-const OPTIONS = [
-    {
-        value: 'individual',
-        label: 'Individual',
-    },
-    {
-        value: 'general',
-        label: 'General',
-    },
-];
-export const PopupShortLink = props => {
-    const { open, onClose, onOk, disabledOpts, initSelectedProperties, callback } = props;
-    const [state, setState] = useState({
-        link: '',
-        type: 'individual',
-        error: '',
-    });
-    useEffect(() => {
-        let type = 'individual';
-        if (initSelectedProperties && initSelectedProperties.keyTag) {
-            type = initSelectedProperties.keyTag === 'shortlink' ? 'individual' : 'general';
-        }
-        setState(prev => (Object.assign(Object.assign({}, prev), { link: initSelectedProperties.link, type: type })));
-    }, [initSelectedProperties, setState]);
-    const handleClose = () => {
-        setState(prev => (Object.assign(Object.assign({}, prev), { link: '', error: '' })));
-        if (onClose)
-            onClose();
-    };
-    const handleValidate = ({ urlString = state.link, afterValidate }) => {
-        const isValid = validateURL(urlString);
-        setState(prev => (Object.assign(Object.assign({}, prev), { error: isValid ? '' : 'Invalid URL' })));
-        if (typeof afterValidate === 'function')
-            afterValidate(isValid);
-    };
-    const handleOnChange = (value) => {
-        if (state.error)
-            handleValidate({ urlString: value });
-        setState(prev => (Object.assign(Object.assign({}, prev), { link: value })));
-    };
-    const handleOnOK = () => {
-        handleValidate({
-            afterValidate: (isValid) => {
-                if (isValid && onOk) {
-                    if (initSelectedProperties.urlDetected) {
-                        callback('REPLACE_DETECTED_URL', initSelectedProperties.urlDetected);
-                    }
-                    onOk(state.link, state.type);
-                    handleClose();
-                }
-            },
-        });
-    };
-    const onChangeType = (event) => {
-        setState(prev => (Object.assign(Object.assign({}, prev), { type: event.target.value })));
-    };
-    return (React.createElement(Modal, { open: open, onCancel: handleClose, title: React.createElement("div", { style: { color: 'rgba(0, 0, 0, 0.87)', fontWeight: 'normal', fontSize: '16px' } }, "Add Short Link"), okText: "OK", cancelText: "Cancel", closable: false, onOk: handleOnOK, okButtonProps: {
-            disabled: !validateURL(state.link),
-            type: !validateURL(state.link) ? 'default' : 'primary',
-        } },
-        React.createElement(Row, null,
-            React.createElement(Col, { span: 6 },
-                React.createElement("span", { style: { fontSize: 12, color: '#000' } }, "Short link type")),
-            React.createElement(Col, { span: 18 },
-                React.createElement(Radio.Group, { onChange: onChangeType, value: state.type }, OPTIONS.map(each => (React.createElement(Radio, { key: each.value, disabled: disabledOpts && disabledOpts[each.value], name: "shortlink-type", value: each.value }, each.label)))))),
-        React.createElement(Row, null,
-            React.createElement(Col, { span: 24 },
-                React.createElement(InputWrapper, null,
-                    React.createElement(InputShortLink, { required: true, isReverseMask: true, isHideErrMessage: true, labelColor: "#000000", id: "input-short-link-url", label: "Your URL", value: state.link, onAfterChange: handleOnChange })))),
-        !!state.error && (React.createElement(Row, null,
-            React.createElement(Col, { span: 6 }),
-            React.createElement(Col, { span: 18 },
-                React.createElement("div", null, state.error))))));
-};
+// Libraries
+import React, { useEffect, useState } from 'react';
+import { Col, Row } from 'antd';
+// Molecules
+import { Modal } from '../../molecules';
+// Components
+import { Radio } from '../Radio';
+// Styled
+import { InputShortLink, InputWrapper } from './styled';
+// Utils
+import { validateURL } from './utils';
+const OPTIONS = [
+    {
+        value: 'individual',
+        label: 'Individual',
+    },
+    {
+        value: 'general',
+        label: 'General',
+    },
+];
+export const PopupShortLink = props => {
+    const { open, onClose, onOk, disabledOpts, initSelectedProperties, callback } = props;
+    const [state, setState] = useState({
+        link: '',
+        type: 'individual',
+        error: '',
+    });
+    useEffect(() => {
+        let type = 'individual';
+        if (initSelectedProperties && initSelectedProperties.keyTag) {
+            type = initSelectedProperties.keyTag === 'shortlink' ? 'individual' : 'general';
+        }
+        setState(prev => (Object.assign(Object.assign({}, prev), { link: initSelectedProperties.link, type: type })));
+    }, [initSelectedProperties, setState]);
+    const handleClose = () => {
+        setState(prev => (Object.assign(Object.assign({}, prev), { link: '', error: '' })));
+        if (onClose)
+            onClose();
+    };
+    const handleValidate = ({ urlString = state.link, afterValidate }) => {
+        const isValid = validateURL(urlString);
+        setState(prev => (Object.assign(Object.assign({}, prev), { error: isValid ? '' : 'Invalid URL' })));
+        if (typeof afterValidate === 'function')
+            afterValidate(isValid);
+    };
+    const handleOnChange = (value) => {
+        if (state.error)
+            handleValidate({ urlString: value });
+        setState(prev => (Object.assign(Object.assign({}, prev), { link: value })));
+    };
+    const handleOnOK = () => {
+        handleValidate({
+            afterValidate: (isValid) => {
+                if (isValid && onOk) {
+                    if (initSelectedProperties.urlDetected) {
+                        callback('REPLACE_DETECTED_URL', initSelectedProperties.urlDetected);
+                    }
+                    onOk(state.link, state.type);
+                    handleClose();
+                }
+            },
+        });
+    };
+    const onChangeType = (event) => {
+        setState(prev => (Object.assign(Object.assign({}, prev), { type: event.target.value })));
+    };
+    return (React.createElement(Modal, { open: open, onCancel: handleClose, title: React.createElement("div", { style: { color: 'rgba(0, 0, 0, 0.87)', fontWeight: 'normal', fontSize: '16px' } }, "Add Short Link"), okText: "OK", cancelText: "Cancel", closable: false, onOk: handleOnOK, okButtonProps: {
+            disabled: !validateURL(state.link),
+            type: !validateURL(state.link) ? 'default' : 'primary',
+        } },
+        React.createElement(Row, null,
+            React.createElement(Col, { span: 6 },
+                React.createElement("span", { style: { fontSize: 12, color: '#000' } }, "Short link type")),
+            React.createElement(Col, { span: 18 },
+                React.createElement(Radio.Group, { onChange: onChangeType, value: state.type }, OPTIONS.map(each => (React.createElement(Radio, { key: each.value, disabled: disabledOpts && disabledOpts[each.value], name: "shortlink-type", value: each.value }, each.label)))))),
+        React.createElement(Row, null,
+            React.createElement(Col, { span: 24 },
+                React.createElement(InputWrapper, null,
+                    React.createElement(InputShortLink, { required: true, isReverseMask: true, isHideErrMessage: true, labelColor: "#000000", id: "input-short-link-url", label: "Your URL", value: state.link, onAfterChange: handleOnChange })))),
+        !!state.error && (React.createElement(Row, null,
+            React.createElement(Col, { span: 6 }),
+            React.createElement(Col, { span: 18 },
+                React.createElement("div", null, state.error))))));
+};

package/es/components/atoms/InputDynamic/constants.d.ts

@@ -1,71 +1,71 @@
-export declare const DATE_AND_TIME_DEFAULT: {
-    type: string;
-    config: {
-        format: string;
-        date: {
-            check: boolean;
-            value: string;
-        };
-        time: {
-            check: boolean;
-            value: string;
-            timeFormat: string;
-        };
-    };
-};
-export declare const MAP_DATA_TYPE: {
-    number: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    string: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    text: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    datetime: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    boolean: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    array_number: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    array_string: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    array_datetime: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-    object: {
-        name: string;
-        label: string;
-        translateCode: string;
-        value: string;
-    };
-};
+export declare const DATE_AND_TIME_DEFAULT: {
+    type: string;
+    config: {
+        format: string;
+        date: {
+            check: boolean;
+            value: string;
+        };
+        time: {
+            check: boolean;
+            value: string;
+            timeFormat: string;
+        };
+    };
+};
+export declare const MAP_DATA_TYPE: {
+    number: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    string: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    text: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    datetime: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    boolean: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    array_number: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    array_string: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    array_datetime: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+    object: {
+        name: string;
+        label: string;
+        translateCode: string;
+        value: string;
+    };
+};

package/es/components/atoms/InputDynamic/constants.js

@@ -1,71 +1,71 @@
-export const DATE_AND_TIME_DEFAULT = {
-    type: 'DATE_AND_TIME',
-    config: {
-        format: 'DD/MM/YYYY',
-        date: {
-            check: true,
-            value: 'long',
-        },
-        time: {
-            check: true,
-            value: 'medium',
-            timeFormat: '24',
-        },
-    },
-};
-export const MAP_DATA_TYPE = {
-    number: {
-        name: 'number',
-        label: 'Number',
-        translateCode: '',
-        value: 'number',
-    },
-    string: {
-        name: 'string',
-        label: 'String',
-        translateCode: '',
-        value: 'string',
-    },
-    text: {
-        name: 'text',
-        label: 'Text',
-        translateCode: '',
-        value: 'text',
-    },
-    datetime: {
-        name: 'datetime',
-        label: 'Datetime',
-        translateCode: '',
-        value: 'datetime',
-    },
-    boolean: {
-        name: 'boolean',
-        label: 'Boolean',
-        translateCode: '',
-        value: 'boolean',
-    },
-    array_number: {
-        name: 'array_number',
-        label: 'Array of Numbers',
-        translateCode: '',
-        value: 'array_number',
-    },
-    array_string: {
-        name: 'array_string',
-        label: 'Array of Strings',
-        translateCode: '',
-        value: 'array_string',
-    },
-    array_datetime: {
-        name: 'array_datetime',
-        label: 'Array of Datetimes',
-        translateCode: '',
-        value: 'array_datetime',
-    },
-    object: {
-        name: 'object',
-        label: 'Object',
-        translateCode: '',
-        value: 'object',
-    },
-};
+export const DATE_AND_TIME_DEFAULT = {
+    type: 'DATE_AND_TIME',
+    config: {
+        format: 'DD/MM/YYYY',
+        date: {
+            check: true,
+            value: 'long',
+        },
+        time: {
+            check: true,
+            value: 'medium',
+            timeFormat: '24',
+        },
+    },
+};
+export const MAP_DATA_TYPE = {
+    number: {
+        name: 'number',
+        label: 'Number',
+        translateCode: '',
+        value: 'number',
+    },
+    string: {
+        name: 'string',
+        label: 'String',
+        translateCode: '',
+        value: 'string',
+    },
+    text: {
+        name: 'text',
+        label: 'Text',
+        translateCode: '',
+        value: 'text',
+    },
+    datetime: {
+        name: 'datetime',
+        label: 'Datetime',
+        translateCode: '',
+        value: 'datetime',
+    },
+    boolean: {
+        name: 'boolean',
+        label: 'Boolean',
+        translateCode: '',
+        value: 'boolean',
+    },
+    array_number: {
+        name: 'array_number',
+        label: 'Array of Numbers',
+        translateCode: '',
+        value: 'array_number',
+    },
+    array_string: {
+        name: 'array_string',
+        label: 'Array of Strings',
+        translateCode: '',
+        value: 'array_string',
+    },
+    array_datetime: {
+        name: 'array_datetime',
+        label: 'Array of Datetimes',
+        translateCode: '',
+        value: 'array_datetime',
+    },
+    object: {
+        name: 'object',
+        label: 'Object',
+        translateCode: '',
+        value: 'object',
+    },
+};

package/es/components/atoms/InputDynamic/index.d.ts

@@ -1,2 +1,2 @@
-export { InputDynamic } from './InputDynamic';
-export type { InputDynamicProps } from './types';
+export { InputDynamic } from './InputDynamic';
+export type { InputDynamicProps } from './types';

package/es/components/atoms/InputDynamic/index.js

@@ -1 +1 @@
-export { InputDynamic } from './InputDynamic';
+export { InputDynamic } from './InputDynamic';

package/es/components/atoms/InputDynamic/styled.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export declare const WrapperInputStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SpanIcon: import("styled-components").StyledComponent<"span", any, {
-    isDisabled?: boolean | undefined;
-}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputShortLink: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, import("../Input/Input").InputProps, any>;
-export declare const TooltipHover: import("styled-components").StyledComponent<"div", any, {
-    top: number;
-    left: number;
-    isShow: boolean;
-}, never>;
-export declare const DynamicItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const WrapperInputStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SpanIcon: import("styled-components").StyledComponent<"span", any, {
+    isDisabled?: boolean | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputShortLink: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, import("../Input/Input").InputProps, any>;
+export declare const TooltipHover: import("styled-components").StyledComponent<"div", any, {
+    top: number;
+    left: number;
+    isShow: boolean;
+}, never>;
+export declare const DynamicItem: import("styled-components").StyledComponent<"div", any, {}, never>;