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

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-export interface CustomModalProps {
-    header?: React.ReactNode;
-    headerStyle?: {
-        [key: string]: any;
-    };
-    rightFooter?: boolean;
-}
-export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("antd").ModalProps> & 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, CustomModalProps, never>;
-export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export interface CustomModalProps {
+    header?: React.ReactNode;
+    headerStyle?: {
+        [key: string]: any;
+    };
+    rightFooter?: boolean;
+}
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("antd").ModalProps> & 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) => import("react").JSX.Element;
+}, any, CustomModalProps, never>;
+export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,78 +1,78 @@
-var _a, _b, _c, _d, _e, _f, _g;
-// Libraries
-import styled, { css } from 'styled-components';
-import { Modal as AntdModal } from 'antd';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-const JSToCSS = cssObj => {
-    let cssString = '';
-    for (const objectKey in cssObj) {
-        cssString += `${objectKey.replace(/([A-Z])/g, g => `-${g[0].toLowerCase()}`)}: ${cssObj[objectKey]};\n`;
-    }
-    return cssString;
-};
-export const StyledModal = styled(AntdModal) `
-  .antsomi-modal-content {
-    .antsomi-modal-close {
-      .antsomi-modal-close-x {
-        width: 50px;
-        height: 50px;
-        line-height: 50px;
-      }
-    }
-    .antsomi-modal-header {
-      padding: 20px;
-      padding-bottom: 0;
-      border-style: 0px;
-
-      ${props => (props.headerStyle ? JSToCSS(props.headerStyle) : '')}
-      ${p => p.header
-    ? css `
-              display: none;
-            `
-    : ''}
-    }
-    .antsomi-modal-body {
-      padding: 20px;
-    }
-    .antsomi-modal-footer {
-      display: flex;
-      align-items: center;
-      padding-left: 20px;
-      padding-right: 20px;
-
-      ${p => p.rightFooter
-    ? css `
-              justify-content: flex-end;
-            `
-    : css `
-              justify-content: flex-start;
-            `}
-
-      .antsomi-btn {
-        height: 28px;
-        border-radius: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadius}px;
-        font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
-        color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
-        font-weight: 700;
-
-        &:hover {
-          color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorTextHover};
-        }
-
-        &.antsomi-btn-primary {
-          background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorPrimary};
-          color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw0};
-
-          &:hover {
-            background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorTextHover};
-          }
-        }
-      }
-    }
-  }
-`;
-export const WrapperSpin = styled.div `
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-`;
+var _a, _b, _c, _d, _e, _f, _g;
+// Libraries
+import styled, { css } from 'styled-components';
+import { Modal as AntdModal } from 'antd';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+const JSToCSS = cssObj => {
+    let cssString = '';
+    for (const objectKey in cssObj) {
+        cssString += `${objectKey.replace(/([A-Z])/g, g => `-${g[0].toLowerCase()}`)}: ${cssObj[objectKey]};\n`;
+    }
+    return cssString;
+};
+export const StyledModal = styled(AntdModal) `
+  .antsomi-modal-content {
+    .antsomi-modal-close {
+      .antsomi-modal-close-x {
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+      }
+    }
+    .antsomi-modal-header {
+      padding: 20px;
+      padding-bottom: 0;
+      border-style: 0px;
+
+      ${props => (props.headerStyle ? JSToCSS(props.headerStyle) : '')}
+      ${p => p.header
+    ? css `
+              display: none;
+            `
+    : ''}
+    }
+    .antsomi-modal-body {
+      padding: 20px;
+    }
+    .antsomi-modal-footer {
+      display: flex;
+      align-items: center;
+      padding-left: 20px;
+      padding-right: 20px;
+
+      ${p => p.rightFooter
+    ? css `
+              justify-content: flex-end;
+            `
+    : css `
+              justify-content: flex-start;
+            `}
+
+      .antsomi-btn {
+        height: 28px;
+        border-radius: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadius}px;
+        font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
+        color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
+        font-weight: 700;
+
+        &:hover {
+          color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorTextHover};
+        }
+
+        &.antsomi-btn-primary {
+          background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorPrimary};
+          color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw0};
+
+          &:hover {
+            background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorTextHover};
+          }
+        }
+      }
+    }
+  }
+`;
+export const WrapperSpin = styled.div `
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+`;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Popconfirm: import("react").ForwardRefExoticComponent<import("antd").PopconfirmProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popconfirm/PurePanel").PurePanelProps>;
-};
+/// <reference types="react" />
+export declare const Popconfirm: import("react").ForwardRefExoticComponent<import("antd").PopconfirmProps & import("react").RefAttributes<unknown>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popconfirm/PurePanel").PurePanelProps>;
+};

