@antscorp/antsomi-ui 1.3.3-beta.79 → 1.3.3-beta.80

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

@@ -1,9 +1,6 @@
 import { SelectProps as AntdSelectProps } from 'antd';
 import React from 'react';
-import { TextProps } from '../../atoms/Text';
 export interface SelectProps extends AntdSelectProps {
-    label?: string | React.ReactNode;
-    labelProps?: TextProps;
 }
 declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
     children?: React.ReactNode;

package/es/components/molecules/Select/Select.js

@@ -1,26 +1,11 @@
-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;
-};
 var _a;
 // Libraries
 import { Select as AntdSelect } from 'antd';
 import React from 'react';
-// Components
-import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
-import { Text } from '../../atoms/Text';
 // Icons
 import Icon from '@antscorp/icons';
 // Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-// Styled
+import { THEME } from '../../../constants';
 import { StyledTag, TagCloseBtn } from './styled';
 const tagRender = (props) => {
     const { label, closable, onClose } = props;
@@ -33,17 +18,11 @@ const tagRender = (props) => {
                     fontSize: 10,
                 } })) }, label));
 };
-const CustomSelect = props => {
-    const { label, labelProps } = props, rest = __rest(props, ["label", "labelProps"]);
-    return (React.createElement(Flex, { vertical: true, gap: 4 },
-        typeof label === 'string' ? React.createElement(Text, Object.assign({}, labelProps), label) : label,
-        React.createElement(AntdSelect, Object.assign({}, rest))));
-};
+const CustomSelect = props => React.createElement(AntdSelect, Object.assign({}, props));
 const Select = CustomSelect;
 Select.OptGroup = AntdSelect.OptGroup;
 Select.Option = AntdSelect.Option;
 Select.defaultProps = {
-    labelProps: { color: '#66666' },
     suffixIcon: (React.createElement(Icon, { type: "icon-ants-expand-more", style: { fontSize: 16, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw10 } })),
     tagRender,
 };

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

@@ -24,18 +24,14 @@ export { Card } from './Card';
 export { InputNumberWithUnit } from './InputNumberWithUnit';
 export { GradientSetting } from './GradientSetting';
 export { Collapse } from './Collapse';
+export { Drawer } from './Drawer';
 export { SettingWrapperPopover } from './SettingWrapperPopover';
 export { FontWeightSelect } from './FontWeightSelect';
 export { FontFamilySelect } from './FontFamilySelect';
 export { TextDecorationSelect } from './TextDecorationSelect';
 export { TextTransformSelect } from './TextTransformSelect';
 export { FontSetting, FontSettingEdit } from './FontSetting';
-export { Form } from './Form';
-export { ModalV2 } from './ModalV2';
-export * from './PreviewModal';
-export * from './Drawer';
 export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
 export type { ColorPickerProps } from './ColorPicker';
 export type { AlignEditProps, AlignSettingProps } from './AlignSetting';
 export type { TFontSettingProps, TFontSettingEditProps } from './FontSetting';
-export type { ModalProps } from './ModalV2';

package/es/components/molecules/index.js

@@ -24,13 +24,10 @@ export { Card } from './Card';
 export { InputNumberWithUnit } from './InputNumberWithUnit';
 export { GradientSetting } from './GradientSetting';
 export { Collapse } from './Collapse';
+export { Drawer } from './Drawer';
 export { SettingWrapperPopover } from './SettingWrapperPopover';
 export { FontWeightSelect } from './FontWeightSelect';
 export { FontFamilySelect } from './FontFamilySelect';
 export { TextDecorationSelect } from './TextDecorationSelect';
 export { TextTransformSelect } from './TextTransformSelect';
 export { FontSetting, FontSettingEdit } from './FontSetting';
-export { Form } from './Form';
-export { ModalV2 } from './ModalV2';
-export * from './PreviewModal';
-export * from './Drawer';

package/es/constants/storybook.d.ts

@@ -10,8 +10,3 @@ export declare const TABLE_API_COLUMNS: ({
     key: string;
     render: (text: any) => React.JSX.Element;
 })[];
-export declare const TABLE_TYPE_COLUMNS: {
-    title: string;
-    dataIndex: string;
-    key: string;
-}[];

package/es/constants/storybook.js

@@ -22,15 +22,3 @@ export const TABLE_API_COLUMNS = [
         key: 'default',
     },
 ];
