@antscorp/antsomi-ui 1.3.3-beta.49 → 1.3.3-beta.50

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

@@ -1,16 +1,16 @@
-import { FC } from 'react';
-import type { SelectedPropertiesProps } from './InputDynamic';
-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 './InputDynamic';
+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/index.d.ts

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

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,12 +1,12 @@
-/// <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>;
+/// <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>;