@antscorp/antsomi-ui 1.3.3-beta.2 → 1.3.3-beta.21

package/es/components/molecules/InputNumber/index.js

@@ -1,81 +1,81 @@
-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, { useEffect, useMemo, useState } from 'react';
-import { InputNumber as AntdInputNumber } from 'antd';
-// Components
-import { Icon, RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
-// Utils
-import { getPreventKeyboardAction } from '@antscorp/antsomi-ui/es/utils/web';
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-const PATH = '@antscorp/antsomi-ui/es/app/components/molecules/InputNumber/index.tsx';
-export const InputNumber = props => {
-    const { label, required, focused, errorMsg, onChange, className } = props, restOf = __rest(props, ["label", "required", "focused", "errorMsg", "onChange", "className"]);
-    const [isFocused, setFocused] = useState(false);
-    const requiredMsg = useMemo(() => {
-        let msg = '';
-        const isEmptyValue = props.value == null;
-        if (required && isEmptyValue && isFocused) {
-            msg = 'This field is required';
-        }
-        return msg;
-    }, [props.value, required, isFocused]);
-    useEffect(() => {
-        if (focused) {
-            setFocused(focused);
-        }
-    }, [focused]);
-    const onChangeInputNumber = (value) => {
-        try {
-            if (typeof onChange !== 'function') {
-                return;
-            }
-            if (required) {
-                if (value !== null) {
-                    onChange(value);
-                }
-                return;
-            }
-            onChange(value);
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChangeInputNumber',
-                args: {},
-            });
-        }
-    };
-    const renderRequiredLabel = (label) => {
-        if (required) {
-            return (React.createElement(RequiredLabel, { color: "#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: className },
-        label && renderRequiredLabel(label),
-        React.createElement(AntdInputNumber, Object.assign({}, restOf, { className: "--show-handler", required: required, onChange: onChangeInputNumber, onBlur: e => {
-                if (!focused) {
-                    setFocused(true);
-                }
-                props.onBlur && props.onBlur(e);
-            }, upHandler: React.createElement(Icon, { type: "icon-ants-caret-up", size: 9 }), downHandler: React.createElement(Icon, { type: "icon-ants-caret-down", size: 9 }) }, getPreventKeyboardAction(listDisableActions))),
-        (props.status === 'error' && errorMsg) || requiredMsg ? (React.createElement(Text, { color: "#ff4d4f", style: { marginBottom: 5, marginLeft: 8 } }, errorMsg || requiredMsg)) : null));
-};
-InputNumber.defaultProps = {
-    required: false,
-    width: 57,
-};
+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, { useEffect, useMemo, useState } from 'react';
+import { InputNumber as AntdInputNumber } from 'antd';
+// Components
+import { Icon, RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
+// Utils
+import { getPreventKeyboardAction } from '@antscorp/antsomi-ui/es/utils/web';
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+const PATH = '@antscorp/antsomi-ui/es/app/components/molecules/InputNumber/index.tsx';
+export const InputNumber = props => {
+    const { label, required, focused, errorMsg, onChange, className } = props, restOf = __rest(props, ["label", "required", "focused", "errorMsg", "onChange", "className"]);
+    const [isFocused, setFocused] = useState(false);
+    const requiredMsg = useMemo(() => {
+        let msg = '';
+        const isEmptyValue = props.value == null;
+        if (required && isEmptyValue && isFocused) {
+            msg = 'This field is required';
+        }
+        return msg;
+    }, [props.value, required, isFocused]);
+    useEffect(() => {
+        if (focused) {
+            setFocused(focused);
+        }
+    }, [focused]);
+    const onChangeInputNumber = (value) => {
+        try {
+            if (typeof onChange !== 'function') {
+                return;
+            }
+            if (required) {
+                if (value !== null) {
+                    onChange(value);
+                }
+                return;
+            }
+            onChange(value);
+        }
+        catch (error) {
+            handleError(error, {
+                path: PATH,
+                name: 'onChangeInputNumber',
+                args: {},
+            });
+        }
+    };
+    const renderRequiredLabel = (label) => {
+        if (required) {
+            return (React.createElement(RequiredLabel, { color: "#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: className },
+        label && renderRequiredLabel(label),
+        React.createElement(AntdInputNumber, Object.assign({}, restOf, { className: "--show-handler", required: required, onChange: onChangeInputNumber, onBlur: e => {
+                if (!focused) {
+                    setFocused(true);
+                }
+                props.onBlur && props.onBlur(e);
+            }, upHandler: React.createElement(Icon, { type: "icon-ants-caret-up", size: 9 }), downHandler: React.createElement(Icon, { type: "icon-ants-caret-down", size: 9 }) }, getPreventKeyboardAction(listDisableActions))),
+        (props.status === 'error' && errorMsg) || requiredMsg ? (React.createElement(Text, { color: "#ff4d4f", style: { marginBottom: 5, marginLeft: 8 } }, errorMsg || requiredMsg)) : null));
+};
+InputNumber.defaultProps = {
+    required: false,
+    width: 57,
+};

package/es/components/molecules/InputNumberWithUnit/index.d.ts

@@ -1,31 +1,31 @@
-import React from 'react';
-import { InputNumberProps } from '../InputNumber';
-type TUnit = 'px' | '%' | any;
-/**
- * @default
- * ```
- * const DEFAULT_UNIT = {
-      PX: {
-        value: 'px',
-        label: 'PX',
-      },
-      PERCENT: {
-        value: '%',
-        label: '%',
-      },
-    };
- * ```
- */
-interface unitData {
-    [key: string]: {
-        value: string;
-        label: string;
-    };
-}
-interface InputNumberWithUnitProps extends InputNumberProps {
-    unit?: TUnit;
-    unitData?: unitData;
-    onChangeUnit: (unit: TUnit) => void;
-}
-export declare const InputNumberWithUnit: React.FC<InputNumberWithUnitProps>;
-export {};
+import React from 'react';
+import { InputNumberProps } from '../InputNumber';
+type TUnit = 'px' | '%' | any;
+/**
+ * @default
+ * ```
+ * const DEFAULT_UNIT = {
+      PX: {
+        value: 'px',
+        label: 'PX',
+      },
+      PERCENT: {
+        value: '%',
+        label: '%',
+      },
+    };
+ * ```
+ */
+interface unitData {
+    [key: string]: {
+        value: string;
+        label: string;
+    };
+}
+interface InputNumberWithUnitProps extends InputNumberProps {
+    unit?: TUnit;
+    unitData?: unitData;
+    onChangeUnit: (unit: TUnit) => void;
+}
+export declare const InputNumberWithUnit: React.FC<InputNumberWithUnitProps>;
+export {};

package/es/components/molecules/InputNumberWithUnit/index.js

@@ -1,37 +1,37 @@
-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 { Text } from '@antscorp/antsomi-ui/es/components/atoms';
-import React from 'react';
-import { InputNumber } from '../InputNumber';
-import { InputNumberWithUnitWrapper } from './styled';
-// Constants
-const DEFAULT_UNIT = {
-    PX: {
-        value: 'px',
-        label: 'PX',
-    },
-    PERCENT: {
-        value: '%',
-        label: '%',
-    },
-};
-export const InputNumberWithUnit = props => {
-    // Props
-    const { unit, unitData, onChangeUnit, className } = props, restOf = __rest(props, ["unit", "unitData", "onChangeUnit", "className"]);
-    return (React.createElement(InputNumberWithUnitWrapper, { className: className },
-        React.createElement(InputNumber, Object.assign({}, restOf)),
-        Object.values(unitData || DEFAULT_UNIT).map(({ value, label }) => (React.createElement(Text, { key: value, className: `unit-label ${unit === value ? 'selected' : ''}`, onClick: () => onChangeUnit(value) }, label)))));
-};
-InputNumberWithUnit.defaultProps = {
-    unit: 'px',
-};
+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 { Text } from '@antscorp/antsomi-ui/es/components/atoms';
+import React from 'react';
+import { InputNumber } from '../InputNumber';
+import { InputNumberWithUnitWrapper } from './styled';
+// Constants
+const DEFAULT_UNIT = {
+    PX: {
+        value: 'px',
+        label: 'PX',
+    },
+    PERCENT: {
+        value: '%',
+        label: '%',
+    },
+};
+export const InputNumberWithUnit = props => {
+    // Props
+    const { unit, unitData, onChangeUnit, className } = props, restOf = __rest(props, ["unit", "unitData", "onChangeUnit", "className"]);
+    return (React.createElement(InputNumberWithUnitWrapper, { className: className },
+        React.createElement(InputNumber, Object.assign({}, restOf)),
+        Object.values(unitData || DEFAULT_UNIT).map(({ value, label }) => (React.createElement(Text, { key: value, className: `unit-label ${unit === value ? 'selected' : ''}`, onClick: () => onChangeUnit(value) }, label)))));
+};
+InputNumberWithUnit.defaultProps = {
+    unit: 'px',
+};

package/es/components/molecules/InputNumberWithUnit/styled.d.ts

@@ -1 +1 @@
-export declare const InputNumberWithUnitWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputNumberWithUnitWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/InputNumberWithUnit/styled.js

@@ -1,20 +1,20 @@
-var _a, _b;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const InputNumberWithUnitWrapper = styled.div `
-  display: flex;
-  align-items: center;
-
-  .unit-label {
-    cursor: pointer;
-    margin-left: 10px;
-    color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon};
-
-    &.selected {
-      color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary};
-      font-weight: bold;
-    }
-  }
-`;
+var _a, _b;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const InputNumberWithUnitWrapper = styled.div `
+  display: flex;
+  align-items: center;
+
+  .unit-label {
+    cursor: pointer;
+    margin-left: 10px;
+    color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon};
+
+    &.selected {
+      color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary};
+      font-weight: bold;
+    }
+  }
+`;

package/es/components/molecules/InputSearch/index.d.ts

@@ -1,7 +1,7 @@
-import React, { CSSProperties } from 'react';
-import { InputProps } from '@antscorp/antsomi-ui/es/components/atoms/Input';
-interface InputSearchProps extends InputProps {
-    inputStyle?: CSSProperties;
-}
-export declare const InputSearch: React.FC<InputSearchProps>;
-export {};
+import React, { CSSProperties } from 'react';
+import { InputProps } from '@antscorp/antsomi-ui/es/components/atoms/Input';
+interface InputSearchProps extends InputProps {
+    inputStyle?: CSSProperties;
+}
+export declare const InputSearch: React.FC<InputSearchProps>;
+export {};

package/es/components/molecules/InputSearch/index.js

@@ -1,23 +1,23 @@
-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, { memo } from 'react';
-// Components
-import { Icon, Input } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { Wrapper } from './styled';
-export const InputSearch = memo(props => {
-    const { className, style, inputStyle } = props, restOf = __rest(props, ["className", "style", "inputStyle"]);
-    return (React.createElement(Wrapper, { tabIndex: -1, className: className, style: style },
-        React.createElement(Input, Object.assign({}, restOf, { style: inputStyle })),
-        React.createElement(Icon, { type: "icon-ants-search-2", className: "__icon-search" })));
-});
+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, { memo } from 'react';
+// Components
+import { Icon, Input } from '@antscorp/antsomi-ui/es/components/atoms';
+// Styled
+import { Wrapper } from './styled';
+export const InputSearch = memo(props => {
+    const { className, style, inputStyle } = props, restOf = __rest(props, ["className", "style", "inputStyle"]);
+    return (React.createElement(Wrapper, { tabIndex: -1, className: className, style: style },
+        React.createElement(Input, Object.assign({}, restOf, { style: inputStyle })),
+        React.createElement(Icon, { type: "icon-ants-search-2", className: "__icon-search" })));
+});

package/es/components/molecules/InputSearch/styled.d.ts

@@ -1 +1 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/InputSearch/styled.js

@@ -1,48 +1,48 @@
-var _a, _b, _c, _d, _e;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const Wrapper = styled.div `
-  position: relative;
-  display: flex;
-  align-items: flex-end;
-  box-sizing: border-box;
-
-  .input__wrapper {
-    width: 100%;
-  }
-
-  &:has(input:focus) {
-    .__icon-search {
-      background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue0};
-      border-bottom: 1px solid #1f7ac4;
-    }
-  }
-
-  &:has(input:hover) {
-    .__icon-search {
-      background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue0};
-      border-bottom: 1px solid #1f7ac4;
-    }
-  }
-
-  .__icon-search {
-    height: 31px;
-    padding-right: 4px;
-    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw0};
-    cursor: pointer;
-    color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorIcon};
-    font-size: 24px;
-    line-height: 32px;
-    border-bottom: 1px solid #b8cfe6;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-    box-sizing: border-box;
-
-    &:hover {
-      color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorPrimary};
-    }
-  }
-`;
+var _a, _b, _c, _d, _e;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const Wrapper = styled.div `
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  box-sizing: border-box;
+
+  .input__wrapper {
+    width: 100%;
+  }
+
+  &:has(input:focus) {
+    .__icon-search {
+      background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue0};
+      border-bottom: 1px solid #1f7ac4;
+    }
+  }
+
+  &:has(input:hover) {
+    .__icon-search {
+      background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue0};
+      border-bottom: 1px solid #1f7ac4;
+    }
+  }
+
+  .__icon-search {
+    height: 31px;
+    padding-right: 4px;
+    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw0};
+    cursor: pointer;
+    color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorIcon};
+    font-size: 24px;
+    line-height: 32px;
+    border-bottom: 1px solid #b8cfe6;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+    box-sizing: border-box;
+
+    &:hover {
+      color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorPrimary};
+    }
+  }
+`;

package/es/components/molecules/Modal/Modal.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { ModalProps as AntdModalProps } from 'antd';
-export interface ModalProps extends AntdModalProps {
-    header?: React.ReactNode;
-    headerStyle?: {
-        [key: string]: any;
-    };
-    rightFooter?: boolean;
-    loading?: boolean;
-}
-export declare const OriginalModal: React.FC<ModalProps>;
-export declare const Modal: string & import("styled-components").StyledComponentBase<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
-}, any, import("./styled").CustomModalProps, never> & import("hoist-non-react-statics").NonReactStatics<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
-}, {}> & React.FC<ModalProps>;
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ModalProps as AntdModalProps } from 'antd';
+export interface ModalProps extends AntdModalProps {
+    header?: React.ReactNode;
+    headerStyle?: {
+        [key: string]: any;
+    };
+    rightFooter?: boolean;
+    loading?: boolean;
+}
+export declare const OriginalModal: React.FC<ModalProps>;
+export declare const Modal: string & import("styled-components").StyledComponentBase<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
+}, any, import("./styled").CustomModalProps, never> & import("hoist-non-react-statics").NonReactStatics<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
+}, {}> & React.FC<ModalProps>;

package/es/components/molecules/Modal/Modal.js

@@ -1,26 +1,26 @@
-// Libraries
-import React, { memo } from 'react';
-// Atoms
-import { Button, Icon, Spin } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { StyledModal, WrapperSpin } from './styled';
-export const OriginalModal = memo(props => {
-    // Props
-    const { loading } = props;
-    return (React.createElement(StyledModal, Object.assign({}, Object.assign(Object.assign({ closeIcon: React.createElement(Icon, { disabled: loading, type: "icon-ants-remove-slim", size: 15 }), footer: (React.createElement(React.Fragment, null,
-            React.createElement(Button, Object.assign({ type: "primary", onClick: props.onOk }, props.okButtonProps), props.okText ? props.okText : 'OK'),
-            React.createElement(Button, Object.assign({ onClick: props.onCancel }, props.cancelButtonProps), props.cancelText ? props.cancelText : 'Cancel'))), modalRender: node => loading ? (React.createElement(WrapperSpin, null,
-            React.createElement(Spin, { spinning: loading }, node))) : (node) }, props), { maskClosable: loading ? false : props.maskClosable })),
-        props.header || null,
-        props.children || null));
-});
-OriginalModal.displayName = 'OriginalModal';
-export const Modal = OriginalModal;
-Modal.confirm = (props) => StyledModal.confirm(Object.assign({ cancelText: 'Cancel' }, props));
-Modal.success = StyledModal.success;
-Modal.info = StyledModal.info;
-Modal.error = StyledModal.error;
-Modal.warning = StyledModal.warning;
-Modal.defaultProps = {
-    loading: false,
-};
+// Libraries
+import React, { memo } from 'react';
+// Atoms
+import { Button, Icon, Spin } from '@antscorp/antsomi-ui/es/components/atoms';
+// Styled
+import { StyledModal, WrapperSpin } from './styled';
+export const OriginalModal = memo(props => {
+    // Props
+    const { loading } = props;
+    return (React.createElement(StyledModal, Object.assign({}, Object.assign(Object.assign({ closeIcon: React.createElement(Icon, { disabled: loading, type: "icon-ants-remove-slim", size: 15 }), footer: (React.createElement(React.Fragment, null,
+            React.createElement(Button, Object.assign({ type: "primary", onClick: props.onOk }, props.okButtonProps), props.okText ? props.okText : 'OK'),
+            React.createElement(Button, Object.assign({ onClick: props.onCancel }, props.cancelButtonProps), props.cancelText ? props.cancelText : 'Cancel'))), modalRender: node => loading ? (React.createElement(WrapperSpin, null,
+            React.createElement(Spin, { spinning: loading }, node))) : (node) }, props), { maskClosable: loading ? false : props.maskClosable })),
+        props.header || null,
+        props.children || null));
+});
+OriginalModal.displayName = 'OriginalModal';
+export const Modal = OriginalModal;
+Modal.confirm = (props) => StyledModal.confirm(Object.assign({ cancelText: 'Cancel' }, props));
+Modal.success = StyledModal.success;
+Modal.info = StyledModal.info;
+Modal.error = StyledModal.error;
+Modal.warning = StyledModal.warning;
+Modal.defaultProps = {
+    loading: false,
+};

package/es/components/molecules/Modal/index.d.ts

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

package/es/components/molecules/Modal/index.js

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