-export const TABLE_TYPE_COLUMNS = [
-    {
-        title: 'Value',
-        dataIndex: 'value',
-        key: 'value',
-    },
-    {
-        title: 'Label',
-        dataIndex: 'label',
-        key: 'label',
-    },
-];

package/es/constants/theme.js

@@ -1,4 +1,4 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
 // Types
 import { theme } from 'antd';
 // Variables
@@ -64,12 +64,8 @@ export const THEME = {
         accent2: '#dddddd',
         accent3: '#d2d2d2',
         accent5: '#999999',
-        accent6: '#f2f2f2',
-        accent7: '#cccccc',
-        gray5: '#d9d9d9',
         gold1,
         gold6,
-        scrollBarSize: '8px',
     },
 };
 THEME.components = {
@@ -132,42 +128,19 @@ THEME.components = {
         controlHeight: 31,
     },
     Divider: {
-        marginLG: 15,
-        marginXL: 15,
-        colorSplit: (_r = THEME.token) === null || _r === void 0 ? void 0 : _r.accent3,
+        marginLG: 10,
     },
     Checkbox: {
         controlInteractiveSize: 18,
     },
     Modal: {
-        titleFontSize: 16,
         borderRadiusSM: 3,
-        fontSizeLG: 18,
         paddingContentHorizontalLG: 0,
         paddingLG: 0,
         paddingMD: 0,
     },
     Tabs: {
         colorPrimary: '#1F5FAC',
-        horizontalItemPadding: '10px 20px',
-        horizontalItemGutter: 0,
-        lineWidthBold: 3,
-        titleFontSize: 14,
-        titleFontSizeLG: 14,
-        titleFontSizeSM: 14,
-        horizontalMargin: '0px',
-    },
-    Collapse: {
-        headerBg: '#FFF',
-        borderRadiusLG: 0,
-        headerPadding: '15px 10px',
-    },
-    Switch: {
-        colorTextQuaternary: (_s = THEME.token) === null || _s === void 0 ? void 0 : _s.bw0,
-        colorTextTertiary: (_t = THEME.token) === null || _t === void 0 ? void 0 : _t.bw0,
-        handleSize: 12,
-        handleSizeSM: 7,
-        trackMinWidth: 30,
-        handleBg: (_u = THEME.token) === null || _u === void 0 ? void 0 : _u.colorPrimary,
+        margin: 20,
     },
 };

package/es/locales/en/translation.json

@@ -62,6 +62,5 @@
         "eighth": "Eighth",
         "ninth": "Ninth",
         "tenth": "Tenth"
-    },
-    "close": "Close"
+    }
 }

package/es/locales/i18n.d.ts

@@ -65,7 +65,6 @@ export declare const translationsJson: {
                 ninth: string;
                 tenth: string;
             };
-            close: string;
         };
     };
     vi: {
@@ -134,7 +133,6 @@ export declare const translationsJson: {
                 ninth: string;
                 tenth: string;
             };
-            close: string;
         };
     };
 };

package/es/locales/translations.d.ts

@@ -65,7 +65,6 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         ninth: string;
         tenth: string;
     };
-    close: string;
 }>, current?: string) => void;
 export declare const t: (id: string, ...rest: any[]) => [string, ...any[]];
 export declare const getTranslateMessage: (id: string, defaultMessage?: string, value?: Record<string, unknown>) => string;

package/es/locales/vi/translation.json

@@ -62,6 +62,5 @@
         "eighth": "thứ tám",
         "ninth": "thứ chín",
         "tenth": "thứ mười"
-    },
-    "close": "Đóng"
+    }
 }

package/es/test.js

@@ -2,7 +2,9 @@
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import '@antscorp/icons/main.css';
-import { ConfigProvider, GradientSetting, Tabs, } from './components';
+import { ConfigProvider, EdgeSetting, GradientSetting, IconSelection, PositionSetting, SettingWrapper, 
+// Slider,
+SliderWithInputNumber, Space, UploadImage, } from './components';
 // import { Slider } from 'antd';
 import { Slider } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
 import { Rate } from './components/atoms/Rate';