package/es/components/molecules/Popconfirm/Popconfirm.js

@@ -1,2 +1,2 @@
-import { Popconfirm as AntdPopconfirm } from 'antd';
-export const Popconfirm = AntdPopconfirm;
+import { Popconfirm as AntdPopconfirm } from 'antd';
+export const Popconfirm = AntdPopconfirm;

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

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

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

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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import 'react-resizable/css/styles.css';
-import '@antscorp/icons/main.css';
-import { IPopupDraggable } from './types';
-declare const PopupDraggable: React.FC<IPopupDraggable>;
-export { PopupDraggable };
+import React from 'react';
+import 'react-resizable/css/styles.css';
+import '@antscorp/icons/main.css';
+import { IPopupDraggable } from './types';
+declare const PopupDraggable: React.FC<IPopupDraggable>;
+export { PopupDraggable };

package/es/components/molecules/PopupDraggable/PopupDraggable.js

@@ -1,52 +1,52 @@
-// Libraries
-import React, { useState } from 'react';
-import Draggable from 'react-draggable';
-import { Resizable } from 'react-resizable';
-import 'react-resizable/css/styles.css';
-import '@antscorp/icons/main.css';
-// Components
-import { PopupContainer, WrapperIcon } from './styled';
-import Icon from '@antscorp/icons';
-const PopupDraggable = props => {
-    const { id, name, bounds, isHiddenClose, isHiddenResizing, isShowResizeHover, styleContainer, callback, defaultPosition, children, } = props;
-    const [activeDrags, setActiveDrags] = useState(0);
-    const [width, setWidth] = useState(300);
-    const [height, setHeight] = useState(window.innerHeight || 300);
-    const handleStart = () => {
-        setActiveDrags(activeDrags + 1);
-    };
-    const handleStop = (_, data) => {
-        if (defaultPosition &&
-            typeof defaultPosition.x === 'number' &&
-            typeof defaultPosition.y === 'number' &&
-            typeof callback === 'function') {
-            const { x = 0, y = 0 } = data;
-            // Mục tiêu giữ lại vị trí của popup sau khi unmount -> remount
-            callback('SET_POSITION_DRAG', { name, x, y });
-        }
-        setActiveDrags(activeDrags - 1);
-    };
-    const handleResize = (event, { node, size, handle }) => {
-        setWidth(size.width);
-        setHeight(size.height);
-    };
-    return (React.createElement(Draggable, { handle: "strong", 
-        // axis="x"
-        defaultPosition: defaultPosition, bounds: bounds, onStart: handleStart, onStop: handleStop },
-        React.createElement(Resizable, { width: width, height: height, onResize: handleResize, 
-            // handlewrapperclass="resize-handle"
-            resizeHandles: ['w', 'e', 'n', 's'] },
-            React.createElement(PopupContainer, { id: id, isHiddenResizing: isHiddenResizing, isShowResizeHover: isShowResizeHover, style: Object.assign({ width, height }, styleContainer), className: "popup-container no-cursor" },
-                !isHiddenClose && (React.createElement(WrapperIcon, { onClick: () => callback('ON_CLOSE_POPUP', { name }) },
-                    React.createElement(Icon, { type: "icon-ants-remove-slim", className: "icon-close" }))),
-                children))));
-};
-PopupDraggable.defaultProps = {
-    name: 'popup_dynamic',
-    bounds: '',
-    defaultPosition: { x: 0, y: 0 },
-    isShowResizeHover: false,
-    callback: () => { },
-    children: 'Default Body',
-};
-export { PopupDraggable };
+// Libraries
+import React, { useState } from 'react';
+import Draggable from 'react-draggable';
+import { Resizable } from 'react-resizable';
+import 'react-resizable/css/styles.css';
+import '@antscorp/icons/main.css';
+// Components
+import { PopupContainer, WrapperIcon } from './styled';
+import Icon from '@antscorp/icons';
+const PopupDraggable = props => {
+    const { id, name, bounds, isHiddenClose, isHiddenResizing, isShowResizeHover, styleContainer, callback, defaultPosition, children, } = props;
+    const [activeDrags, setActiveDrags] = useState(0);
+    const [width, setWidth] = useState(300);
+    const [height, setHeight] = useState(window.innerHeight || 300);
+    const handleStart = () => {
+        setActiveDrags(activeDrags + 1);
+    };
+    const handleStop = (_, data) => {
+        if (defaultPosition &&
+            typeof defaultPosition.x === 'number' &&
+            typeof defaultPosition.y === 'number' &&
+            typeof callback === 'function') {
+            const { x = 0, y = 0 } = data;
+            // Mục tiêu giữ lại vị trí của popup sau khi unmount -> remount
+            callback('SET_POSITION_DRAG', { name, x, y });
+        }
+        setActiveDrags(activeDrags - 1);
+    };
+    const handleResize = (event, { node, size, handle }) => {
+        setWidth(size.width);
+        setHeight(size.height);
+    };
+    return (React.createElement(Draggable, { handle: "strong", 
+        // axis="x"
+        defaultPosition: defaultPosition, bounds: bounds, onStart: handleStart, onStop: handleStop },
+        React.createElement(Resizable, { width: width, height: height, onResize: handleResize, 
+            // handlewrapperclass="resize-handle"
+            resizeHandles: ['w', 'e', 'n', 's'] },
+            React.createElement(PopupContainer, { id: id, isHiddenResizing: isHiddenResizing, isShowResizeHover: isShowResizeHover, style: Object.assign({ width, height }, styleContainer), className: "popup-container no-cursor" },
+                !isHiddenClose && (React.createElement(WrapperIcon, { onClick: () => callback('ON_CLOSE_POPUP', { name }) },
+                    React.createElement(Icon, { type: "icon-ants-remove-slim", className: "icon-close" }))),
+                children))));
+};
+PopupDraggable.defaultProps = {
+    name: 'popup_dynamic',
+    bounds: '',
+    defaultPosition: { x: 0, y: 0 },
+    isShowResizeHover: false,
+    callback: () => { },
+    children: 'Default Body',
+};
+export { PopupDraggable };

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

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

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

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

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

