@antscorp/antsomi-ui 1.3.2-beta.6 → 1.3.2-beta.7

package/dist/types/src/services/index.d.ts

@@ -1,9 +1,9 @@
-import { AxiosResponse } from 'axios';
-export declare const instance: import("axios").AxiosInstance;
-export declare const services: {
-    mediaTemplateSavedImages: {
-        getList: (params: any, infos: any) => any;
-        create: (params: any, infos: any) => Promise<AxiosResponse<any, any> | any>;
-        upload: (params: any, infos: any) => false | Promise<AxiosResponse<any, any>>;
-    };
-};
+import { AxiosResponse } from 'axios';
+export declare const instance: import("axios").AxiosInstance;
+export declare const services: {
+    mediaTemplateSavedImages: {
+        getList: (params: any, infos: any) => any;
+        create: (params: any, infos: any) => Promise<AxiosResponse<any, any> | any>;
+        upload: (params: any, infos: any) => false | Promise<AxiosResponse<any, any>>;
+    };
+};

package/dist/types/src/stories/components/TableApiTypeTag/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-interface TableApiTypeTagProps {
-    text: any;
-}
-export declare const TableApiTypeTag: React.FC<TableApiTypeTagProps>;
-export {};
+import React from 'react';
+interface TableApiTypeTagProps {
+    text: any;
+}
+export declare const TableApiTypeTag: React.FC<TableApiTypeTagProps>;
+export {};

package/dist/types/src/stories/components/index.d.ts

@@ -1 +1 @@
-export * from './TableApiTypeTag';
+export * from './TableApiTypeTag';

package/dist/types/src/test.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import '@antscorp/icons/main.css';
-export declare const BACKGROUND_COLOR_STYLE: {
-    SOLID: {
-        value: string;
-        label: string;
-    };
-    GRADIENT: {
-        value: string;
-        label: string;
-    };
-};
-export declare const customColors: string[];
-export declare const App: () => JSX.Element;
+/// <reference types="react" />
+import '@antscorp/icons/main.css';
+export declare const BACKGROUND_COLOR_STYLE: {
+    SOLID: {
+        value: string;
+        label: string;
+    };
+    GRADIENT: {
+        value: string;
+        label: string;
+    };
+};
+export declare const customColors: string[];
+export declare const App: () => JSX.Element;

package/dist/types/src/types/index.d.ts

@@ -1,6 +1,6 @@
-export type THandleErrorPayload = {
-    path: string;
-    name: string;
-    args: Record<string, any>;
-};
-export type TLocale = 'en' | 'vi';
+export type THandleErrorPayload = {
+    path: string;
+    name: string;
+    args: Record<string, any>;
+};
+export type TLocale = 'en' | 'vi';

package/dist/types/src/utils/color.d.ts

@@ -1,10 +1,10 @@
-export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
-export declare const hexWithAlpha: (color: ColorResult) => string;
-/**
- * Converts a hexadecimal color code to its corresponding RGB values.
- * @param {string} hexCode - The hexadecimal color code to convert.
- * @returns {Array} An array containing the RGB values.
- * @throws {Error} If the input is an invalid hexadecimal color code.
- */
-export declare const hexToRgb: (hexCode: string) => [number, number, number];
-export declare const generateHeatMapColor: (value: number, maxValue: number, rgbColor: [number, number, number]) => string;
+export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
+export declare const hexWithAlpha: (color: ColorResult) => string;
+/**
+ * Converts a hexadecimal color code to its corresponding RGB values.
+ * @param {string} hexCode - The hexadecimal color code to convert.
+ * @returns {Array} An array containing the RGB values.
+ * @throws {Error} If the input is an invalid hexadecimal color code.
+ */
+export declare const hexToRgb: (hexCode: string) => [number, number, number];
+export declare const generateHeatMapColor: (value: number, maxValue: number, rgbColor: [number, number, number]) => string;

package/dist/types/src/utils/common.d.ts

