@antscorp/antsomi-ui 2.0.13 → 2.0.15

package/es/components/atoms/Alert/Alert.js

@@ -1,16 +1,4 @@
-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;
-};
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { Alert as AntdAlert } from 'antd';
 // Constants
@@ -19,19 +7,19 @@ import clsx from 'clsx';
 import { WarningIcon } from '@antscorp/antsomi-ui/es/components/icons';
 export const AlertStyled = styled(AntdAlert) `
   padding: 15px !important;
-  font-size: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.fontSize}px;
+  font-size: ${globalToken?.fontSize}px;
   box-sizing: border-box;
   gap: 15px;
 
   /* .antsomi-alert-message {
-    color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextBase} !important;
+    color: ${globalToken?.colorTextBase} !important;
   } */
 
   &.antsomi-alert-info {
-    background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw1};
-    border-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue1};
+    background-color: ${globalToken?.bw1};
+    border-color: ${globalToken?.blue1};
     svg {
-      color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue7};
+      color: ${globalToken?.blue7};
     }
   }
 
@@ -39,7 +27,7 @@ export const AlertStyled = styled(AntdAlert) `
     background-color: transparent;
 
     &.antsomi-alert-warning {
-      border-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.orange6} !important;
+      border-color: ${globalToken?.orange6} !important;
       svg {
         margin: 0;
       }
@@ -47,9 +35,9 @@ export const AlertStyled = styled(AntdAlert) `
   }
 `;
 export const Alert = props => {
-    const { variant = 'default', className, icon, type } = props, restProps = __rest(props, ["variant", "className", "icon", "type"]);
-    return (React.createElement(AlertStyled, Object.assign({ className: clsx(className, {
+    const { variant = 'default', className, icon, type, ...restProps } = props;
+    return (_jsx(AlertStyled, { className: clsx(className, {
             'antsomi-alert-outline': variant === 'outline',
             'antsomi-alert-default': variant === 'default',
-        }), icon: variant === 'outline' && !icon && type === 'warning' ? React.createElement(WarningIcon, null) : icon, type: type }, restProps)));
+        }), icon: variant === 'outline' && !icon && type === 'warning' ? _jsx(WarningIcon, {}) : icon, type: type, ...restProps }));
 };

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

@@ -1,2 +1,4 @@
-export { Button } from 'antd';
-export type { ButtonProps } from 'antd';
+import React from 'react';
+import type { ButtonProps as AntdButtonProps } from 'antd';
+export type ButtonProps = AntdButtonProps;
+export declare const Button: React.ForwardRefExoticComponent<AntdButtonProps & React.RefAttributes<React.LegacyRef<HTMLElement>>>;

package/es/components/atoms/Button/Button.js

@@ -1 +1,4 @@
-export { Button } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as AntdButton } from 'antd';
+import React from 'react';
+export const Button = React.forwardRef((props, ref) => (_jsx(AntdButton, { ...props, ref: ref })));

package/es/components/atoms/Button/test.js

@@ -1,99 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Libraries
-import React, { useState } from 'react';
+import { useState } from 'react';
 import Icon from '@antscorp/icons';
 // Components
 import { Button, Divider, Radio, Space, Modal } from '../../index';