@@ -84,147 +86,54 @@ export const App = () => {
     // );
     // ----------------------------  Test Helps End ------------------------------
     // ------------------------ Media template components test start -------------------------
-    // return (
-    //   <ConfigProvider>
-    //     <div
-    //       style={{
-    //         width: 500,
-    //         height: 1000,
-    //         border: '1px solid black',
-    //         margin: '0 auto',
-    //         padding: 12,
-    //         borderRadius: '10px',
-    //         marginTop: 12,
-    //       }}
-    //     >
-    //       <h2 style={{ textAlign: 'center' }}>Test component of media template</h2>
-    //       <Space size={20} direction="vertical">
-    //         {/* <SettingWrapper vertical label="Color Setting">
-    //           <ColorSetting
-    //             label="Background Color"
-    //             labelStyling={{ color: THEME.token?.colorIcon }}
-    //             color={colorSettingState.color}
-    //             customColors={colorSettingState.customColors}
-    //             callback={callbackColorSetting}
-    //             onChange={handleChangeColorSetting}
-    //           />
-    //         </SettingWrapper>
-    //         <SettingWrapper vertical label="Input number with unit">
-    //           <InputNumberWithUnit
-    //             unit="px"
-    //             min={0}
-    //             max={2000}
-    //             value={700}
-    //             onChange={value => {
-    //               console.log('onChange:: ', value);
-    //             }}
-    //             onChangeUnit={unit => {
-    //               console.log('onChangeUnit:: ', unit);
-    //             }}
-    //           />
-    //         </SettingWrapper>
-    //         <SettingWrapper label="Radio Group">
-    //           <RadioGroup
-    //             options={Object.values(BACKGROUND_COLOR_STYLE)}
-    //             value={radioValue}
-    //             onChange={e => handleChangeRadio(e)}
-    //           />
-    //         </SettingWrapper> */}
-    //         <SettingWrapper vertical label="Color Setting">
-    //           <GradientSetting />
-    //         </SettingWrapper>
-    //         <SliderWithInputNumber
-    //           label="Size (px)"
-    //           labelStyling={{ marginTop: 10 }}
-    //           min={0}
-    //           max={100}
-    //           value={sliderValue}
-    //           onAfterChange={handleChangeSlider}
-    //         />
-    //         <EdgeSetting
-    //           label="Notification Spacing"
-    //           unit="px"
-    //           linked={false}
-    //           values={edge}
-    //           // edgeLabels={[t(translations.column.title), t(translations.row.title)]}
-    //           onChange={({ values, linked, unit }) => {
-    //             setEdge(values);
-    //             // onUpdateSettings({
-    //             //   gapX: values[0] + unit,
-    //             //   gapY: values[1] + unit,
-    //             //   gapSuffix: unit,
-    //             //   linkedGapInput: linked,
-    //             // });
-    //           }}
-    //         />
-    //         <PositionSetting
-    //           settings={{ linkedPositionInput: false, positionSuffix: 'px' }}
-    //           styles={{ top: '10px', right: '20px', bottom: '30', left: '40' }}
-    //           onChange={() => {}}
-    //         />
-    //       </Space>
-    //       <Space size={10} direction="vertical">
-    //         <SettingWrapper vertical label="Background Image" containerStyle={{ gap: '20px' }}>
-    //           <UploadImage
-    //             domainMedia="https://sandbox-media-template.antsomi.com"
-    //             slug="cdp/api/v1"
-    //             labelButtonSelect="Select Toggle from Computor"
-    //             labelHeadingModal="Toggle Selection"
-    //             searchPlaceholder="Search toggle"
-    //             paramConfigs={{
-    //               token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
-    //               userId: '1600084695',
-    //               accountId: '1600084695',
-    //             }}
-    //             // title="Background Image"
-    //             selectedImage={{
-    //               url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
-    //             }}
-    //             onChangeImage={image =>
-    //               // onChangeSettings('backgroundImageObj', {
-    //               //   name: image.name,
-    //               //   previewUrl: image.url,
-    //               // })
-    //               {}
-    //             }
-    //             onRemoveImage={() => {
-    //               // onChangeSettings('backgroundImageObj', {
-    //               //   name: '',
-    //               //   previewUrl: '',
-    //               // });
-    //             }}
-    //           />
-    //         </SettingWrapper>
-    //         <SettingWrapper vertical label="Icon">
-    //           <IconSelection
-    //             isOpen={false}
-    //             labelHeadingModal="Toggle Selection"
-    //             searchPlaceholder="Search for toggle..."
-    //             icon={icon}
-    //             onChange={handleSetIcon}
-    //             iconTypes={['cus', 'font-awesome']}
-    //             onChangeSvg={value => {
-    //               console.log('onChangeSvg', value);
-    //             }}
-    //           />
-    //         </SettingWrapper>
-    //       </Space>
-    //     </div>
-    //   </ConfigProvider>
-    // );
+    return (React.createElement(ConfigProvider, null,
+        React.createElement("div", { style: {
+                width: 500,
+                height: 1000,
+                border: '1px solid black',
+                margin: '0 auto',
+                padding: 12,
+                borderRadius: '10px',
+                marginTop: 12,
+            } },
+            React.createElement("h2", { style: { textAlign: 'center' } }, "Test component of media template"),
+            React.createElement(Space, { size: 20, direction: "vertical" },
+                React.createElement(SettingWrapper, { vertical: true, label: "Color Setting" },
+                    React.createElement(GradientSetting, null)),
+                React.createElement(SliderWithInputNumber, { label: "Size (px)", labelStyling: { marginTop: 10 }, min: 0, max: 100, value: sliderValue, onAfterChange: handleChangeSlider }),
+                React.createElement(EdgeSetting, { label: "Notification Spacing", unit: "px", linked: false, values: edge, 
+                    // edgeLabels={[t(translations.column.title), t(translations.row.title)]}
+                    onChange: ({ values, linked, unit }) => {
+                        setEdge(values);
+                        // onUpdateSettings({
+                        //   gapX: values[0] + unit,
+                        //   gapY: values[1] + unit,
+                        //   gapSuffix: unit,
+                        //   linkedGapInput: linked,
+                        // });
+                    } }),
+                React.createElement(PositionSetting, { settings: { linkedPositionInput: false, positionSuffix: 'px' }, styles: { top: '10px', right: '20px', bottom: '30', left: '40' }, onChange: () => { } })),
+            React.createElement(Space, { size: 10, direction: "vertical" },
+                React.createElement(SettingWrapper, { vertical: true, label: "Background Image", containerStyle: { gap: '20px' } },
+                    React.createElement(UploadImage, { domainMedia: "https://sandbox-media-template.antsomi.com", slug: "cdp/api/v1", labelButtonSelect: "Select Toggle from Computor", labelHeadingModal: "Toggle Selection", searchPlaceholder: "Search toggle", paramConfigs: {
+                            token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
+                            userId: '1600084695',
+                            accountId: '1600084695',
+                        }, 
+                        // title="Background Image"
+                        selectedImage: {
+                            url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
+                        }, onChangeImage: image => { }, onRemoveImage: () => {
+                            // onChangeSettings('backgroundImageObj', {
+                            //   name: '',
+                            //   previewUrl: '',
+                            // });
+                        } })),
+                React.createElement(SettingWrapper, { vertical: true, label: "Icon" },
+                    React.createElement(IconSelection, { isOpen: false, labelHeadingModal: "Toggle Selection", searchPlaceholder: "Search for toggle...", icon: icon, onChange: handleSetIcon, iconTypes: ['cus', 'font-awesome'], onChangeSvg: value => {
+                            console.log('onChangeSvg', value);
+                        } }))))));
     // ------------------------ Media template components test end -------------------------
-    return (React.createElement(Tabs, { items: [
-            {
-                key: '1',
-                label: 'Tab 1',
-                children: React.createElement("div", null, "hello"),
-            },
-            {
-                key: '2',
-                label: 'Tab 2',
-                children: React.createElement("div", null, "hello 2"),
-            },
-        ] }));
     return (React.createElement("div", { style: { width: '500px', margin: '32px' } },
         React.createElement(GradientSetting, { onChange: e => console.log('gradient change') }),
         React.createElement("br", null),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.3-beta.79",
+  "version": "1.3.3-beta.80",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -66,7 +66,7 @@
     "@fortawesome/free-solid-svg-icons": "6.1.1",
     "@fortawesome/react-fontawesome": "0.2.0",
     "@tinymce/tinymce-react": "^3.7.0",
-    "antd": "5.12.6",
+    "antd": "^5.3.2",
     "axios": "^1.4.0",
     "babel-plugin-file-loader": "^2.0.0",
     "dayjs": "^1.11.7",
@@ -74,8 +74,6 @@
     "highlight.js": "^11.8.0",
     "html-to-image": "^1.11.11",
     "html2canvas": "^1.4.1",
-    "i18next": "21.6.16",
-    "i18next-browser-languagedetector": "6.1.2",
     "lodash": "^4.17.21",
     "moment": "2.29.2",
     "qs": "6.10.3",
@@ -86,7 +84,9 @@
     "rehype-highlight": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.2.0",
-    "tui-image-editor": "^3.15.3"
+    "tui-image-editor": "^3.15.3",
+    "i18next": "21.6.16",
+    "i18next-browser-languagedetector": "6.1.2"
   },
   "devDependencies": {
     "@ant-design/cssinjs": "^1.6.2",

package/dist/d781410d62449757525d.svg

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/8a549849ed1d12e8a6136d610bde7b5c.svg";

package/dist/f422f99dc05cb0013092.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/97210ba7dc321670f4a144c1b40e88d8.png";

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/molecules/Form/Form.d.ts

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

package/es/components/molecules/Form/Form.js

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { ModalProps } from 'antd';
-export interface ModalV2Props extends ModalProps {
-}
-export declare const ModalV2: React.FC<ModalV2Props>;

package/es/components/molecules/ModalV2/ModalV2.js

@@ -1,26 +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;
-};
-// Libraries
-import React from 'react';
-import { StyledModal } from './styled';
-// Components
-import { Button, Flex } from '../../atoms';
-export const ModalV2 = props => {
-    const { okButtonProps, cancelButtonProps, okText, cancelText, onCancel, onOk } = props;
-    const restOfProps = __rest(props, []);
-    return (React.createElement(StyledModal, Object.assign({ footer: React.createElement(Flex, { gap: 10, align: "center" },
-            React.createElement(Button, Object.assign({ type: "primary", onClick: onOk }, okButtonProps), okText || 'OK'),
-            React.createElement(Button, Object.assign({ onClick: onCancel }, cancelButtonProps), cancelText || 'Cancel')) }, restOfProps)));
-};
-ModalV2.defaultProps = {
-// footer,
-};

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

@@ -1,2 +0,0 @@
-export * from './ModalV2';
-export type { ModalProps } from 'antd';

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

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-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, {}, never>;

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

@@ -1,22 +0,0 @@
-// Libraries
-import { Modal } from 'antd';
-import styled from 'styled-components';
-export const StyledModal = styled(Modal) `
-  .antsomi-modal-content {
-    .antsomi-modal-close {
-      position: absolute;
-      top: 10px !important;
-      right: 10px !important;
-      width: 24px !important;
-      height: 24px !important;
-    }
-
-    .antsomi-modal-body {
-      padding: 15px;
-    }
-
-    .antsomi-modal-header {
-      padding: 15px 15px 0px 15px;
-    }
-  }
-`;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ModalProps } from '../ModalV2';
-export interface PreviewModalProps extends ModalProps {
-    modalHeaderClassName?: string;
-    modalBodyClassName?: string;
-}
-export declare const PreviewModal: React.FC<PreviewModalProps>;

package/es/components/molecules/PreviewModal/PreviewModal.js

@@ -1,30 +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;
-};
-// Libraries
-import React from 'react';
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-import { Button, Icon } from '../../atoms';
-// Styled
-import { ModalBody, ModalHeader, StyledModal } from './styled';
-// Utils
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-export const PreviewModal = props => {
-    const { onCancel } = props;
-    const { children, modalHeaderClassName, modalBodyClassName } = props, restProps = __rest(props, ["children", "modalHeaderClassName", "modalBodyClassName"]);
-    const { t } = i18nInstance;
-    return (React.createElement(StyledModal, Object.assign({}, restProps, { centered: true, closeIcon: null, footer: null, width: "100vw" }),
-        React.createElement(ModalHeader, { className: modalHeaderClassName },
-            React.createElement(Button, { className: "close-btn", onClick: onCancel },
-                React.createElement(Icon, { type: "icon-ants-remove-slim", size: 12 }),
-                t(translations.close))),
-        React.createElement(ModalBody, { className: modalBodyClassName }, children)));
-};

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

@@ -1,2 +0,0 @@
-export { PreviewModal } from './PreviewModal';
-export type { PreviewModalProps } from './PreviewModal';

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

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("../ModalV2").ModalV2Props>, any, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;