@antscorp/antsomi-ui 1.3.5-beta.83 → 1.3.5-beta.84

package/es/assets/svg/mobile-frame.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="416.004" height="713" viewBox="0 0 416.004 713">
+  <path id="mobile_frame" data-name="mobile frame" d="M17657,3124a32.975,32.975,0,0,1-33-33V2444a32.977,32.977,0,0,1,33-33H18004a32.97,32.97,0,0,1,33,33v122.032a3.5,3.5,0,0,1,3,3.464v110a3.5,3.5,0,0,1-3,3.469v31.07a3.5,3.5,0,0,1,3,3.464v44a3.5,3.5,0,0,1-3,3.464V3091a32.97,32.97,0,0,1-33,33Zm-22-681v618a21.022,21.022,0,0,0,21,21h349.008a21.022,21.022,0,0,0,21-21V2443a21.022,21.022,0,0,0-21-21H17656A21.022,21.022,0,0,0,17635,2443Z" transform="translate(-17623.998 -2411)" fill="black"/>
+</svg>

package/es/components/atoms/Empty/Empty.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare const Empty: import("react").FC<import("antd").EmptyProps> & {
-    PRESENTED_IMAGE_DEFAULT: import("react").ReactNode;
-    PRESENTED_IMAGE_SIMPLE: import("react").ReactNode;
-};
+import React from 'react';
+import { EmptyProps } from 'antd';
+export interface IEmpty extends EmptyProps {
+    loading?: boolean;
+}
+export declare const Empty: React.FC<IEmpty>;

package/es/components/atoms/Empty/Empty.js

@@ -1,2 +1,8 @@
+import React from 'react';
 import { Empty as AntdEmpty } from 'antd';
-export const Empty = AntdEmpty;
+import { Spin } from '../Spin';
+import { LoadingOutlined } from '@ant-design/icons';
+export const Empty = props => {
+    const { loading, description } = props;
+    return (React.createElement(AntdEmpty, Object.assign({}, props, { description: loading ? (React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) })) : (description) })));
+};

package/es/components/atoms/Flex/Flex.d.ts

@@ -0,0 +1,2 @@
+export { Flex } from 'antd';
+export type { FlexProps } from 'antd';

package/es/components/atoms/Flex/Flex.js

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

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

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

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

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

package/es/components/atoms/Input/Input.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="hoist-non-react-statics" />
 import React, { ReactNode } from 'react';
-import { InputProps as AntdInputProps } from 'antd';
+import { InputProps as AntdInputProps, Input as AntdInput } from 'antd';
 export interface InputProps extends AntdInputProps {
     noborder?: 'true' | 'false' | boolean;
     debounce?: number;
@@ -7,14 +8,24 @@ export interface InputProps extends AntdInputProps {
     onAfterChange?: (value: any) => void;
     errorArchive?: string;
     required?: boolean;
+    isReverseMask?: boolean;
+    labelColor?: string;
+    isHideErrMessage?: boolean;
     focused?: boolean;
     errorMsg?: string;
     disableUndo?: boolean;
 }
-export declare const Input: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+export declare const Input: string & import("styled-components").StyledComponentBase<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
     Group: React.FC<import("antd/es/input").GroupProps>;
     Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").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("antd").InputRef>>;
-}, any, InputProps, never>;
+}, any, InputProps, never> & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").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("antd").InputRef>>;
+}, {}> & {
+    DefaultInput: typeof AntdInput;
+};
 export declare const TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;

package/es/components/atoms/Input/Input.js

@@ -13,6 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 /* eslint-disable react/destructuring-assignment */
 // Libraries
 import React, { useEffect, useMemo, useRef, useState } from 'react';
+// Types
+import { Input as AntdInput } from 'antd';
 // Components
 import { RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Utils
@@ -22,7 +24,7 @@ import { StyledInput } from './styled';
 const PATH = '@antscorp/antsomi-ui/es/components/atoms/Input/Input.tsx';
 const OriginInput = props => {
     // Props
-    const { debounce, errorArchive, required, focused, label, onAfterChange, onChange, errorMsg } = props, restProps = __rest(props, ["debounce", "errorArchive", "required", "focused", "label", "onAfterChange", "onChange", "errorMsg"]);
+    const { debounce, errorArchive, required, labelColor, isReverseMask, isHideErrMessage, focused, label, onAfterChange, onChange, errorMsg } = props, restProps = __rest(props, ["debounce", "errorArchive", "required", "labelColor", "isReverseMask", "isHideErrMessage", "focused", "label", "onAfterChange", "onChange", "errorMsg"]);
     // State
     const [value, setValue] = useState(props.value);
     const [isFocused, setFocused] = useState(false);
@@ -66,7 +68,7 @@ const OriginInput = props => {
     };
     const renderRequiredLabel = (label) => {
         if (required) {
-            return (React.createElement(RequiredLabel, { color: "#666666", style: { marginBottom: 5 } }, label));
+            return (React.createElement(RequiredLabel, { isReverseMask: isReverseMask, color: labelColor || '#666666', style: { marginBottom: 5 } }, label));
         }
         return (React.createElement(Text, { color: "#666666", style: { marginBottom: 5 } }, label));
     };
@@ -82,11 +84,13 @@ const OriginInput = props => {
                 }
                 restProps.onBlur && restProps.onBlur(e);
             }, onChange: onChangeInput }, getPreventKeyboardAction(listDisableActions))),
