@antscorp/antsomi-ui 1.3.4 → 1.3.5-beta.2

package/es/utils/common.js

@@ -26,6 +26,22 @@ export const safeParse = (val, defaultVal) => {
     }
     return val;
 };
+export const getObjectPropSafely = (fn, defaultValue = '') => {
+    try {
+        return fn();
+    }
+    catch (e) {
+        return defaultValue;
+    }
+};
+export const random = number => {
+    let text = '';
+    const possible = 'abcdefghijklmnopqrstuvwxyz0123456789';
+    for (let i = 0; i < number; i++) {
+        text += possible.charAt(Math.floor(Math.random() * possible.length));
+    }
+    return text;
+};
 export function getPortalId(config) {
     const portalId = safeParse(getSessionStorage('api_pid', config), 0);
     if (portalId === 0) {
@@ -320,6 +336,10 @@ export const getNumberFromString = (str) => {
         return 0;
     }
 };
+export const isEmail = (email) => {
+    const emailRegex = /^[A-Za-z0-9_!#$%&'*+\/=?`{|}~^.-]+@[A-Za-z0-9.-]+$/gm;
+    return emailRegex.test(email);
+};
 /**
  * Maps a number to its corresponding ordinal text representation.
  * @param {number} num - The number to be mapped.
@@ -353,3 +373,4 @@ export function mapNumberToOrdinalText(num) {
             return '';
     }
 }
+export const searchParamsToObject = (searchParams = '') => Object.fromEntries(new URLSearchParams(searchParams));

package/es/utils/handleError.d.ts

@@ -1,2 +1,32 @@
-import { THandleErrorPayload } from '@antscorp/antsomi-ui/es/types';
-export declare const handleError: (error: any, payload: THandleErrorPayload) => void;
+import { GenericFunction, TConfigErrorInfo } from '@antscorp/antsomi-ui/es/types';
+export declare const handleError: (error?: any, configInfo?: TConfigErrorInfo, isShowMessageError?: boolean) => Promise<void>;
+type TryCatchWrapper<F extends GenericFunction> = (...args: Parameters<F>) => ReturnType<F>;
+/**
+ * @param func callback function need to try-catch
+ * @param path relative path of current file that func execute
+ * @returns func(args:? any[])
+ * @example
+ * ```
+ * function handler(argument: string) {
+ *   console.log(argument)
+ * }
+ *
+ * tryCatchWrapper(handler, PATH)('this string will be log to console');
+ * ```
+ */
+export declare function tryCatchWrapper<F extends GenericFunction>(func: F, path: string): TryCatchWrapper<F>;
+/**
+ * @param func callback function need to try-catch
+ * @param options options config for handleError function
+ * @returns func(args:? any[])
+ * @example
+ * ```
+ * function handler(argument: string) {
+ *   console.log(argument)
+ * }
+ *
+ * tryCatchWrapper(handler, PATH)('this string will be log to console');
+ * ```
+ */
+export declare function tryCatchWrapper<F extends GenericFunction>(func: F, options: TConfigErrorInfo): TryCatchWrapper<F>;
+export {};

package/es/utils/handleError.js

@@ -1,6 +1,44 @@
-export const handleError = (error, payload) => {
-    // eslint-disable-next-line no-console
-    console.log({
-        error: payload,
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+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;
+};
+export const handleError = (error = {}, configInfo = {}, isShowMessageError = false) => __awaiter(void 0, void 0, void 0, function* () {
+    const { response, message } = error;
+    const { name: functionName, path, from, priority = 'low' } = configInfo, restOfConfigInfo = __rest(configInfo, ["name", "path", "from", "priority"]);
+    console.log(error);
+});
+export function tryCatchWrapper(func, options = {}) {
+    return (...args) => {
+        try {
+            return func(...args);
+        }
+        catch (error) {
+            if (typeof options !== 'string') {
+                handleError(error, options);
+            }
+            else {
+                handleError(error, {
+                    name: func.name || 'anonymous',
+                    path: options,
+                    args: {},
+                });
+            }
+        }
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.4",
+  "version": "1.3.5-beta.2",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -33,9 +33,11 @@
     "serve-storybook": "serve storybook-static",
     "version": "auto-changelog -p && git add CHANGELOG.md",
     "test": "jest",
+    "test:clean": "rimraf coverage",
+    "test:update-snapshot": "jest -u",
     "test:changed": "jest --onlyChanged",
     "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
+    "test:coverage": "yarn test:clean && yarn jest --coverage",
     "ts-compile": "tsc -p tsconfig.esm.json",
     "copy-files": "copyfiles -u 1 src/**/*.json src/**/*.svg src/**/*.scss src/**/*.png es"
   },
@@ -57,7 +59,7 @@
     "not op_mini all"
   ],
   "dependencies": {
-    "@antscorp/icons": "0.26.58",
+    "@antscorp/icons": "0.27.6",
     "@antscorp/image-editor": "1.0.2",
     "@emotion/react": "^11.11.1",
     "@fortawesome/fontawesome-svg-core": "6.1.1",
@@ -65,18 +67,31 @@
     "@fortawesome/free-regular-svg-icons": "6.1.1",
     "@fortawesome/free-solid-svg-icons": "6.1.1",
     "@fortawesome/react-fontawesome": "0.2.0",
+    "@tanstack/react-query": "4.20.4",
+    "@tanstack/react-query-devtools": "4.20.4",
     "@tinymce/tinymce-react": "^3.7.0",
-    "antd": "^5.3.2",
+    "@types/currency-formatter": "1.5.1",
+    "ace-builds": "1.4.14",
+    "animate.css": "^4.1.1",
+    "antd": "5.12.6",
     "axios": "^1.4.0",
     "babel-plugin-file-loader": "^2.0.0",
-    "dayjs": "^1.11.7",
+    "currency-formatter": "1.5.9",
+    "dayjs": "^1.11.10",
     "font-awesome": "4.7.0",
     "highlight.js": "^11.8.0",
+    "html-entities": "^2.0.2",
     "html-to-image": "^1.11.11",
     "html2canvas": "^1.4.1",
+    "i18next": "21.6.16",
+    "i18next-browser-languagedetector": "6.1.2",
+    "immer": "3.0.0",
     "lodash": "^4.17.21",
     "moment": "2.29.2",
+    "pako": "2.0.4",
     "qs": "6.10.3",
+    "react-ace": "9.5.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-color": "2.19.3",
     "react-draggable": "^4.4.5",
     "react-markdown": "^8.0.7",
@@ -84,9 +99,7 @@
     "rehype-highlight": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.2.0",
-    "tui-image-editor": "^3.15.3",
-    "i18next": "21.6.16",
-    "i18next-browser-languagedetector": "6.1.2"
+    "tui-image-editor": "^3.15.3"
   },
   "devDependencies": {
     "@ant-design/cssinjs": "^1.6.2",
@@ -97,6 +110,8 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-syntax-jsx": "^7.23.3",
+    "@babel/plugin-transform-modules-commonjs": "^7.23.3",
     "@babel/plugin-transform-react-jsx": "^7.23.4",
     "@babel/plugin-transform-react-jsx-source": "^7.23.3",
     "@babel/plugin-transform-runtime": "^7.23.6",
@@ -118,7 +133,9 @@
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
     "@types/node": "^18.15.10",
+    "@types/pako": "2.0.0",
     "@types/react": "^18.0.33",
+    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "^18.0.11",
     "@types/react-test-renderer": "^18.0.0",
     "@types/styled-components": "^5.1.26",
@@ -126,6 +143,7 @@
     "@typescript-eslint/parser": "^5.55.0",
     "@vitejs/plugin-react": "^3.1.0",
     "auto-changelog": "^2.4.0",
+    "babel-jest": "^29.7.0",
     "babel-loader": "^8.3.0",
     "babel-plugin-import": "^1.13.8",
     "babel-plugin-module-resolver": "^5.0.0",
@@ -176,7 +194,7 @@
     "webpack-cli": "^5.0.1"
   },
   "peerDependencies": {
-    "@antscorp/icons": ">=0.26.58",
+    "@antscorp/icons": ">=0.27.5",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   }

package/dist/0dfb9214dfd945cd7290.png

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

package/dist/4f54a37971347e3d7122.png

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

package/dist/574b7bee0563a9fe9a29.png

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

package/dist/6b586356e837581204dc.svg

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

package/dist/bc6bf11c6f5e6743aa4c.png

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

package/dist/dbc405edd6e0806efbc9.svg

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

package/dist/e32f09119052a55cce3c.png

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

package/dist/e3851b9384a984c6fdb5.png

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