-const TestIcon = () => React.createElement(Icon, { type: "icon-ants-toggle-on" });
+const TestIcon = () => _jsx(Icon, { type: "icon-ants-toggle-on" });
 const TestButton = () => {
     const [size, setSize] = useState('large'); // default is 'middle'
     const [api, context] = Modal.useModal();
-    return (React.createElement(React.Fragment, null,
-        context,
-        React.createElement(Space, { direction: "vertical", size: 20 },
-            React.createElement(Space, { wrap: true },
-                React.createElement(Button, { type: "primary", onClick: () => {
-                        api.confirm({
-                            title: 'hello',
-                            content: 'this is me',
-                        });
-                    } }, "Primary Button"),
-                React.createElement(Button, null, "Default Button"),
-                React.createElement(Button, { type: "dashed" }, "Dashed Button"),
-                React.createElement(Button, { type: "text" }, "Text Button"),
-                React.createElement(Button, { type: "link" }, "Link Button")),
-            React.createElement(Space, { direction: "vertical" },
-                React.createElement(Space, { wrap: true },
-                    React.createElement(Button, { type: "primary", shape: "circle", icon: React.createElement(TestIcon, null) }),
-                    React.createElement(Button, { type: "primary", shape: "circle" }, "A"),
-                    React.createElement(Button, { type: "primary", icon: React.createElement(TestIcon, null) }, "Search"),
-                    React.createElement(Button, { shape: "circle", icon: React.createElement(TestIcon, null) }),
-                    React.createElement(Button, { icon: React.createElement(TestIcon, null) }, "Search")),
-                React.createElement(Space, { wrap: true },
-                    React.createElement(Button, { shape: "circle", icon: React.createElement(TestIcon, null) }),
-                    React.createElement(Button, { icon: React.createElement(TestIcon, null) }, "Search"),
-                    React.createElement(Button, { type: "dashed", shape: "circle", icon: React.createElement(TestIcon, null) }),
-                    React.createElement(Button, { type: "dashed", icon: React.createElement(TestIcon, null) }, "Search"),
-                    React.createElement(Button, { icon: React.createElement(TestIcon, null), href: "https://www.google.com" }))),
-            React.createElement(Space, { wrap: true },
-                React.createElement(Button, { type: "primary" }, "Primary Button"),
-                React.createElement(Button, null, "Default Button"),
-                React.createElement(Button, { type: "dashed" }, "Dashed Button"),
-                React.createElement(Button, { type: "text" }, "Text Button"),
-                React.createElement(Button, { type: "link" }, "Link Button")),
-            React.createElement(Radio.Group, { value: size, onChange: e => setSize(e.target.value) },
-                React.createElement(Radio.Button, { value: "large" }, "Large"),
-                React.createElement(Radio.Button, { value: "default" }, "Default"),
-                React.createElement(Radio.Button, { value: "small" }, "Small")),
-            React.createElement(Divider, { orientation: "left", plain: true }, "Preview"),
-            React.createElement(Space, { direction: "vertical" },
-                React.createElement(Space, { wrap: true },
-                    React.createElement(Button, { type: "primary", size: size }, "Primary"),
-                    React.createElement(Button, { size: size }, "Default"),
-                    React.createElement(Button, { type: "dashed", size: size }, "Dashed")),
-                React.createElement(Button, { type: "link", size: size }, "Link"),
-                React.createElement(Space, { wrap: true },
-                    React.createElement(Button, { type: "primary", icon: React.createElement(TestIcon, null), size: size }),
-                    React.createElement(Button, { type: "primary", shape: "circle", icon: React.createElement(TestIcon, null), size: size }),
-                    React.createElement(Button, { type: "primary", shape: "round", icon: React.createElement(TestIcon, null), size: size }),
-                    React.createElement(Button, { type: "primary", shape: "round", icon: React.createElement(TestIcon, null), size: size }, "Download"),
-                    React.createElement(Button, { type: "primary", icon: React.createElement(TestIcon, null), size: size }, "Download"),
-                    React.createElement(Button, { danger: true }, "Danger"),
-                    React.createElement(Button, { danger: true, type: "primary" }, "Danger"),
-                    React.createElement(Button, { danger: true, type: "link" }, "Danger"),
-                    React.createElement(Button, { danger: true, type: "text" }, "Danger"))),
-            React.createElement(Space, { direction: "vertical" },
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "primary" }, "Primary"),
-                    React.createElement(Button, { type: "primary", disabled: true }, "Primary(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, null, "Default"),
-                    React.createElement(Button, { disabled: true }, "Default(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "dashed" }, "Dashed"),
-                    React.createElement(Button, { type: "dashed", disabled: true }, "Dashed(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "text" }, "Text"),
-                    React.createElement(Button, { type: "text", disabled: true }, "Text(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "link" }, "Link"),
-                    React.createElement(Button, { type: "link", disabled: true }, "Link(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "primary", href: "https://ant.design/index-cn" }, "Href Primary"),
-                    React.createElement(Button, { type: "primary", href: "https://ant.design/index-cn", disabled: true }, "Href Primary(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { danger: true }, "Danger Default"),
-                    React.createElement(Button, { danger: true, disabled: true }, "Danger Default(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "primary", danger: true }, "Primary"),
-                    React.createElement(Button, { type: "primary", danger: true, disabled: true }, "Primary(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { danger: true, type: "text" }, "Danger Text"),
-                    React.createElement(Button, { danger: true, type: "text", disabled: true }, "Danger Text(disabled)")),
-                React.createElement(Space, null,
-                    React.createElement(Button, { type: "link", danger: true }, "Danger Link"),
-                    React.createElement(Button, { type: "link", danger: true, disabled: true }, "Danger Link(disabled)")),
-                React.createElement(Space, { className: "site-button-ghost-wrapper" },
-                    React.createElement(Button, { ghost: true }, "Ghost"),
-                    React.createElement(Button, { ghost: true, disabled: true }, "Ghost(disabled)"))))));
+    return (_jsxs(_Fragment, { children: [context, _jsxs(Space, { direction: "vertical", size: 20, children: [_jsxs(Space, { wrap: true, children: [_jsx(Button, { type: "primary", onClick: () => {
+                                    api.confirm({
+                                        title: 'hello',
+                                        content: 'this is me',
+                                    });
+                                }, children: "Primary Button" }), _jsx(Button, { children: "Default Button" }), _jsx(Button, { type: "dashed", children: "Dashed Button" }), _jsx(Button, { type: "text", children: "Text Button" }), _jsx(Button, { type: "link", children: "Link Button" })] }), _jsxs(Space, { direction: "vertical", children: [_jsxs(Space, { wrap: true, children: [_jsx(Button, { type: "primary", shape: "circle", icon: _jsx(TestIcon, {}) }), _jsx(Button, { type: "primary", shape: "circle", children: "A" }), _jsx(Button, { type: "primary", icon: _jsx(TestIcon, {}), children: "Search" }), _jsx(Button, { shape: "circle", icon: _jsx(TestIcon, {}) }), _jsx(Button, { icon: _jsx(TestIcon, {}), children: "Search" })] }), _jsxs(Space, { wrap: true, children: [_jsx(Button, { shape: "circle", icon: _jsx(TestIcon, {}) }), _jsx(Button, { icon: _jsx(TestIcon, {}), children: "Search" }), _jsx(Button, { type: "dashed", shape: "circle", icon: _jsx(TestIcon, {}) }), _jsx(Button, { type: "dashed", icon: _jsx(TestIcon, {}), children: "Search" }), _jsx(Button, { icon: _jsx(TestIcon, {}), href: "https://www.google.com" })] })] }), _jsxs(Space, { wrap: true, children: [_jsx(Button, { type: "primary", children: "Primary Button" }), _jsx(Button, { children: "Default Button" }), _jsx(Button, { type: "dashed", children: "Dashed Button" }), _jsx(Button, { type: "text", children: "Text Button" }), _jsx(Button, { type: "link", children: "Link Button" })] }), _jsxs(Radio.Group, { value: size, onChange: e => setSize(e.target.value), children: [_jsx(Radio.Button, { value: "large", children: "Large" }), _jsx(Radio.Button, { value: "default", children: "Default" }), _jsx(Radio.Button, { value: "small", children: "Small" })] }), _jsx(Divider, { orientation: "left", plain: true, children: "Preview" }), _jsxs(Space, { direction: "vertical", children: [_jsxs(Space, { wrap: true, children: [_jsx(Button, { type: "primary", size: size, children: "Primary" }), _jsx(Button, { size: size, children: "Default" }), _jsx(Button, { type: "dashed", size: size, children: "Dashed" })] }), _jsx(Button, { type: "link", size: size, children: "Link" }), _jsxs(Space, { wrap: true, children: [_jsx(Button, { type: "primary", icon: _jsx(TestIcon, {}), size: size }), _jsx(Button, { type: "primary", shape: "circle", icon: _jsx(TestIcon, {}), size: size }), _jsx(Button, { type: "primary", shape: "round", icon: _jsx(TestIcon, {}), size: size }), _jsx(Button, { type: "primary", shape: "round", icon: _jsx(TestIcon, {}), size: size, children: "Download" }), _jsx(Button, { type: "primary", icon: _jsx(TestIcon, {}), size: size, children: "Download" }), _jsx(Button, { danger: true, children: "Danger" }), _jsx(Button, { danger: true, type: "primary", children: "Danger" }), _jsx(Button, { danger: true, type: "link", children: "Danger" }), _jsx(Button, { danger: true, type: "text", children: "Danger" })] })] }), _jsxs(Space, { direction: "vertical", children: [_jsxs(Space, { children: [_jsx(Button, { type: "primary", children: "Primary" }), _jsx(Button, { type: "primary", disabled: true, children: "Primary(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { children: "Default" }), _jsx(Button, { disabled: true, children: "Default(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { type: "dashed", children: "Dashed" }), _jsx(Button, { type: "dashed", disabled: true, children: "Dashed(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { type: "text", children: "Text" }), _jsx(Button, { type: "text", disabled: true, children: "Text(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { type: "link", children: "Link" }), _jsx(Button, { type: "link", disabled: true, children: "Link(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { type: "primary", href: "https://ant.design/index-cn", children: "Href Primary" }), _jsx(Button, { type: "primary", href: "https://ant.design/index-cn", disabled: true, children: "Href Primary(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { danger: true, children: "Danger Default" }), _jsx(Button, { danger: true, disabled: true, children: "Danger Default(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { type: "primary", danger: true, children: "Primary" }), _jsx(Button, { type: "primary", danger: true, disabled: true, children: "Primary(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { danger: true, type: "text", children: "Danger Text" }), _jsx(Button, { danger: true, type: "text", disabled: true, children: "Danger Text(disabled)" })] }), _jsxs(Space, { children: [_jsx(Button, { type: "link", danger: true, children: "Danger Link" }), _jsx(Button, { type: "link", danger: true, disabled: true, children: "Danger Link(disabled)" })] }), _jsxs(Space, { className: "site-button-ghost-wrapper", children: [_jsx(Button, { ghost: true, children: "Ghost" }), _jsx(Button, { ghost: true, disabled: true, children: "Ghost(disabled)" })] })] })] })] }));
 };
 export default TestButton;

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

@@ -1 +1,4 @@
-export { Checkbox } from 'antd';
+/// <reference types="react" />
+import type { CheckboxProps as AntdCheckboxProps } from 'antd';
+export type CheckboxProps = AntdCheckboxProps;
+export declare const Checkbox: React.FC<CheckboxProps>;

package/es/components/atoms/Checkbox/Checkbox.js

@@ -1 +1,3 @@
-export { Checkbox } from 'antd';
+// export { Checkbox } from 'antd';
+import { Checkbox as AntdCheckbox } from 'antd';
+export const Checkbox = AntdCheckbox;

package/es/components/atoms/ContentEditable/ContentEditable.js

@@ -1,14 +1,4 @@
-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;
-};
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState } from 'react';
 import { ContentEditableWrapper } from './styled';
 // NOTE: User can keypress when value reach max length
@@ -24,7 +14,7 @@ const IGNORE_KEY_CODE = [
     'Tab',
 ];
 export const ContentEditable = React.memo(props => {
-    const { value, onSave, className, isEdit, disabledBlur, maxLength, breakWord, regexPattern, ellipsis } = props, restProps = __rest(props, ["value", "onSave", "className", "isEdit", "disabledBlur", "maxLength", "breakWord", "regexPattern", "ellipsis"]);
+    const { value, onSave, className, isEdit, disabledBlur, maxLength, breakWord, regexPattern, ellipsis, ...restProps } = props;
     const [isEditable, setIsEditable] = useState(false);
     const elementRef = useRef(null);
     useEffect(() => {
@@ -35,7 +25,7 @@ export const ContentEditable = React.memo(props => {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isEdit]);
-    return (React.createElement(ContentEditableWrapper, Object.assign({}, restProps, { "$breakWord": breakWord, ref: elementRef, className: `${isEditable ? 'editable' : ''} ${className || ''}`, suppressContentEditableWarning: true, contentEditable: true, spellCheck: false, ellipsis: { tooltip: true }, onClick: () => {
+    return (_jsx(ContentEditableWrapper, { ...restProps, "$breakWord": breakWord, ref: elementRef, className: `${isEditable ? 'editable' : ''} ${className || ''}`, suppressContentEditableWarning: true, contentEditable: true, spellCheck: false, ellipsis: { tooltip: true }, onClick: () => {
             if (!isEditable) {
                 setIsEditable(true);
             }
@@ -45,11 +35,10 @@ export const ContentEditable = React.memo(props => {
             setIsEditable(false);
             onSave(e.target.innerText, e);
         }, onKeyDown: (e) => {
-            var _a;
             if (!isEditable)
                 e.preventDefault();
             // Check letters are selected => user want to replace it => allow edit
-            const selectedLetter = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length;
+            const selectedLetter = window.getSelection()?.toString().length;
             // Check user want select all text
             const isSelectAll = e.code === 'KeyA' && e.ctrlKey;
             if (!IGNORE_KEY_CODE.includes(e.code) &&
@@ -72,5 +61,5 @@ export const ContentEditable = React.memo(props => {
                 !isSelectAll) {
                 e.preventDefault();
             }
-        } }), value));
+        }, children: value }));
 });

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

@@ -1,25 +1,14 @@
-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;
-};
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libraries
 import classNames from 'classnames';
-import * as React from 'react';
 // Styled
 import { Wrapper } from './styled';
 export const DividerPure = props => {
-    const { type, dot, dashed, className, style, width, height, children } = props, restOf = __rest(props, ["type", "dot", "dashed", "className", "style", "width", "height", "children"]);
-    return (React.createElement(Wrapper, Object.assign({ className: classNames(`--${type}`, className, {
+    const { type, dot, dashed, className, style, width, height, children, ...restOf } = props;
+    return (_jsx(Wrapper, { className: classNames(`--${type}`, className, {
             '--dot': dot,
             '--dashed': dashed,
-        }), style: Object.assign(Object.assign({}, style), { height, width }) }, restOf)));
+        }), style: { ...style, height, width }, ...restOf }));
 };
 DividerPure.defaultProps = {
     type: 'horizontal',

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

@@ -1,4 +1,3 @@
-var _a, _b;
 // Libraries
 import styled from 'styled-components';
 // Constants
@@ -23,7 +22,7 @@ export const Wrapper = styled.div `
 
   &.--dot {
     border-style: dotted;
-    border-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.accent3};
+    border-color: ${THEME.token?.accent3};
 
     &.--vertical {
       border-right-width: 2px;
@@ -32,7 +31,7 @@ export const Wrapper = styled.div `
 
   &.--dashed {
     border-style: dashed;
-    border-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.accent3};
+    border-color: ${THEME.token?.accent3};
 
     &.--vertical {
       border-right-width: 2px;

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Empty as AntdEmpty } from 'antd';
 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) })));
+    return (_jsx(AntdEmpty, { ...props, description: loading ? (_jsx(Spin, { indicator: _jsx(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) })) : (description) }));
 };

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

@@ -24,13 +24,10 @@ export const Icon = styled(DraftAntsIcon) `
         `
     : null}
 
-  ${p => {
-    var _a;
-    return p.disabled
-        ? css `
+  ${p => p.disabled
+    ? css `
           cursor: not-allowed !important;
-          color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDisabled} !important;
+          color: ${THEME.token?.colorTextDisabled} !important;
         `
-        : null;
-}}
+    : null}
 `;

package/es/components/atoms/Iframe/Iframe.js

@@ -1,17 +1,7 @@
-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;
-};
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libraries
 import clsx from 'clsx';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 // Styled
@@ -21,7 +11,7 @@ const StyledIframe = styled.iframe `
   opacity: 0;
 `;
 export const Iframe = props => {
-    const { children, className, src, srcDoc } = props, restProps = __rest(props, ["children", "className", "src", "srcDoc"]);
+    const { children, className, src, srcDoc, ...restProps } = props;
     // Ref
     const iframeRef = useRef(null);
     // Effects
@@ -35,8 +25,7 @@ export const Iframe = props => {
     useEffect(() => {
         const iframe = iframeRef.current;
         const handleLoad = () => {
-            var _a;
-            const iframeDoc = iframe.contentDocument || ((_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document);
+            const iframeDoc = iframe.contentDocument || iframe?.contentWindow?.document;
             const style = document.createElement('style');
             style.innerHTML = `
          ::-webkit-scrollbar {
@@ -50,7 +39,7 @@ export const Iframe = props => {
 
           *:hover {
             &::-webkit-scrollbar-thumb {
-              background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.gray5};
+              background-color: ${globalToken?.gray5};
             }
           }
       `;
@@ -68,5 +57,5 @@ export const Iframe = props => {
             }
         };
     }, []);
-    return (React.createElement(StyledIframe, Object.assign({}, restProps, { src: src, srcDoc: srcDoc, className: clsx('antsomi-iframe', className), ref: iframeRef })));
+    return (_jsx(StyledIframe, { ...restProps, src: src, srcDoc: srcDoc, className: clsx('antsomi-iframe', className), ref: iframeRef }));
 };

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

@@ -1,14 +1,4 @@
-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;
-};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-unused-expressions */
 /* eslint-disable react/destructuring-assignment */
 // Libraries
@@ -25,7 +15,7 @@ import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 const PATH = '@antscorp/antsomi-ui/es/components/atoms/Input/Input.tsx';
 const OriginInput = React.forwardRef((props, ref) => {
     // Props
-    const { withWrapper, debounce, errorArchive, required, labelColor, isReverseMask, isHideErrMessage, focused, label, onAfterChange, onChange, errorMsg } = props, restProps = __rest(props, ["withWrapper", "debounce", "errorArchive", "required", "labelColor", "isReverseMask", "isHideErrMessage", "focused", "label", "onAfterChange", "onChange", "errorMsg"]);
+    const { withWrapper, debounce, errorArchive, required, labelColor, isReverseMask, isHideErrMessage, focused, label, onAfterChange, onChange, errorMsg, ...restProps } = props;
     // State
     const [value, setValue] = useState(props.value);
     const [isFocused, setFocused] = useState(false);
@@ -69,26 +59,23 @@ const OriginInput = React.forwardRef((props, ref) => {
     };
     const renderRequiredLabel = (label) => {
         if (required) {
-            return (React.createElement(RequiredLabel, { isReverseMask: isReverseMask, color: labelColor || '#666666', style: { marginBottom: 5 } }, label));
+            return (_jsx(RequiredLabel, { isReverseMask: isReverseMask, color: labelColor || '#666666', style: { marginBottom: 5 }, children: label }));
         }
-        return (React.createElement(Text, { color: "#666666", style: { marginBottom: 5 } }, label));
+        return (_jsx(Text, { color: "#666666", style: { marginBottom: 5 }, children: label }));
     };
     const listDisableActions = [];
     if (props.disableUndo) {
         listDisableActions.push('undo');
     }
-    const content = (React.createElement(React.Fragment, null,
-        label && renderRequiredLabel(label),
-        React.createElement(StyledInput, Object.assign({}, restProps, { ref: ref, 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));
+    const content = (_jsxs(_Fragment, { children: [label && renderRequiredLabel(label), _jsx(StyledInput, { ...restProps, ref: ref, value: value, onBlur: e => {
+                    if (!isFocused) {
+                        setFocused(true);
+                    }
+                    restProps.onBlur && restProps.onBlur(e);
+                }, onChange: onChangeInput, ...getPreventKeyboardAction(listDisableActions) }), (restProps.status === 'error' || errorArchive || requiredMsg) && !isHideErrMessage ? (_jsx(Text, { color: "#ff4d4f", style: { marginLeft: 8, marginTop: 5 }, children: errorMsg || errorArchive || requiredMsg })) : null] }));
     if (!withWrapper)
         return content;
-    return React.createElement("div", { className: "input__wrapper" }, content);
+    return _jsx("div", { className: "input__wrapper", children: content });
 });
 OriginInput.defaultProps = {
     debounce: 400,
@@ -96,7 +83,7 @@ OriginInput.defaultProps = {
     withWrapper: true,
 };
 export const Input = OriginInput;
-const SearchInput = React.forwardRef((props, ref) => (React.createElement(OriginInput, Object.assign({ bordered: false, autoFocus: true, suffix: React.createElement(Icon, { type: "icon-ants-search-2", size: 24, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8 }) }, props, { ref: ref, className: `${props.className} antsomi-search-input` }))));
+const SearchInput = React.forwardRef((props, ref) => (_jsx(OriginInput, { bordered: false, autoFocus: true, suffix: _jsx(Icon, { type: "icon-ants-search-2", size: 24, color: globalToken?.bw8 }), ...props, ref: ref, className: `${props.className} antsomi-search-input` })));
 Input.CustomSearch = SearchInput;
 Input.TextArea = StyledInput.TextArea;
 Input.DefaultInput = AntdInput;

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

@@ -1,4 +1,3 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
 // Styled
 import styled, { css } from 'styled-components';
 // Components
@@ -13,18 +12,18 @@ export const StyledInput = styled(InputAntd) `
   padding-left: 5px;
   padding-right: 5px;
   font-family: 'Roboto';
-  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+  font-size: ${THEME.token?.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};
+    color: ${THEME.token?.accent5};
   }
 
   &:hover {
-    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.blue0};
+    background-color: ${THEME.token?.blue0};
   }
 
   transition-property: all;
@@ -43,7 +42,7 @@ export const StyledInput = styled(InputAntd) `
 
   &:active,
   &:focus {
-    background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue0};
+    background-color: ${THEME.token?.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),
@@ -51,8 +50,8 @@ export const StyledInput = styled(InputAntd) `
   }
 
   &: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};
+    background-color: ${THEME.token?.accent1};
+    color: ${THEME.token?.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),
@@ -66,18 +65,18 @@ export const TextArea = styled(InputAntd.TextArea) `
   padding-left: 5px;
   padding-right: 5px;
   font-family: 'Roboto';
-  font-size: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.fontSize}px;
+  font-size: ${THEME.token?.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};
+    color: ${THEME.token?.accent5};
   }
 
   &:hover {
-    background-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.blue0};
+    background-color: ${THEME.token?.blue0};
   }
 
   transition-property: all;
@@ -86,7 +85,7 @@ export const TextArea = styled(InputAntd.TextArea) `
 
   &:active,
   &:focus {
-    background-color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.blue0};
+    background-color: ${THEME.token?.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),
@@ -94,8 +93,8 @@ export const TextArea = styled(InputAntd.TextArea) `
   }
 
   &: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};
+    background-color: ${THEME.token?.accent1};
+    color: ${THEME.token?.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),

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

@@ -8,16 +8,15 @@ 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;
+            let range = window?.getSelection()?.getRangeAt(0);
+            let preSelectionRange = range?.cloneRange();
+            preSelectionRange?.selectNodeContents(containerEl);
+            preSelectionRange?.setEnd(range?.startContainer, range?.startOffset);
+            let start = preSelectionRange?.toString().length;
             return {
                 start: start,
-                end: start + (range === null || range === void 0 ? void 0 : range.toString().length),
+                end: start + range?.toString().length,
             };
         }
         catch (e) {
@@ -74,8 +73,8 @@ if (window.getSelection && document.createRange) {
                 range.collapse(true);
             }
         }
-        sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
-        sel === null || sel === void 0 ? void 0 : sel.addRange(range);
+        sel?.removeAllRanges();
+        sel?.addRange(range);
     };
 }
 else if (document.selection && document.body.createTextRange) {

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

@@ -1,10 +1,5 @@
-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;
+    (props: InputDynamicProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: InputDynamicProps;
 };