@@ -1,5 +1,5 @@
-export declare const PopupContainer: import("styled-components").StyledComponent<"div", any, {
-    isHiddenResizing?: boolean | undefined;
-    isShowResizeHover?: boolean | undefined;
-}, never>;
-export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PopupContainer: import("styled-components").StyledComponent<"div", any, {
+    isHiddenResizing?: boolean | undefined;
+    isShowResizeHover?: boolean | undefined;
+}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,52 +1,52 @@
-var _a, _b;
-// Libraries
-import styled, { css } from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const PopupContainer = styled.div `
-  position: fixed !important;
-  top: 0px;
-  right: 0px;
-  min-width: 450px;
-  min-height: 50px;
-  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw0};
-  box-shadow: 0px 0 6px 2px rgba(0, 0, 0, 0.1);
-  z-index: 1003;
-
-  &.no-cursor {
-    cursor: auto;
-  }
-
-  div {
-    box-sizing: border-box !important;
-  }
-
-  ${props => props.isHiddenResizing &&
-    css `
-      .react-resizable-handle {
-        display: none;
-      }
-    `}
-
-  ${props => props.isShowResizeHover &&
-    css `
-      &:hover .react-resizable-handle {
-        display: block;
-        z-index: 99;
-      }
-    `}
-`;
-export const WrapperIcon = styled.div `
-  position: absolute;
-  top: 16px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-
-  .icon-close {
-    font-size: 12px;
-    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon};
-  }
-`;
+var _a, _b;
+// Libraries
+import styled, { css } from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const PopupContainer = styled.div `
+  position: fixed !important;
+  top: 0px;
+  right: 0px;
+  min-width: 450px;
+  min-height: 50px;
+  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw0};
+  box-shadow: 0px 0 6px 2px rgba(0, 0, 0, 0.1);
+  z-index: 1003;
+
+  &.no-cursor {
+    cursor: auto;
+  }
+
+  div {
+    box-sizing: border-box !important;
+  }
+
+  ${props => props.isHiddenResizing &&
+    css `
+      .react-resizable-handle {
+        display: none;
+      }
+    `}
+
+  ${props => props.isShowResizeHover &&
+    css `
+      &:hover .react-resizable-handle {
+        display: block;
+        z-index: 99;
+      }
+    `}
+`;
+export const WrapperIcon = styled.div `
+  position: absolute;
+  top: 16px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  .icon-close {
+    font-size: 12px;
+    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon};
+  }
+`;