@@ -1,47 +1,47 @@
-/**
- * Function to reorder list
- * @param {Object[]} list - list of item want to reorder
- * @param {number} startIndex - start item index want to replace position: ;
- * @param {number} endIndex - end item index want to replace position: ;
- * @returns {object[]}
- */
-export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];
-export declare const safeParse: (val: any, defaultVal: any) => any;
-export declare function getPortalId(config: any): any;
-export declare const safeParseInt: (val: any, defaultVal: any) => any;
-export declare function isUrlEmbedded(): boolean;
-export declare function getWindowParam(name: any, config: any): any;
-export declare function getSessionStorage(key: any, config: any): any;
-export declare function getMessageByCode(messageCode: any, def?: undefined | string): any;
-export declare function urlHasQueryString(url: any): boolean;
-export declare function isNumeric(num: any): boolean;
-export declare function getUserLocaleLanguage(config: any): any;
-export declare function getAppSession(key: any, config: any): any;
-export declare function getAppParamURL(pathname: any, forceVersionV2: boolean | undefined, config: any): {
-    portalId: number;
-    accessUserId: number;
-};
-export declare function callApiWithAuth(endpoint: any, method: string | undefined, body: any, domain?: string, config?: {}, token?: string, userId?: string, isTicket?: boolean, type?: string, isAccount?: boolean, isPermission?: boolean, others?: any): Promise<void | import("axios").AxiosResponse<any, any>>;
-export declare function getData(res: any, def: any): {
-    code: number;
-    message: any;
-    data: any;
-    codeMessage?: undefined;
-} | {
-    code: number;
-    codeMessage: string;
-    message: any;
-    data: any;
-};
-export declare function getEntriesV2(res: any, def: any): {
-    code: number;
-    codeMessage: any;
-    messageAPI: any;
-    data: any;
-} | {
-    code: number;
-    codeMessage: string;
-    data: any;
-    messageAPI?: undefined;
-};
-export declare const getNumberFromString: (str: string) => number;
+/**
+ * Function to reorder list
+ * @param {Object[]} list - list of item want to reorder
+ * @param {number} startIndex - start item index want to replace position: ;
+ * @param {number} endIndex - end item index want to replace position: ;
+ * @returns {object[]}
+ */
+export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];
+export declare const safeParse: (val: any, defaultVal: any) => any;
+export declare function getPortalId(config: any): any;
+export declare const safeParseInt: (val: any, defaultVal: any) => any;
+export declare function isUrlEmbedded(): boolean;
+export declare function getWindowParam(name: any, config: any): any;
+export declare function getSessionStorage(key: any, config: any): any;
+export declare function getMessageByCode(messageCode: any, def?: undefined | string): any;
+export declare function urlHasQueryString(url: any): boolean;
+export declare function isNumeric(num: any): boolean;
+export declare function getUserLocaleLanguage(config: any): any;
+export declare function getAppSession(key: any, config: any): any;
+export declare function getAppParamURL(pathname: any, forceVersionV2: boolean | undefined, config: any): {
+    portalId: number;
+    accessUserId: number;
+};
+export declare function callApiWithAuth(endpoint: any, method: string | undefined, body: any, domain?: string, config?: {}, token?: string, userId?: string, isTicket?: boolean, type?: string, isAccount?: boolean, isPermission?: boolean, others?: any): Promise<void | import("axios").AxiosResponse<any, any>>;
+export declare function getData(res: any, def: any): {
+    code: number;
+    message: any;
+    data: any;
+    codeMessage?: undefined;
+} | {
+    code: number;
+    codeMessage: string;
+    message: any;
+    data: any;
+};
+export declare function getEntriesV2(res: any, def: any): {
+    code: number;
+    codeMessage: any;
+    messageAPI: any;
+    data: any;
+} | {
+    code: number;
+    codeMessage: string;
+    data: any;
+    messageAPI?: undefined;
+};
+export declare const getNumberFromString: (str: string) => number;

package/dist/types/src/utils/handleError.d.ts

@@ -1,2 +1,2 @@
-import { THandleErrorPayload } from 'src/types';
-export declare const handleError: (error: any, payload: THandleErrorPayload) => void;
+import { THandleErrorPayload } from 'src/types';
+export declare const handleError: (error: any, payload: THandleErrorPayload) => void;

package/dist/types/src/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './color';
-export * from './common';
-export * from './handleError';
+export * from './color';
+export * from './common';
+export * from './handleError';

package/dist/types/src/utils/loadable.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface Opts {
-    fallback: React.ReactNode;
-}
-type Unpromisify<T> = T extends Promise<infer P> ? P : never;
-export declare const lazyLoad: <T extends Promise<any>, U extends React.ComponentType<any>>(importFunc: () => T, selectorFunc?: ((s: Unpromisify<T>) => U) | undefined, opts?: Opts) => (props: React.ComponentProps<U>) => JSX.Element;
-export {};
+import React from 'react';
+interface Opts {
+    fallback: React.ReactNode;
+}
+type Unpromisify<T> = T extends Promise<infer P> ? P : never;
+export declare const lazyLoad: <T extends Promise<any>, U extends React.ComponentType<any>>(importFunc: () => T, selectorFunc?: ((s: Unpromisify<T>) => U) | undefined, opts?: Opts) => (props: React.ComponentProps<U>) => JSX.Element;
+export {};

