@antscorp/antsomi-ui 1.3.3-beta.34 → 1.3.3-beta.36

package/es/components/atoms/DividerPure/styled.js

@@ -1,41 +0,0 @@
-var _a, _b;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const Wrapper = styled.div `
-  &.--horizontal {
-    border-top-width: 1px;
-    border-color: '#e3eef1';
-    width: 100%;
-    margin-top: 20px;
-    margin-bottom: 20px;
-  }
-
-  &.--vertical {
-    border-right-width: 1px;
-    border-color: '#e3eef1';
-    min-height: 30px;
-    width: max-content;
-    margin-left: 14px;
-    margin-right: 14px;
-  }
-
-  &.--dot {
-    border-style: dotted;
-    border-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.accent3};
-
-    &.--vertical {
-      border-right-width: 2px;
-    }
-  }
-
-  &.--dashed {
-    border-style: dashed;
-    border-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.accent3};
-
-    &.--vertical {
-      border-right-width: 2px;
-    }
-  }
-`;

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

@@ -1,5 +0,0 @@
-/// <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;
-};

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

@@ -1,2 +0,0 @@
-import { Empty as AntdEmpty } from 'antd';
-export const Empty = AntdEmpty;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/atoms/FloatButton/FloatButton.js

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

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

@@ -1 +0,0 @@
-export declare const FloatButton: import("antd/es/float-button/interface").CompoundedComponent;

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

@@ -1,2 +0,0 @@
-import { FloatButton as AntdFloatButton } from './FloatButton';
-export const FloatButton = AntdFloatButton;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Row: import("react").ForwardRefExoticComponent<import("antd").RowProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Col: import("react").ForwardRefExoticComponent<import("antd").ColProps & import("react").RefAttributes<HTMLDivElement>>;

package/es/components/atoms/Grid/Grid.js

@@ -1,3 +0,0 @@
-import { Row as AntdRow, Col as AntdCol } from 'antd';
-export const Row = AntdRow;
-export const Col = AntdCol;

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

@@ -1 +0,0 @@
-export { Row, Col } from './Grid';

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

@@ -1 +0,0 @@
-export { Row, Col } from './Grid';

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface IconProps {
-    size?: number;
-    width?: number;
-    height?: number;
-    color?: string;
-    style?: React.CSSProperties;
-}
-export declare const Icon: import("styled-components").StyledComponent<any, any, object & IconProps, string | number | symbol>;
-export {};

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

@@ -1,36 +0,0 @@
-// Libraries
-import styled, { css } from 'styled-components';
-// Components
-import AntsIcon from '@antscorp/icons';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-const DraftAntsIcon = AntsIcon;
-export const Icon = styled(DraftAntsIcon) `
-  ${p => (p.style ? css `style` : null)}
-  ${p => p.size
-    ? css `
-          width: ${p.width || p.size}px !important;
-          height: ${p.height || p.size}px !important;
-          font-size: ${p.size}px !important;
-        `
-    : css `
-          font-size: 20px;
-          line-height: 1;
-        `}
-
-  ${p => p.color
-    ? css `
-          color: ${p.color} !important;
-        `
-    : null}
-
-  ${p => {
-    var _a;
-    return p.disabled
-        ? css `
-          cursor: not-allowed !important;
-          color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDisabled} !important;
-        `
-        : null;
-}}
-`;

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

@@ -1,31 +0,0 @@
-/// <reference types="hoist-non-react-statics" />
-import React, { ReactNode } from 'react';
-import { InputProps as AntdInputProps, Input as AntdInput } from 'antd';
-export interface InputProps extends AntdInputProps {
-    noborder?: 'true' | 'false' | boolean;
-    debounce?: number;
-    label?: ReactNode;
-    onAfterChange?: (value: any) => void;
-    errorArchive?: string;
-    required?: boolean;
-    isReverseMask?: boolean;
-    labelColor?: string;
-    isHideErrMessage?: boolean;
-    focused?: boolean;
-    errorMsg?: string;
-    disableUndo?: boolean;
-}
-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> & 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