package/es/components/molecules/PopupDraggable/types.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode } from 'react';
-import { ControlPosition } from 'react-draggable';
-import { CSSProperties } from 'styled-components';
-export interface IPopupDraggable {
-    id?: string;
-    name?: string;
-    bounds?: string;
-    defaultPosition?: ControlPosition;
-    isHiddenClose?: boolean;
-    isHiddenResizing?: boolean;
-    isShowResizeHover?: boolean;
-    callback: Function;
-    children: ReactNode;
-    styleContainer?: CSSProperties;
-}
+import { ReactNode } from 'react';
+import { ControlPosition } from 'react-draggable';
+import { CSSProperties } from 'styled-components';
+export interface IPopupDraggable {
+    id?: string;
+    name?: string;
+    bounds?: string;
+    defaultPosition?: ControlPosition;
+    isHiddenClose?: boolean;
+    isHiddenResizing?: boolean;
+    isShowResizeHover?: boolean;
+    callback: Function;
+    children: ReactNode;
+    styleContainer?: CSSProperties;
+}

package/es/components/molecules/PopupDraggable/types.js

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { RadioGroupProps as AntdRadioGroupProps } from 'antd';
-interface RadioGroupProps extends AntdRadioGroupProps {
-    label?: string;
-}
-export declare const RadioGroup: React.FC<RadioGroupProps>;
-export {};
+import React from 'react';
+import type { RadioGroupProps as AntdRadioGroupProps } from 'antd';
+interface RadioGroupProps extends AntdRadioGroupProps {
+    label?: string;
+}
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export {};

package/es/components/molecules/RadioGroup/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 from 'react';
-// Components
-import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { RadioGroupWrapper, StyledRadioGroup } from './styled';
-export const RadioGroup = props => {
-    const { label } = props, restOf = __rest(props, ["label"]);
-    return (React.createElement(RadioGroupWrapper, null,
-        label ? React.createElement(Text, null, label) : null,
-        React.createElement(StyledRadioGroup, Object.assign({}, restOf))));
-};
+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';
+// Components
+import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
+// Styled
+import { RadioGroupWrapper, StyledRadioGroup } from './styled';
+export const RadioGroup = props => {
+    const { label } = props, restOf = __rest(props, ["label"]);
+    return (React.createElement(RadioGroupWrapper, null,
+        label ? React.createElement(Text, null, label) : null,
+        React.createElement(StyledRadioGroup, Object.assign({}, restOf))));
+};

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const RadioGroupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;
+/// <reference types="react" />
+export declare const RadioGroupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;

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

@@ -1,14 +1,14 @@
-// Libraries
-import { Radio } from '@antscorp/antsomi-ui/es/components/atoms';
-import styled from 'styled-components';
-export const RadioGroupWrapper = styled.div `
-  display: flex;
-  align-items: center;
-
-  & > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem /** 10px */ * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem /** 10px */ * calc(1 - var(--tw-space-x-reverse)));
-  }
-`;
-export const StyledRadioGroup = styled(Radio.Group) ``;
+// Libraries
+import { Radio } from '@antscorp/antsomi-ui/es/components/atoms';
+import styled from 'styled-components';
+export const RadioGroupWrapper = styled.div `
+  display: flex;
+  align-items: center;
+
+  & > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem /** 10px */ * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem /** 10px */ * calc(1 - var(--tw-space-x-reverse)));
+  }
+`;
+export const StyledRadioGroup = styled(Radio.Group) ``;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IResizeGridProps } from './types';
+export declare const ResizeGrid: FC<IResizeGridProps>;