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

package/es/constants/richMenu.js

@@ -1,4 +1,4 @@
-export var AREA_LAYOUT_KEYS = {
+export const AREA_LAYOUT_KEYS = {
     LAYOUT_1: 'LAYOUT_1',
     LAYOUT_2: 'LAYOUT_2',
     LAYOUT_3: 'LAYOUT_3',
@@ -12,7 +12,7 @@ export var AREA_LAYOUT_KEYS = {
     LAYOUT_11: 'LAYOUT_11',
     LAYOUT_12: 'LAYOUT_12',
 };
-export var BLOCK_KEYS = {
+export const BLOCK_KEYS = {
     RICH_MENU: 'RICH_MENU',
     CELL_ACTION: 'CELL_ACTION',
     CELL_IMAGE: 'CELL_IMAGE',

package/es/constants/storybook.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
@@ -7,5 +8,5 @@ export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
     key: string;
-    render: (text: any) => JSX.Element;
+    render: (text: any) => React.JSX.Element;
 })[];

package/es/constants/storybook.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var TABLE_API_COLUMNS = [
+export const TABLE_API_COLUMNS = [
     {
         title: 'Property',
         dataIndex: 'property',
@@ -14,7 +14,7 @@ export var TABLE_API_COLUMNS = [
         title: 'Type',
         dataIndex: 'type',
         key: 'type',
-        render: function (text) { return React.createElement("a", { style: { color: 'magenta' } }, text); },
+        render: text => React.createElement("a", { style: { color: 'magenta' } }, text),
     },
     {
         title: 'Default',

package/es/constants/theme.js

@@ -2,10 +2,10 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
 // Types
 import { theme } from 'antd';
 // Variables
-var defaultAlgorithm = theme.defaultAlgorithm, defaultSeed = theme.defaultSeed;
-var mapToken = defaultAlgorithm(defaultSeed);
-var gold1 = mapToken.gold1, gold6 = mapToken.gold6;
-export var THEME = {
+const { defaultAlgorithm, defaultSeed } = theme;
+const mapToken = defaultAlgorithm(defaultSeed);
+const { gold1, gold6 } = mapToken;
+export const THEME = {
     token: {
         colorText: '#000000',
         colorTextBase: '#222222',
@@ -67,8 +67,8 @@ export var THEME = {
         accent6: '#f2f2f2',
         accent7: '#cccccc',
         gray5: '#d9d9d9',
-        gold1: gold1,
-        gold6: gold6,
+        gold1,
+        gold6,
         scrollBarSize: '8px',
     },
 };

package/es/hooks/index.js

@@ -7,7 +7,7 @@ function deepCompareEquals(a, b) {
     return isEqual(a, b);
 }
 function useDeepCompareMemoize(value) {
-    var ref = useRef();
+    const ref = useRef();
     // it can be done by using useMemo as well
     // but useRef is rather cleaner and easier
     if (!deepCompareEquals(value, ref.current)) {

package/es/hooks/useDebounce.js

@@ -1,12 +1,12 @@
 import { useState, useEffect } from 'react';
 function useDebounce(initialValue, time) {
-    var _a = useState(initialValue), value = _a[0], setValue = _a[1];
-    var _b = useState(initialValue), debouncedValue = _b[0], setDebouncedValue = _b[1];
-    useEffect(function () {
-        var debounce = setTimeout(function () {
+    const [value, setValue] = useState(initialValue);
+    const [debouncedValue, setDebouncedValue] = useState(initialValue);
+    useEffect(() => {
+        const debounce = setTimeout(() => {
             setDebouncedValue(value);
         }, time);
-        return function () {
+        return () => {
             clearTimeout(debounce);
         };
     }, [value, time]);

package/es/hooks/useDeepCompareEffect.js

@@ -7,7 +7,7 @@ function deepCompareEquals(a, b) {
     return isEqual(a, b);
 }
 function useDeepCompareMemoize(value) {
-    var ref = useRef();
+    const ref = useRef();
     // it can be done by using useMemo as well
     // but useRef is rather cleaner and easier
     if (!deepCompareEquals(value, ref.current)) {

package/es/locales/i18n.js

@@ -4,7 +4,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import en from './en/translation.json';
 import vi from './vi/translation.json';
 import { convertLanguageJsonToObject } from './translations';
-export var translationsJson = {
+export const translationsJson = {
     en: {
         translation: en,
     },
@@ -16,7 +16,7 @@ export var translationsJson = {
 convertLanguageJsonToObject(en);
 // i18next
 // export const i18n = i18next
-var i18nInstance = i18next.createInstance();
+const i18nInstance = i18next.createInstance();
 i18nInstance
     // pass the i18n instance to react-i18next.
     // .use(initReactI18next)

package/es/locales/translations.js

@@ -1,25 +1,15 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 // Libraries
 import i18next from 'i18next';
-export var translations = {};
+export const translations = {};
 /*
  * Converts the static JSON file into an object where keys are identical
  * but values are strings concatenated according to syntax.
  * This is helpful when using the JSON file keys and still having the intellisense support
  * along with type-safety
  */
-export var convertLanguageJsonToObject = function (json, objToConvertTo, current) {
-    if (objToConvertTo === void 0) { objToConvertTo = translations; }
-    Object.keys(json).forEach(function (key) {
-        var currentLookupKey = current ? "".concat(current, ".").concat(key) : key;
+export const convertLanguageJsonToObject = (json, objToConvertTo = translations, current) => {
+    Object.keys(json).forEach(key => {
+        const currentLookupKey = current ? `${current}.${key}` : key;
         if (typeof json[key] === 'object') {
             objToConvertTo[key] = {};
             convertLanguageJsonToObject(json[key], objToConvertTo[key], currentLookupKey);
@@ -29,19 +19,13 @@ export var convertLanguageJsonToObject = function (json, objToConvertTo, current
         }
     });
 };
-export var t = function (id) {
-    var rest = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        rest[_i - 1] = arguments[_i];
-    }
+export const t = (id, ...rest) => {
     if (!id) {
         id = '_NOT_TRANSLATED_';
     }
-    return __spreadArray([id], rest, true);
+    return [id, ...rest];
 };
-export var getTranslateMessage = function (id, defaultMessage, value) {
-    if (defaultMessage === void 0) { defaultMessage = ''; }
-    if (value === void 0) { value = {}; }
+export const getTranslateMessage = (id, defaultMessage = '', value = {}) => {
     try {
         return i18next.t(t(id, defaultMessage), value);
     }

package/es/models/SavedImage.js

@@ -1,71 +1,26 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import moment from 'moment';
 import { Model } from './model';
-var SavedImage = /** @class */ (function (_super) {
-    __extends(SavedImage, _super);
-    function SavedImage() {
-        return _super !== null && _super.apply(this, arguments) || this;
+export class SavedImage extends Model {
+    get id() {
+        return this.model.image_id || '';
     }
-    Object.defineProperty(SavedImage.prototype, "id", {
-        get: function () {
-            return this.model.image_id || '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SavedImage.prototype, "name", {
-        get: function () {
-            return this.model.image_name || '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SavedImage.prototype, "url", {
-        get: function () {
-            var _a;
-            return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.url) || '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SavedImage.prototype, "createdAt", {
-        get: function () {
-            return moment(this.model.ctime, true).isValid() ? moment(this.model.ctime) : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SavedImage.prototype, "size", {
-        get: function () {
-            var _a;
-            return +(((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.size) || 0);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SavedImage.prototype, "sizeString", {
-        get: function () {
-            var properties = this.model.properties;
-            var dimensionsFile = properties === null || properties === void 0 ? void 0 : properties.dimensions_file;
-            return "".concat(Math.round(10 * (((properties === null || properties === void 0 ? void 0 : properties.size) || 0) / 1024)) / 10, " KB, ").concat(dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.width, " x ").concat(dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.height, " ");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return SavedImage;
-}(Model));
-export { SavedImage };
+    get name() {
+        return this.model.image_name || '';
+    }
+    get url() {
+        var _a;
+        return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.url) || '';
+    }
+    get createdAt() {
+        return moment(this.model.ctime, true).isValid() ? moment(this.model.ctime) : null;
+    }
+    get size() {
+        var _a;
+        return +(((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.size) || 0);
+    }
+    get sizeString() {
+        const { properties } = this.model;
+        const dimensionsFile = properties === null || properties === void 0 ? void 0 : properties.dimensions_file;
+        return `${Math.round(10 * (((properties === null || properties === void 0 ? void 0 : properties.size) || 0) / 1024)) / 10} KB, ${dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.width} x ${dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.height} `;
+    }
+}

package/es/models/Upload.js

@@ -1,66 +1,21 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import { Model } from './model';
-var Upload = /** @class */ (function (_super) {
-    __extends(Upload, _super);
-    function Upload() {
-        return _super !== null && _super.apply(this, arguments) || this;
+export class Upload extends Model {
+    get fileName() {
+        return this.model.file_name;
     }
-    Object.defineProperty(Upload.prototype, "fileName", {
-        get: function () {
-            return this.model.file_name;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Upload.prototype, "file", {
-        get: function () {
-            return this.model.file;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Upload.prototype, "url", {
-        get: function () {
-            return this.model.url || '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Upload.prototype, "extension", {
-        get: function () {
-            return this.model.extension || '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Upload.prototype, "dimensionsFile", {
-        get: function () {
-            return this.model.dimensions_file;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Upload.prototype, "size", {
-        get: function () {
-            return +(this.model.size || 0);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return Upload;
-}(Model));
-export { Upload };
+    get file() {
+        return this.model.file;
+    }
+    get url() {
+        return this.model.url || '';
+    }
+    get extension() {
+        return this.model.extension || '';
+    }
+    get dimensionsFile() {
+        return this.model.dimensions_file;
+    }
+    get size() {
+        return +(this.model.size || 0);
+    }
+}

package/es/models/model.js

@@ -1,7 +1,5 @@
-var Model = /** @class */ (function () {
-    function Model(model) {
+export class Model {
+    constructor(model) {
         this.model = model || {};
     }
-    return Model;
-}());
-export { Model };
+}

package/es/services/MediaTemplateDesign/UploadFile/index.js

@@ -1,14 +1,3 @@
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -18,114 +7,69 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 /* eslint-disable no-promise-executor-return */
 // Services
 import { SavedImage } from '@antscorp/antsomi-ui/es/models/SavedImage';
 import { Upload } from '@antscorp/antsomi-ui/es/models/Upload';
 import { services } from '@antscorp/antsomi-ui/es/services';
-export var getListingSavedImage = function (domainUrl, slug, infos) { return __awaiter(void 0, void 0, void 0, function () {
-    var data, savedImages, error_1;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, services.mediaTemplateSavedImages.getList({
-                        API_HOST: "".concat(domainUrl, "/").concat(slug, "/saved-image/index"),
-                    }, infos)];
-            case 1:
-                data = (_a.sent()).data;
-                savedImages = (data === null || data === void 0 ? void 0 : data.data) || [];
-                savedImages = savedImages.map(function (savedImage) { return new SavedImage(savedImage); });
-                return [2 /*return*/, savedImages];
-            case 2:
-                error_1 = _a.sent();
-                return [2 /*return*/, new Promise(function (_, reject) { return reject(error_1); })];
-            case 3: return [2 /*return*/];
-        }
-    });
-}); };
-export var createSavedImage = function (domainUrl, slug, infos, data) {
+export const getListingSavedImage = (domainUrl, slug, infos) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        return services.mediaTemplateSavedImages.create(__assign({ API_HOST: "".concat(domainUrl, "/").concat(slug, "/saved-image/index") }, data), infos);
+        const { data } = yield services.mediaTemplateSavedImages.getList({
+            API_HOST: `${domainUrl}/${slug}/saved-image/index`,
+        }, infos);
+        let savedImages = (data === null || data === void 0 ? void 0 : data.data) || [];
+        savedImages = savedImages.map(savedImage => new SavedImage(savedImage));
+        return savedImages;
     }
     catch (error) {
-        return new Promise(function (_, reject) { return reject(error); });
+        return new Promise((_, reject) => reject(error));
+    }
+});
+export const createSavedImage = (domainUrl, slug, infos, data) => {
+    try {
+        return services.mediaTemplateSavedImages.create(Object.assign({ API_HOST: `${domainUrl}/${slug}/saved-image/index` }, data), infos);
+    }
+    catch (error) {
+        return new Promise((_, reject) => reject(error));
     }
 };
-export var deleteSavedImage = function (domainUrl, slug, infos, id) {
+export const deleteSavedImage = (domainUrl, slug, infos, id) => {
     try {
         return services.mediaTemplateSavedImages.create({
-            API_HOST: "".concat(domainUrl, "/").concat(slug, "/saved-image/index/update-status"),
+            API_HOST: `${domainUrl}/${slug}/saved-image/index/update-status`,
             image_id: [id],
             status: 80,
         }, infos);
     }
     catch (error) {
-        return new Promise(function (_, reject) { return reject(error); });
+        return new Promise((_, reject) => reject(error));
     }
 };
-export var uploadFile = function (domainUrl, slug, infos, files) { return __awaiter(void 0, void 0, void 0, function () {
-    var formData_1, result, uploadData, error_2;
+export const uploadFile = (domainUrl, slug, infos, files) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                _b.trys.push([0, 2, , 3]);
-                formData_1 = new FormData();
-                files.forEach(function (file) {
-                    formData_1.append('files', file);
-                });
-                return [4 /*yield*/, services.mediaTemplateSavedImages.upload({
-                        API_HOST: "".concat(domainUrl, "/").concat(slug, "/file-upload/file"),
-                        formData: formData_1,
-                    }, infos)];
-            case 1:
-                result = _b.sent();
-                uploadData = result ? (_a = result.data) === null || _a === void 0 ? void 0 : _a.data : null;
-                return [2 /*return*/, (uploadData === null || uploadData === void 0 ? void 0 : uploadData.length)
-                        ? uploadData.map(function (file) {
-                            return new Upload({
-                                url: file.url,
-                                file: file.file,
-                                extension: file.extension,
-                                dimensions_file: file.dimensions_file,
-                                size: file.size,
-                                file_name: file.file_name,
-                            });
-                        })
-                        : []];
-            case 2:
-                error_2 = _b.sent();
-                // eslint-disable-next-line no-promise-executor-return
-                return [2 /*return*/, new Promise(function (_, reject) { return reject(error_2); })];
-            case 3: return [2 /*return*/];
-        }
-    });
-}); };
+    try {
+        const formData = new FormData();
+        files.forEach(file => {
+            formData.append('files', file);
+        });
+        const result = yield services.mediaTemplateSavedImages.upload({
+            API_HOST: `${domainUrl}/${slug}/file-upload/file`,
+            formData,
+        }, infos);
+        const uploadData = result ? (_a = result.data) === null || _a === void 0 ? void 0 : _a.data : null;
+        return (uploadData === null || uploadData === void 0 ? void 0 : uploadData.length)
+            ? uploadData.map(file => new Upload({
+                url: file.url,
+                file: file.file,
+                extension: file.extension,
+                dimensions_file: file.dimensions_file,
+                size: file.size,
+                file_name: file.file_name,
+            }))
+            : [];
+    }
+    catch (error) {
+        // eslint-disable-next-line no-promise-executor-return
+        return new Promise((_, reject) => reject(error));
+    }
+});