@@ -1,96 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-/* 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
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-import { getPreventKeyboardAction } from '@antscorp/antsomi-ui/es/utils/web';
-import { StyledInput } from './styled';
-const PATH = '@antscorp/antsomi-ui/es/components/atoms/Input/Input.tsx';
-const OriginInput = props => {
-    // Props
-    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);
-    const requiredMsg = useMemo(() => {
-        let msg = '';
-        const isEmptyValue = !props.value || (Array.isArray(props.value) && !props.value.length);
-        if (required && isEmptyValue && isFocused) {
-            msg = 'This field is required';
-        }
-        return msg;
-    }, [props.value, required, isFocused]);
-    // Ref
-    const timeoutAfterChange = useRef(null);
-    useEffect(() => {
-        setValue(props.value);
-    }, [props.value]);
-    useEffect(() => {
-        if (focused) {
-            setFocused(focused);
-        }
-    }, [focused]);
-    const onChangeInput = (event) => {
-        try {
-            const { value } = event.target;
-            setValue(value);
-            onChange && onChange(event);
-            if (timeoutAfterChange) {
-                clearTimeout(timeoutAfterChange.current);
-            }
-            timeoutAfterChange.current = setTimeout(() => {
-                onAfterChange && onAfterChange(value);
-            }, debounce);
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChangeInput',
-                args: {},
-            });
-        }
-    };
-    const renderRequiredLabel = (label) => {
-        if (required) {
-            return (React.createElement(RequiredLabel, { isReverseMask: isReverseMask, color: labelColor || '#666666', style: { marginBottom: 5 } }, label));
-        }
-        return (React.createElement(Text, { color: "#666666", style: { marginBottom: 5 } }, label));
-    };
-    const listDisableActions = [];
-    if (props.disableUndo) {
-        listDisableActions.push('undo');
-    }
-    return (React.createElement("div", { className: "input__wrapper" },
-        label && renderRequiredLabel(label),
-        React.createElement(StyledInput, Object.assign({}, restProps, { value: value, onBlur: e => {
-                if (!isFocused) {
-                    setFocused(true);
-                }
-                restProps.onBlur && restProps.onBlur(e);
-            }, onChange: onChangeInput }, getPreventKeyboardAction(listDisableActions))),
-        (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/Input/index.d.ts

@@ -1,2 +0,0 @@
-export { Input, TextArea } from './Input';
-export type { InputProps } from './Input';

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

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

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { InputProps } from './Input';
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef>> & {
-    Group: import("react").FC<import("antd/es/input").GroupProps>;
-    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
-    TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
-    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
-}, any, InputProps, never>;
-export declare const TextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, any, {
-    showBorder?: boolean | undefined;
-}, never>;

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

@@ -1,109 +0,0 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-// Styled
-import styled, { css } from 'styled-components';
-// Components
-import { Input as InputAntd } from 'antd';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const StyledInput = styled(InputAntd) `
-  /* height: 30px;
-  height: 30px;
-  border-style: none;
-  border-radius: 0px;
-  padding-left: 5px;
-  padding-right: 5px;
-  font-family: 'Roboto';
-  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
-  --tw-shadow: 0 1px 0 0 #e0e0e0;
-  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-
-  &::placeholder {
-    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.accent5};
-  }
-
-  &:hover {
-    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.blue0};
-  }
-
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-
-  ${({ noborder }) => noborder &&
-    css `
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-colored: 0 0 #0000;
-      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-        var(--tw-shadow);
-      padding-left: 0;
-      padding-right: 0;
-    `}
-
-  &:active,
-  &:focus {
-    background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue0};
-    --tw-shadow: 0 1px 0 0 #194e8d;
-    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-
-  &:disabled {
-    background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.accent1};
-    color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.accent5};
-    --tw-shadow: 0 1px 0 0 #e0e0e0;
-    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  } */
-`;
-export const TextArea = styled(InputAntd.TextArea) `
-  height: 30px;
-  border-style: none;
-  border-radius: 0px;
-  padding-left: 5px;
-  padding-right: 5px;
-  font-family: 'Roboto';
-  font-size: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.fontSize}px;
-  --tw-shadow: 0 1px 0 0 #e0e0e0;
-  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-
-  &::placeholder {
-    color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.accent5};
-  }
-
-  &:hover {
-    background-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.blue0};
-  }
-
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-
-  &:active,
-  &:focus {
-    background-color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.blue0};
-    --tw-shadow: 0 1px 0 0 #194e8d;
-    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-
-  &:disabled {
-    background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.accent1};
-    color: ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.accent5};
-    --tw-shadow: 0 1px 0 0 #e0e0e0;
-    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-
-  ${props => props.showBorder &&
-    css `
-      border: 1px solid #e0e0e0;
-    `}
-`;

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

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

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

@@ -1,89 +0,0 @@
-/* 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();
-        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

@@ -1,29 +0,0 @@
-import { DisableShortLinkTypeProps } from './PopupShortLink';
-export type KeyTagType = 'shortlink' | 'shortlink_static';
-export type SelectedPropertiesProps = {
-    keyTag: KeyTagType;
-    link: string;
-    urlDetected: string;
-};
-export type InputDynamicProps = {
-    value: string;
-    isViewMode?: boolean;
-    errors?: string[];
-    disabledOpts?: DisableShortLinkTypeProps;
-    canMultipleLine?: boolean;
-    onError?: Function;
-    onChange: (valueOut: string) => any;
-    addMessageToQueue?: Function;
-};
-export declare const InputDynamic: {
-    (props: InputDynamicProps): JSX.Element;
-    defaultProps: {
-        value: string;
-        isViewMode: boolean;
-        errors: never[];
-        canMultipleLine: boolean;
-        onError: () => void;
-        onChange: () => void;
-        addMessageToQueue: () => void;
-    };
-};