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

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

@@ -14,49 +14,57 @@ import { decode } from 'html-entities';
 import { getObjectPropSafely, random } from '@antscorp/antsomi-ui/es/utils';
 export function validateURL(string) {
     // eslint-disable-next-line no-useless-escape
-    const regexp = /^((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/;
+    var regexp = /^((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/;
     return regexp.test(string);
 }
-export const getInsertPatternWithAppendSpaceEnd = (id, code, label, bgColor) => `<button id="${id}" contenteditable="false" class="insert-word" style="max-width: 250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 5px 8px; color: white; font-size: inherit; outline: none; border: 1px solid transparent; border-radius: 1.2rem; margin-top: 2px; cursor: pointer; background: ${bgColor}; height: auto" value=${code
-    .replace(/\s/gm, '&nbsp;')
-    .replace(/"/gm, '&quot;')}><span style="line-height: 20px;margin-right: 8px;pointer-events:none;">${label}</span><em class="editor-icon-remove" style="color: white;font-style: normal; marign-left: 4px; position: relative; z-index: 1;font-size: 1rem;font-weight: bold">x</em></button>&nbsp;`;
-export const genShortLinkValue = (url, type) => {
-    const id = random(5);
-    let keyTag = 'shortlink';
+export var getInsertPatternWithAppendSpaceEnd = function (id, code, label, bgColor) {
+    return "<button id=\"".concat(id, "\" contenteditable=\"false\" class=\"insert-word\" style=\"max-width: 250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 5px 8px; color: white; font-size: inherit; outline: none; border: 1px solid transparent; border-radius: 1.2rem; margin-top: 2px; cursor: pointer; background: ").concat(bgColor, "; height: auto\" value=").concat(code
+        .replace(/\s/gm, '&nbsp;')
+        .replace(/"/gm, '&quot;'), "><span style=\"line-height: 20px;margin-right: 8px;pointer-events:none;\">").concat(label, "</span><em class=\"editor-icon-remove\" style=\"color: white;font-style: normal; marign-left: 4px; position: relative; z-index: 1;font-size: 1rem;font-weight: bold\">x</em></button>&nbsp;");
+};
+export var genShortLinkValue = function (url, type) {
+    var id = random(5);
+    var keyTag = 'shortlink';
     if (type === 'general') {
         keyTag = 'shortlink_static';
     }
     return {
-        id,
-        value: `#{${keyTag}(${url})}`,
-        label: `https://ants.ly/${id}`,
+        id: id,
+        value: "#{".concat(keyTag, "(").concat(url, ")}"),
+        label: "https://ants.ly/".concat(id),
     };
 };
-export const getInsertPattern = (id, code, label, bgColor) => `<button id="${id}" contenteditable="false" class="insert-word" style="padding: 5px 8px; color: white; font-size: inherit; outline: none; border: 1px solid transparent; border-radius: 1.2rem; height: auto; margin-top: 2px; cursor: pointer; background: ${bgColor}" value=${code
-    .replace(/\s/gm, '&nbsp;')
-    .replace(/"/gm, '&quot;')}><span style="line-height: 20px;margin-right: 8px;pointer-events:none;">${label}</span><em class="editor-icon-remove" style="color: white;font-style: normal; marign-left: 4px; position: relative; z-index: 1;font-size: 1rem;font-weight: bold">x</em></button>`;
-export const convertHtmlText = (htmlText, format = 'raw', state, objectWidgetInput = {}, type = '', init = '') => {
-    const result = htmlText;
+export var getInsertPattern = function (id, code, label, bgColor) {
+    return "<button id=\"".concat(id, "\" contenteditable=\"false\" class=\"insert-word\" style=\"padding: 5px 8px; color: white; font-size: inherit; outline: none; border: 1px solid transparent; border-radius: 1.2rem; height: auto; margin-top: 2px; cursor: pointer; background: ").concat(bgColor, "\" value=").concat(code
+        .replace(/\s/gm, '&nbsp;')
+        .replace(/"/gm, '&quot;'), "><span style=\"line-height: 20px;margin-right: 8px;pointer-events:none;\">").concat(label, "</span><em class=\"editor-icon-remove\" style=\"color: white;font-style: normal; marign-left: 4px; position: relative; z-index: 1;font-size: 1rem;font-weight: bold\">x</em></button>");
+};
+export var convertHtmlText = function (htmlText, format, state, objectWidgetInput, type, init) {
+    if (format === void 0) { format = 'raw'; }
+    if (objectWidgetInput === void 0) { objectWidgetInput = {}; }
+    if (type === void 0) { type = ''; }
+    if (init === void 0) { init = ''; }
+    var result = htmlText;
     try {
         if (format && format.toLowerCase() === 'raw') {
             // pattern find all button insert word
-            const regexInsertPattern = type === 'input'
+            var regexInsertPattern = type === 'input'
                 ? /<button .*?class="insert-word.*?".*? value="([^"]*?)".*?>(.*?)<\/button>/gim
                 : /<button .*?class="insert-word.*?".*? value=(.*?)>(.*?)<\/button>/gim;
             // pattern find all symbol `"`
-            const regexQuot = /&quot;/gm;
-            const regexSpace = /&nbsp;/gm;
-            const regexSpaceV2 = /nbsp;/gm;
-            const regexShortLink = /#{shortlink\(.*?\)}/;
-            const regexShortLinkStatic = /#{shortlink_static\(.*?\)}/;
+            var regexQuot_1 = /&quot;/gm;
+            var regexSpace_1 = /&nbsp;/gm;
+            var regexSpaceV2_1 = /nbsp;/gm;
+            var regexShortLink_1 = /#{shortlink\(.*?\)}/;
+            var regexShortLinkStatic_1 = /#{shortlink_static\(.*?\)}/;
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const replacer = (match, p1, p2, p3, offset, string) => {
-                const newPlacer = p1
+            var replacer = function (match, p1, p2, p3, offset, string) {
+                var newPlacer = p1
                     .replace(/"/gm, '')
-                    .replace(regexQuot, '"')
-                    .replace(regexSpace, ' ')
-                    .replace(regexSpaceV2, ' ');
-                if (!regexShortLink.test(newPlacer) || !regexShortLinkStatic.test(newPlacer)) {
+                    .replace(regexQuot_1, '"')
+                    .replace(regexSpace_1, ' ')
+                    .replace(regexSpaceV2_1, ' ');
+                if (!regexShortLink_1.test(newPlacer) || !regexShortLinkStatic_1.test(newPlacer)) {
                     return newPlacer.replace(/&amp;/gm, '');
                 }
                 return newPlacer;
@@ -75,55 +83,55 @@ export const convertHtmlText = (htmlText, format = 'raw', state, objectWidgetInp
             }
         }
         if (format && format.toLowerCase() === 'html') {
-            const insertPattern = /#{.*?}/gm;
+            var insertPattern = /#{.*?}/gm;
             if (insertPattern.test(htmlText)) {
-                const htmlReplacer = (matcher) => {
+                var htmlReplacer = function (matcher) {
                     // const regex = /(\w+.\w+)|(\(\w+)\)|"(.*?)"/gmi;
                     // const regex = /(\w+.\w+)|(\(\w+)\)|"(.*?)"/gim;
                     // const regex = /(\w+)|(\(\w+)\)|"(.*?)"/gim;
                     // const found = matcher.match(regex);
-                    const found = matcher.replace(/#|{|}|/g, '').split('.');
-                    const foundLink = found[0].split('(');
+                    var found = matcher.replace(/#|{|}|/g, '').split('.');
+                    var foundLink = found[0].split('(');
                     if (found && found.length) {
-                        let bgColor = '#ccc';
+                        var bgColor_1 = '#ccc';
                         // console.log(found);
                         if (found[0] === 'customer') {
-                            bgColor = '#3C39BA';
+                            bgColor_1 = '#3C39BA';
                         }
                         else if (found[0] === 'visitor') {
-                            bgColor = '#009000';
+                            bgColor_1 = '#009000';
                         }
                         else if (found[0] === 'event') {
-                            bgColor = '#FBAC00';
+                            bgColor_1 = '#FBAC00';
                         }
                         else if (found[0] === 'objectWidget') {
-                            bgColor = '#24abb9';
+                            bgColor_1 = '#24abb9';
                         }
                         else if (found[0] === 'productTemplate') {
-                            bgColor = '#9238b5';
+                            bgColor_1 = '#9238b5';
                         }
                         else if (found[0] === 'promotion_code' ||
                             foundLink[0] === 'nontrackurl' ||
                             foundLink[0] === 'shortlink' ||
                             foundLink[0] === 'shortlink_static') {
-                            bgColor = '#6750A7';
+                            bgColor_1 = '#6750A7';
                         }
                         else if (found[0] === 'custom') {
-                            bgColor = '#BBEFBE';
+                            bgColor_1 = '#BBEFBE';
                         }
-                        let label = getObjectPropSafely(() => {
-                            const foundAttribute = '';
-                            let codeTag = '';
+                        var label = getObjectPropSafely(function () {
+                            var foundAttribute = '';
+                            var codeTag = '';
                             if (found.length === 2) {
                                 if (found[0] === 'objectWidget' && found[1].startsWith('custom_')) {
-                                    bgColor = '#1890F0';
-                                    const contentWidget = found[1].substring(7);
+                                    bgColor_1 = '#1890F0';
+                                    var contentWidget = found[1].substring(7);
                                     // remove custom_ for get right content
                                     if (contentWidget.length > 0) {
                                         if (objectWidgetInput[contentWidget] !== undefined) {
                                             return objectWidgetInput[contentWidget].name;
                                         }
-                                        bgColor = '#ccc';
+                                        bgColor_1 = '#ccc';
                                         // return contentWidget;
                                         return 'Unknow Widget';
                                     }
@@ -137,8 +145,8 @@ export const convertHtmlText = (htmlText, format = 'raw', state, objectWidgetInp
                                     codeTag = found[1];
                                 }
                                 else {
-                                    const splitString = found[2].split('||');
-                                    codeTag = `${found[1]}.${splitString[0]}`;
+                                    var splitString = found[2].split('||');
+                                    codeTag = "".concat(found[1], ".").concat(splitString[0]);
                                 }
                             }
                             // console.log('foundAttribute', found, foundAttribute, codeTag);
@@ -147,28 +155,28 @@ export const convertHtmlText = (htmlText, format = 'raw', state, objectWidgetInp
                             }
                             // bgColor = '#ccc';
                             // return `${found[0]}.${codeTag}`;
-                            return `${codeTag}`;
+                            return "".concat(codeTag);
                         });
                         if (foundLink[0] === 'nontrackurl') {
                             label = 'Non tracking Link';
                         }
                         if (foundLink[0] === 'shortlink' || foundLink[0] === 'shortlink_static') {
-                            const url = get(matcher.match(/\((.*?)\)/), '.1', '');
+                            var url = get(matcher.match(/\((.*?)\)/), '.1', '');
                             label = genShortLinkValue(url).label;
                         }
                         // console.log(type);
                         if (type === 'input') {
                             if (init === 'add') {
-                                return getInsertPatternWithAppendSpaceEnd(random(8), matcher, label || found[0], bgColor);
+                                return getInsertPatternWithAppendSpaceEnd(random(8), matcher, label || found[0], bgColor_1);
                             }
-                            return getInsertPattern(random(8), matcher, label || found[0], bgColor);
+                            return getInsertPattern(random(8), matcher, label || found[0], bgColor_1);
                         }
-                        return getInsertPattern(random(8), matcher, label || found[0], bgColor);
+                        return getInsertPattern(random(8), matcher, label || found[0], bgColor_1);
                     }
                     return matcher;
                 };
                 try {
-                    return `${result.replace(insertPattern, htmlReplacer)}`;
+                    return "".concat(result.replace(insertPattern, htmlReplacer));
                 }
                 catch (error) {
                     // eslint-disable-next-line no-console
@@ -184,11 +192,11 @@ export const convertHtmlText = (htmlText, format = 'raw', state, objectWidgetInp
     }
     return result;
 };
-export const handleUpdateInputPersonalization = (listIconRemove, listBtnElement) => {
-    listIconRemove.forEach((each) => {
+export var handleUpdateInputPersonalization = function (listIconRemove, listBtnElement) {
+    listIconRemove.forEach(function (each) {
         each.innerHTML = '';
         each.innerHTML = '&#x2715';
-        const styleBtnRemove = each.style;
+        var styleBtnRemove = each.style;
         styleBtnRemove.fontSize = '13px';
         styleBtnRemove.color = '#305FB8';
         styleBtnRemove.marginLeft = '-12px';
@@ -202,8 +210,8 @@ export const handleUpdateInputPersonalization = (listIconRemove, listBtnElement)
         styleBtnRemove.transform = 'translate(-50%, -50%)';
         styleBtnRemove.left = '100%';
     });
-    listBtnElement.forEach((each) => {
-        const styleBtnElement = each.style;
+    listBtnElement.forEach(function (each) {
+        var styleBtnElement = each.style;
         styleBtnElement.position = 'relative';
         styleBtnElement.color = '#000';
         styleBtnElement.padding = '3px 8px';
@@ -214,7 +222,7 @@ export const handleUpdateInputPersonalization = (listIconRemove, listBtnElement)
     });
 };
 export function removeHtmlTag(text) {
-    text = `${text}`.replace(/(<([^>]+)>)/gi, '');
+    text = "".concat(text).replace(/(<([^>]+)>)/gi, '');
     text = text.replace(/&nbsp;/gm, ' ');
     return decode(text.trim());
 }
@@ -224,14 +232,14 @@ export function convertBreakTag(text) {
 export function convertDivToBreakTag(text) {
     return text.replace(/<div>/gi, '<br>').replace(/<\/div>/gi, '');
 }
-export const pasteHtmlAtCaret = (html, selectPastedContent, callback) => {
+export var pasteHtmlAtCaret = function (html, selectPastedContent, callback) {
     try {
         // console.log('callback', callback, typeof callback);
         if (typeof callback === 'function') {
             callback();
         }
-        let sel;
-        let range;
+        var sel = void 0;
+        var range = void 0;
         if (window.getSelection) {
             // IE9 and non-IE
             sel = window.getSelection();
@@ -241,16 +249,16 @@ export const pasteHtmlAtCaret = (html, selectPastedContent, callback) => {
                 // Range.createContextualFragment() would be useful here but is
                 // only relatively recently standardized and is not supported in
                 // some browsers (IE9, for one)
-                const el = document.createElement('div');
+                var el = document.createElement('div');
                 el.innerHTML = html;
-                const frag = document.createDocumentFragment();
-                let node;
-                let lastNode;
+                var frag = document.createDocumentFragment();
+                var node = void 0;
+                var lastNode = void 0;
                 // eslint-disable-next-line no-cond-assign
                 while ((node = el.firstChild)) {
                     lastNode = frag.appendChild(node);
                 }
-                const firstNode = frag.firstChild;
+                var firstNode = frag.firstChild;
                 range.insertNode(frag);
                 // Preserve the selection
                 if (lastNode) {
@@ -270,7 +278,7 @@ export const pasteHtmlAtCaret = (html, selectPastedContent, callback) => {
         }
         else if ((sel = document.selection) && sel.type !== 'Control') {
             // IE < 9
-            const originalRange = sel.createRange();
+            var originalRange = sel.createRange();
             originalRange.collapse(true);
             sel.createRange().pasteHTML(html);
             if (selectPastedContent) {
@@ -285,12 +293,14 @@ export const pasteHtmlAtCaret = (html, selectPastedContent, callback) => {
         console.log(error);
     }
 };
-export const getInsertLinkPatternWithAppendSpaceEnd = (id, value, label) => `<button id="${id}" contenteditable="false" class="insert-word" style="padding: 5px 8px; color: #000; font-size: inherit; outline: none; border: 1px solid transparent; border-radius: 1.2rem; margin-top: 2px; cursor: pointer; height: auto; background-color: #CAE5FE" value=${value
-    .replace(/\s/gm, '&nbsp;')
-    .replace(/"/gm, '&quot;')}><span style="line-height: 20px;margin-right: 8px;pointer-events:none;">${label}</span><em class="editor-icon-remove" style="color: white;font-style: normal; marign-left: 4px; position: relative; z-index: 999;font-size: 1rem;font-weight: bold">x</em></button>&nbsp;`;
+export var getInsertLinkPatternWithAppendSpaceEnd = function (id, value, label) {
+    return "<button id=\"".concat(id, "\" contenteditable=\"false\" class=\"insert-word\" style=\"padding: 5px 8px; color: #000; font-size: inherit; outline: none; border: 1px solid transparent; border-radius: 1.2rem; margin-top: 2px; cursor: pointer; height: auto; background-color: #CAE5FE\" value=").concat(value
+        .replace(/\s/gm, '&nbsp;')
+        .replace(/"/gm, '&quot;'), "><span style=\"line-height: 20px;margin-right: 8px;pointer-events:none;\">").concat(label, "</span><em class=\"editor-icon-remove\" style=\"color: white;font-style: normal; marign-left: 4px; position: relative; z-index: 999;font-size: 1rem;font-weight: bold\">x</em></button>&nbsp;");
+};
 // eslint-disable-next-line func-names
-export const validateHTMLTags = (function () {
-    const e = [
+export var validateHTMLTags = (function () {
+    var e = [
         '<a ',
         '<a>',
         '</a>',
@@ -642,8 +652,8 @@ export const validateHTMLTags = (function () {
         '<wbr ',
         '</wbr>',
     ];
-    const t = {
-        escapeCustomTags(t) {
+    var t = {
+        escapeCustomTags: function (t) {
             if (!t || typeof t !== 'string')
                 return t;
             for (var r = 0, a = [], i = [], o = [], s = t, n = 0; n <= t.length; n++)
@@ -654,15 +664,15 @@ export const validateHTMLTags = (function () {
                 var d = t.indexOf('<', r);
                 if (d === -1)
                     break;
-                const l = t.indexOf(' ', d + 1);
-                const p = t.indexOf('/>', d + 1);
+                var l = t.indexOf(' ', d + 1);
+                var p = t.indexOf('/>', d + 1);
                 var u = t.indexOf('>', d + 1);
-                const b = [];
+                var b = [];
                 l != -1 && b.push(l), p != -1 && b.push(p), u != -1 && b.push(u);
                 var f;
-                const m = Math.min(...b);
+                var m = Math.min.apply(Math, b);
                 var h = t.substring(d, m + 1);
-                (f = e.some(e => {
+                (f = e.some(function (e) {
                     if (h === e)
                         return a.push({ index: d, type: 'lt' }, { index: u, type: 'gt' }), !0;
                 })),
@@ -670,30 +680,30 @@ export const validateHTMLTags = (function () {
                     f ? (r = m) : (r += 1);
             }
             for (n = 0; n < i.length; n++) {
-                a.some((e) => e.index === i[n].index) || o.push(i[n]);
+                a.some(function (e) { return e.index === i[n].index; }) || o.push(i[n]);
             }
             for (n = o.length - 1; n >= 0; n--)
                 o[n].type == 'lt'
-                    ? (s = `${s.substring(0, o[n].index)}&lt;${s.substring(o[n].index + 1)}`)
+                    ? (s = "".concat(s.substring(0, o[n].index), "&lt;").concat(s.substring(o[n].index + 1)))
                     : o[n].type == 'gt' &&
-                        (s = `${s.substring(0, o[n].index)}&gt;${s.substring(o[n].index + 1)}`);
+                        (s = "".concat(s.substring(0, o[n].index), "&gt;").concat(s.substring(o[n].index + 1)));
             return s;
         },
-        isCustomTag(t) {
+        isCustomTag: function (t) {
             if (!t || typeof t !== 'string')
                 return !1;
             for (var r = !1, a = 0, i = 0; i <= t.length;) {
-                const o = t.indexOf('<', a);
+                var o = t.indexOf('<', a);
                 if (o == -1)
                     break;
-                const s = t.indexOf(' ', o + 1);
-                const n = t.indexOf('/>', o + 1);
-                const d = t.indexOf('>', o + 1);
-                const l = [];
+                var s = t.indexOf(' ', o + 1);
+                var n = t.indexOf('/>', o + 1);
+                var d = t.indexOf('>', o + 1);
+                var l = [];
                 s != -1 && l.push(s), n != -1 && l.push(n), d != -1 && l.push(d);
-                const p = Math.min(...l);
+                var p = Math.min.apply(Math, l);
                 var u = t.substring(o, p + 1);
-                if ((e.some((t, a) => {
+                if ((e.some(function (t, a) {
                     if (u === t)
                         return !0;
                     a + 1 == e.length && (r = !0);
@@ -704,21 +714,21 @@ export const validateHTMLTags = (function () {
             }
             return r;
         },
-        isValidTag(t) {
+        isValidTag: function (t) {
             if (!t || typeof t !== 'string')
                 return !1;
             for (var r = !1, a = 0, i = 0; i <= t.length;) {
-                const o = t.indexOf('<', a);
+                var o = t.indexOf('<', a);
                 if (o == -1)
                     break;
-                const s = t.indexOf(' ', o + 1);
-                const n = t.indexOf('/>', o + 1);
-                const d = t.indexOf('>', o + 1);
-                const l = [];
+                var s = t.indexOf(' ', o + 1);
+                var n = t.indexOf('/>', o + 1);
+                var d = t.indexOf('>', o + 1);
+                var l = [];
                 s != -1 && l.push(s), n != -1 && l.push(n), d != -1 && l.push(d);
-                const p = Math.min(...l);
+                var p = Math.min.apply(Math, l);
                 var u = t.substring(o, p + 1);
-                if ((r = e.some(e => u === e)))
+                if ((r = e.some(function (e) { return u === e; })))
                     break;
                 (i = p), r ? (a = p) : (a += 1);
             }
@@ -728,19 +738,19 @@ export const validateHTMLTags = (function () {
     return t;
 })();
 // Fix bug con trỏ input check text Value đã có thẻ <br/>
-export const spacingNonTracking = (data) => {
+export var spacingNonTracking = function (data) {
     // eslint-disable-next-line prefer-regex-literals
-    const regexHasBannedPrefix = new RegExp(/<br\s*\/?>/gi);
+    var regexHasBannedPrefix = new RegExp(/<br\s*\/?>/gi);
     if (typeof data === 'string' && regexHasBannedPrefix.test(data)) {
         return true;
     }
     return false;
 };
-export const initialValue = (initValue) => {
+export var initialValue = function (initValue) {
     try {
-        const newTextValue = convertHtmlText(initValue, 'html', {}, {}, 'input', '');
+        var newTextValue = convertHtmlText(initValue, 'html', {}, {}, 'input', '');
         if (newTextValue && !newTextValue.endsWith('&nbsp;')) {
-            return `${newTextValue}&nbsp;`;
+            return "".concat(newTextValue, "&nbsp;");
         }
         return newTextValue;
     }

package/es/components/atoms/InputNumber/InputNumber.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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)
@@ -15,10 +26,10 @@ import clsx from 'clsx';
 import { InputNumber as AntdInputNumber } from 'antd';
 // Icons
 import Icon from '@antscorp/icons';
-export const InputNumber = props => {
+export var InputNumber = function (props) {
     // Props
-    const { showHandler, className } = props, restOfProps = __rest(props, ["showHandler", "className"]);
-    return (React.createElement(AntdInputNumber, Object.assign({}, restOfProps, { className: clsx(className, {
+    var showHandler = props.showHandler, className = props.className, restOfProps = __rest(props, ["showHandler", "className"]);
+    return (React.createElement(AntdInputNumber, __assign({}, restOfProps, { className: clsx(className, {
             '--show-handler': showHandler,
         }), upHandler: React.createElement(Icon, { type: "icon-ants-caret-up", style: { fontSize: 8 } }), downHandler: React.createElement(Icon, { type: "icon-ants-caret-down", style: { fontSize: 8 } }) })));
 };

package/es/components/atoms/MobileFrame/MobileFrame.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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)
@@ -13,9 +24,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 // Styled
 import { MobileWrapper, MobileInner, MobileBottomLine } from './styled';
-export const MobileFrame = (_a) => {
-    var { children } = _a, restOfProps = __rest(_a, ["children"]);
-    return (React.createElement(MobileWrapper, Object.assign({}, restOfProps),
+export var MobileFrame = function (_a) {
+    var children = _a.children, restOfProps = __rest(_a, ["children"]);
+    return (React.createElement(MobileWrapper, __assign({}, restOfProps),
         React.createElement(MobileInner, null,
             children,
             React.createElement(MobileBottomLine, null))));

package/es/components/atoms/MobileFrame/constants.js

@@ -1,4 +1,4 @@
-export const MOBILE_SETTING = {
+export var MOBILE_SETTING = {
     width: 391,
     height: 660,
 };

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

@@ -1,33 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 // Libraries
 import styled from 'styled-components';
 // Assets
 import MobileFrame from '@antscorp/antsomi-ui/es/assets/images/iphone.png';
-export const MobileWrapper = styled.div `
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  background: url(${MobileFrame}) no-repeat center center;
-  background-size: contain;
-`;
-export const MobileInner = styled.div `
-  position: relative;
-  width: 100%;
-  max-width: 336px;
-  height: 695px;
-  margin: 61px 23px 20px 24px;
-  border-bottom-left-radius: 50px;
-  border-bottom-right-radius: 50px;
-  overflow: hidden;
-`;
-export const MobileBottomLine = styled.div `
-  width: 145px;
-  height: 5px;
-  background-color: #000000;
-  border-radius: 20px;
-  position: absolute;
-  margin: auto;
-  bottom: 10px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 10;
-`;
+export var MobileWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  background: url(", ") no-repeat center center;\n  background-size: contain;\n"], ["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  background: url(", ") no-repeat center center;\n  background-size: contain;\n"])), MobileFrame);
+export var MobileInner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  max-width: 336px;\n  height: 695px;\n  margin: 61px 23px 20px 24px;\n  border-bottom-left-radius: 50px;\n  border-bottom-right-radius: 50px;\n  overflow: hidden;\n"], ["\n  position: relative;\n  width: 100%;\n  max-width: 336px;\n  height: 695px;\n  margin: 61px 23px 20px 24px;\n  border-bottom-left-radius: 50px;\n  border-bottom-right-radius: 50px;\n  overflow: hidden;\n"])));
+export var MobileBottomLine = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 145px;\n  height: 5px;\n  background-color: #000000;\n  border-radius: 20px;\n  position: absolute;\n  margin: auto;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 10;\n"], ["\n  width: 145px;\n  height: 5px;\n  background-color: #000000;\n  border-radius: 20px;\n  position: absolute;\n  margin: auto;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 10;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/es/components/atoms/Pagination/Pagination.js

@@ -1,2 +1,2 @@
 import { Pagination as AntdPagination } from 'antd';
-export const Pagination = AntdPagination;
+export var Pagination = AntdPagination;

package/es/components/atoms/Popover/Popover.js

@@ -1,2 +1,2 @@
 import { Popover as AntdPopover } from 'antd';
-export const Popover = AntdPopover;
+export var Popover = AntdPopover;

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

@@ -1,5 +1,10 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 // Libraries
 import styled from 'styled-components';
 // Components
 import { Popover as AntdPopover } from 'antd';
-export const PopoverWrapper = styled(AntdPopover) ``;
+export var PopoverWrapper = styled(AntdPopover)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var templateObject_1;