package/dist/types/src/utils/web.d.ts

@@ -1,10 +1,10 @@
-/**
- * Function to parse search params string to object
- * @param {string} searchParams - search params
- * @returns {Record<string, unknown>}
- */
-export declare const searchPramsToObject: (searchParams?: string) => Record<string, unknown>;
-export declare const getPreventKeyboardAction: (actions?: Array<'undo' | 'copy' | 'paste'>) => {
-    onKeyDown: (e: React.KeyboardEvent | KeyboardEvent) => false | undefined;
-    onKeyUp: (e: React.KeyboardEvent | KeyboardEvent) => void;
-};
+/**
+ * Function to parse search params string to object
+ * @param {string} searchParams - search params
+ * @returns {Record<string, unknown>}
+ */
+export declare const searchPramsToObject: (searchParams?: string) => Record<string, unknown>;
+export declare const getPreventKeyboardAction: (actions?: Array<'undo' | 'copy' | 'paste'>) => {
+    onKeyDown: (e: React.KeyboardEvent | KeyboardEvent) => false | undefined;
+    onKeyUp: (e: React.KeyboardEvent | KeyboardEvent) => void;
+};

package/package.json

@@ -1,144 +1,149 @@
-{
-  "name": "@antscorp/antsomi-ui",
-  "version": "1.3.2-beta.6",
-  "description": "An enterprise-class UI design language and React UI library.",
-  "main": "dist/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/types",
-  "scripts": {
-    "dev": "vite",
-    "build": "webpack --config webpack.build.js",
-    "eslint": "eslint --ext js,ts,tsx",
-    "lint": "yarn run eslint src",
-    "lint:fix": "yarn run eslint src --fix",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook",
-    "serve-storybook": "serve storybook-static",
-    "version": "auto-changelog -p && git add CHANGELOG.md",
-    "test": "jest",
-    "test:changed": "jest --onlyChanged",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx}": [
-      "yarn lint:fix"
-    ]
-  },
-  "author": "",
-  "license": "MIT",
-  "dependencies": {
-    "@antscorp/image-editor": "1.0.2",
-    "@antscorp/icons": "0.26.58",
-    "@fortawesome/fontawesome-svg-core": "6.1.1",
-    "@fortawesome/free-brands-svg-icons": "6.1.1",
-    "@fortawesome/free-regular-svg-icons": "6.1.1",
-    "@fortawesome/free-solid-svg-icons": "6.1.1",
-    "@fortawesome/react-fontawesome": "0.2.0",
-    "@tinymce/tinymce-react": "^3.7.0",
-    "antd": "^5.3.2",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.7",
-    "font-awesome": "4.7.0",
-    "highlight.js": "^11.8.0",
-    "html-to-image": "^1.11.11",
-    "html2canvas": "^1.4.1",
-    "lodash": "^4.17.21",
-    "moment": "2.29.2",
-    "qs": "6.10.3",
-    "react-color": "2.19.3",
-    "react-draggable": "^4.4.5",
-    "react-markdown": "^8.0.7",
-    "react-resizable": "^3.0.5",
-    "rehype-highlight": "^6.0.0",
-    "remark-gfm": "^3.0.1",
-    "ts-dedent": "^2.2.0",
-    "tui-image-editor": "^3.15.3"
-  },
-  "devDependencies": {
-    "@ant-design/cssinjs": "^1.6.2",
-    "@antscorp/eslint-config-antsomi": "1.0.4",
-    "@babel/core": "^7.21.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "17.5.0",
-    "@commitlint/config-conventional": "17.4.4",
-    "@emotion/react": "^11.10.6",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.5.0",
-    "@types/node": "^18.15.10",
-    "@types/react": "^18.0.33",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-test-renderer": "^18.0.0",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.55.0",
-    "@typescript-eslint/parser": "^5.55.0",
-    "@vitejs/plugin-react": "^3.1.0",
-    "auto-changelog": "^2.4.0",
-    "babel-loader": "^8.3.0",
-    "clsx": "^1.2.1",
-    "css-loader": "^6.7.3",
-    "date-fns": "^2.29.3",
-    "eslint": "^8.36.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.11",
-    "file-loader": "^6.2.0",
-    "husky": "^8.0.3",
-    "i18next": "^22.4.14",
-    "i18next-browser-languagedetector": "^7.0.1",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "lint-staged": "^13.2.0",
-    "mini-css-extract-plugin": "^2.7.5",
-    "postcss": "^8.4.21",
-    "postcss-loader": "^7.1.0",
-    "prettier": "^2.8.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-fast-compare": "^3.2.1",
-    "react-i18next": "^12.2.0",
-    "sass": "^1.60.0",
-    "sass-loader": "^13.2.2",
-    "style-loader": "^3.3.2",
-    "styled-components": "^5.3.9",
-    "terser-webpack-plugin": "^5.3.7",
-    "ts-jest": "^29.1.0",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
-    "tsconfig-paths-webpack-plugin": "^4.0.1",
-    "typescript": "^4.9.4",
-    "vite": "^4.2.1",
-    "vite-plugin-mkcert": "^1.15.0",
-    "webpack": "^5.78.0",
-    "webpack-cli": "^5.0.1"
-  },
-  "peerDependencies": {
-    "@antscorp/icons": ">=0.26.58",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  }
-}
+{
+  "name": "@antscorp/antsomi-ui",
+  "version": "1.3.2-beta.7",
+  "description": "An enterprise-class UI design language and React UI library.",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/types",
+  "scripts": {
+    "dev": "vite",
+    "build": "webpack --config webpack.build.js",
+    "eslint": "eslint --ext js,ts,tsx",
+    "lint": "yarn run eslint src",
+    "lint:fix": "yarn run eslint src --fix",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook",
+    "serve-storybook": "serve storybook-static",
+    "version": "auto-changelog -p && git add CHANGELOG.md",
+    "test": "jest",
+    "test:changed": "jest --onlyChanged",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "yarn lint:fix"
+    ]
+  },
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@antscorp/image-editor": "1.0.2",
+    "@antscorp/icons": "0.26.58",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/modifiers": "^6.0.1",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@fortawesome/fontawesome-svg-core": "6.1.1",
+    "@fortawesome/free-brands-svg-icons": "6.1.1",
+    "@fortawesome/free-regular-svg-icons": "6.1.1",
+    "@fortawesome/free-solid-svg-icons": "6.1.1",
+    "@fortawesome/react-fontawesome": "0.2.0",
+    "@rc-component/color-picker": "^1.4.1",
+    "@tinymce/tinymce-react": "^3.7.0",
+    "antd": "^5.3.2",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.7",
+    "font-awesome": "4.7.0",
+    "highlight.js": "^11.8.0",
+    "html-to-image": "^1.11.11",
+    "html2canvas": "^1.4.1",
+    "lodash": "^4.17.21",
+    "moment": "2.29.2",
+    "qs": "6.10.3",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-color": "2.19.3",
+    "react-draggable": "^4.4.5",
+    "react-markdown": "^8.0.7",
+    "react-resizable": "^3.0.5",
+    "rehype-highlight": "^6.0.0",
+    "remark-gfm": "^3.0.1",
+    "ts-dedent": "^2.2.0",
+    "tui-image-editor": "^3.15.3"
+  },
+  "devDependencies": {
+    "@ant-design/cssinjs": "^1.6.2",
+    "@antscorp/eslint-config-antsomi": "1.0.4",
+    "@babel/core": "^7.21.3",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@commitlint/cli": "17.5.0",
+    "@commitlint/config-conventional": "17.4.4",
+    "@emotion/react": "^11.10.6",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^6.5.16",
+    "@storybook/testing-library": "^0.0.13",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^18.15.10",
+    "@types/react": "^18.0.33",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-test-renderer": "^18.0.0",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^5.55.0",
+    "@typescript-eslint/parser": "^5.55.0",
+    "@vitejs/plugin-react": "^3.1.0",
+    "auto-changelog": "^2.4.0",
+    "babel-loader": "^8.3.0",
+    "clsx": "^1.2.1",
+    "css-loader": "^6.7.3",
+    "date-fns": "^2.29.3",
+    "eslint": "^8.36.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.11",
+    "file-loader": "^6.2.0",
+    "husky": "^8.0.3",
+    "i18next": "^22.4.14",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "lint-staged": "^13.2.0",
+    "mini-css-extract-plugin": "^2.7.5",
+    "postcss": "^8.4.21",
+    "postcss-loader": "^7.1.0",
+    "prettier": "^2.8.7",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-fast-compare": "^3.2.1",
+    "react-i18next": "^12.2.0",
+    "sass": "^1.60.0",
+    "sass-loader": "^13.2.2",
+    "style-loader": "^3.3.2",
+    "styled-components": "^5.3.9",
+    "terser-webpack-plugin": "^5.3.7",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.1",
+    "typescript": "^4.9.4",
+    "vite": "^4.2.1",
+    "vite-plugin-mkcert": "^1.15.0",
+    "webpack": "^5.78.0",
+    "webpack-cli": "^5.0.1"
+  },
+  "peerDependencies": {
+    "@antscorp/icons": ">=0.26.58",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  }
+}