-        restProps.status === 'error' || errorArchive || requiredMsg ? (React.createElement(Text, { color: "#ff4d4f", style: { marginLeft: 8, marginTop: 5 } }, errorMsg || errorArchive || requiredMsg)) : null));
+        (restProps.status === 'error' || errorArchive || requiredMsg) && !isHideErrMessage ? (React.createElement(Text, { color: "#ff4d4f", style: { marginLeft: 8, marginTop: 5 } }, errorMsg || errorArchive || requiredMsg)) : null));
 };
 OriginInput.defaultProps = {
     debounce: 400,
+    isHideErrMessage: false,
 };
 export const Input = OriginInput;
 Input.TextArea = StyledInput.TextArea;
+Input.DefaultInput = AntdInput;
 export const { TextArea } = StyledInput;

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

@@ -0,0 +1,2 @@
+declare const EditCaretPositioning: any;
+export default EditCaretPositioning;

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

@@ -0,0 +1,104 @@
+/* eslint-disable no-cond-assign */
+/* eslint-disable no-plusplus */
+/* eslint-disable one-var */
+/* eslint-disable func-names */
+/* eslint-disable object-shorthand */
+/* eslint-disable prefer-const */
+const EditCaretPositioning = {};
+if (window.getSelection && document.createRange) {
+    // saves caret position(s)
+    EditCaretPositioning.saveSelection = function (containerEl) {
+        var _a;
+        try {
+            let range = (_a = window === null || window === void 0 ? void 0 : window.getSelection()) === null || _a === void 0 ? void 0 : _a.getRangeAt(0);
+            let preSelectionRange = range === null || range === void 0 ? void 0 : range.cloneRange();
+            preSelectionRange === null || preSelectionRange === void 0 ? void 0 : preSelectionRange.selectNodeContents(containerEl);
+            preSelectionRange === null || preSelectionRange === void 0 ? void 0 : preSelectionRange.setEnd(range === null || range === void 0 ? void 0 : range.startContainer, range === null || range === void 0 ? void 0 : range.startOffset);
+            let start = preSelectionRange === null || preSelectionRange === void 0 ? void 0 : preSelectionRange.toString().length;
+            return {
+                start: start,
+                end: start + (range === null || range === void 0 ? void 0 : range.toString().length),
+            };
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.log('err:>', e);
+        }
+        return {
+            start: 0,
+            end: 0,
+        };
+    };
+    // restores caret position(s)
+    EditCaretPositioning.restoreSelection = function (containerEl, savedSel) {
+        let charIndex = 0, range = document.createRange();
+        range.setStart(containerEl, 0);
+        range.collapse(true);
+        let nodeStack = [containerEl], node, foundStart = false, stop = false;
+        while (!stop && (node = nodeStack.pop())) {
+            if (node.nodeType === 3) {
+                let nextCharIndex = charIndex + node.length;
+                if (!foundStart &&
+                    savedSel &&
+                    savedSel.start >= charIndex &&
+                    savedSel.start <= nextCharIndex) {
+                    range.setStart(node, savedSel.start - charIndex);
+                    foundStart = true;
+                }
+                if (foundStart && savedSel.end >= charIndex && savedSel.end <= nextCharIndex) {
+                    range.setEnd(node, savedSel.end - charIndex);
+                    stop = true;
+                }
+                charIndex = nextCharIndex;
+            }
+            else {
+                let i = node.childNodes.length;
+                while (i--) {
+                    nodeStack.push(node.childNodes[i]);
+                }
+            }
+        }
+        let sel = window.getSelection();
+        // NOTE: add new text node after span contain shortlink content
+        if (range.endContainer) {
+            const { parentNode } = range.endContainer;
+            if (parentNode && parentNode.classList && parentNode.classList.contains('detect-url')) {
+                const textNode = document.createTextNode('\u00A0'); // Create a text node with a non-breaking space
+                if (parentNode.nextSibling) {
+                    parentNode.parentNode.insertBefore(textNode, parentNode.nextSibling);
+                }
+                else {
+                    parentNode.parentNode.appendChild(textNode);
+                }
+                range.setStart(textNode, textNode.length);
+                range.collapse(true);
+            }
+        }
+        sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
+        sel === null || sel === void 0 ? void 0 : sel.addRange(range);
+    };
+}
+else if (document.selection && document.body.createTextRange) {
+    // saves caret position(s)
+    EditCaretPositioning.saveSelection = function (containerEl) {
+        let selectedTextRange = document.selection.createRange();
+        let preSelectionTextRange = document.body.createTextRange();
+        preSelectionTextRange.moveToElementText(containerEl);
+        preSelectionTextRange.setEndPoint('EndToStart', selectedTextRange);
+        let start = preSelectionTextRange.text.length;
+        return {
+            start: start,
+            end: start + selectedTextRange.text.length,
+        };
+    };
+    // restores caret position(s)
+    EditCaretPositioning.restoreSelection = function (containerEl, savedSel) {
+        let textRange = document.body.createTextRange();
+        textRange.moveToElementText(containerEl);
+        textRange.collapse(true);
+        textRange.moveEnd('character', savedSel.end);
+        textRange.moveStart('character', savedSel.start);
+        textRange.select();
+    };
+}
+export default EditCaretPositioning;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputDynamicProps } from './types';
+export declare const AllowDynamicType: {
+    readonly SHORTLINK: "shortlink";
+    readonly ADDPERSONALIZATION: "addPersonalization";
+};
+export declare const InputDynamic: {
+    (props: InputDynamicProps): React.JSX.Element;
+    defaultProps: InputDynamicProps;
+};