@antscorp/antsomi-ui 1.3.5-beta.31 → 1.3.5-beta.310

package/es/tests/styled.js

@@ -0,0 +1,4 @@
+import styled from 'styled-components';
+export const TableTestWrapper = styled.div `
+  padding: 10px;
+`;

package/es/types/api.d.ts

@@ -0,0 +1,6 @@
+export type TDataResponse<T> = {
+    meta: {
+        total: number;
+    };
+    entries: T[];
+};

package/es/types/api.js

@@ -0,0 +1 @@
+export {};

package/es/types/config.d.ts

@@ -0,0 +1,2 @@
+import { ENV } from '../config';
+export type envType = (typeof ENV)[keyof typeof ENV];

package/es/types/config.js

@@ -0,0 +1 @@
+export {};

package/es/types/index.d.ts

@@ -18,10 +18,17 @@ export * from './richMenu';
 export * from './variables';
 export * from './service';
 export * from './templateListing';
+export * from './share-access';
+export * from './processingNotification';
+export * from './postMessage';
 export type PayloadInfo = {
     url?: string;
     userId?: string;
     token?: string;
     accountId?: string;
+    portalId?: number;
 };
 export type TServiceAuth = PayloadInfo;
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};

package/es/types/index.js

@@ -2,3 +2,6 @@ export * from './richMenu';
 export * from './variables';
 export * from './service';
 export * from './templateListing';
+export * from './share-access';
+export * from './processingNotification';
+export * from './postMessage';

package/es/types/postMessage.d.ts

@@ -0,0 +1,4 @@
+export interface IPostMessage {
+    type: string;
+    payload: any;
+}

package/es/types/postMessage.js

@@ -0,0 +1 @@
+export {};

package/es/types/processingNotification.d.ts

@@ -0,0 +1,4 @@
+export type TProcessingNotificationCallbackType = 'forecast_name';
+export interface ProcessingNotificationProps {
+    callback?: (type: TProcessingNotificationCallbackType, data: Record<string, any>) => void;
+}

package/es/types/processingNotification.js

@@ -0,0 +1 @@
+export {};

package/es/types/share-access.d.ts

@@ -0,0 +1,18 @@
+import { TBoolean } from './variables';
+export type TUserAccess = {
+    allow_comment: TBoolean;
+    allow_edit: TBoolean;
+    allow_view: TBoolean;
+    avatar: string;
+    email: string;
+    full_name: string;
+    role: number;
+    user_id: number;
+    [key: string]: any;
+};
+export type TShareAccess = {
+    is_public: TBoolean;
+    owner_id: number | null;
+    public_role: number | null;
+    list_access: TUserAccess[];
+};

package/es/types/share-access.js

@@ -0,0 +1 @@
+export {};

package/es/types/templateListing.d.ts

@@ -1,4 +1,5 @@
 import { TEMPLATE_CATEGORY_KEYS, OBJECT_TYPES, PUBLIC_LEVEL, TEMPLATE_STATUS } from '../constants';
+import { TGetListType } from './variables';
 export type TObjectType = (typeof OBJECT_TYPES)[keyof typeof OBJECT_TYPES];
 export type TPublicLevel = (typeof PUBLIC_LEVEL)[keyof typeof PUBLIC_LEVEL];
 export type TTemplateStatus = (typeof TEMPLATE_STATUS)[keyof typeof TEMPLATE_STATUS];
@@ -6,6 +7,8 @@ export type TObjectTemplateCategory = (typeof TEMPLATE_CATEGORY_KEYS)[keyof type
 export type TTemplateListingConfig = {
     objectType: TObjectType;
     publicLevel: TPublicLevel;
+    getListType: TGetListType;
+    channel?: number;
     categoryCodes?: string[];
     limitListPerPage?: number;
 };

package/es/types/variables.d.ts

@@ -1,2 +1,5 @@
+import { GET_LIST_TYPE } from '../constants';
 export type TUnit = 'px' | '%' | any;
 export type TAlign = 'left' | 'center' | 'right';
+export type TGetListType = (typeof GET_LIST_TYPE)[keyof typeof GET_LIST_TYPE];
+export type TBoolean = 1 | 0;

package/es/utils/common.d.ts

@@ -6,23 +6,31 @@
  * @returns {object[]}
  */
 export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];
+/**
+ * Function to flat array
+ * @param {Array} tree - tree data
+ * @param {string} keyFlat = 'id' - key to flat
+ * @param {number} level = 0 - level of tree
+ * @returns {Array} - tree data with children
+ */
+export declare const flattenTree: (tree?: Array<any>, keyFlat?: string, level?: number) => Array<any>;
 export declare const safeParse: (val: any, defaultVal: any) => any;
 export declare const getObjectPropSafely: (fn: any, defaultValue?: string) => any;
 export declare const random: (number: any) => string;
-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 const safeParseInt: (val: any, defaultVal: 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 getPortalId(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 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;
@@ -57,3 +65,24 @@ export declare function mapNumberToOrdinalText(num: number): string;
 export declare const searchParamsToObject: (searchParams?: string) => Record<string, unknown>;
 export declare function asssertCannotReach(x: never): void;
 export declare const getShuffleArray: <T>(array: T[]) => T[];
+export declare const snakeCaseToCamelCase: <T = Record<string, any>>(object: Record<string, any> | Record<string, any>[], recursive?: boolean) => T;
+export declare const camelCaseToSnakeCase: <T = Record<string, any>>(object: Record<string, any>, recursive?: boolean) => T;
+export declare function generateKey(): any;
+export declare const formatUserId: (userId?: number) => string;
+/**
+ * Function to remove accent
+ * @param str - String want to remove accent
+ * @returns {string} - Result after remove accent
+ */
+export declare const removeAccent: (str: string) => string;
+/** Remove all accents and convert string to lower case, remove leading and trailing white space */
+export declare const simplifyString: (str: string) => string;
+/**
+ * @param str target string
+ * @param queryStr search query
+ * @returns true if target string includes search query
+ */
+export declare const searchStringQuery: (str: string, queryStr: string) => boolean;
+export declare const isExistedImage: (imageUrl: string) => boolean;
+export declare const getUrlNoCache: (url?: string, cacheValue?: number | string) => string;
+export declare const safeParseJson: (json?: string | null, defaultValue?: any) => any;

package/es/utils/common.js

@@ -1,8 +1,12 @@
 /* eslint-disable no-underscore-dangle */
 // Libraries
 import axios from 'axios';
+import uniqid from 'uniqid';
 // Constants
 import { MESSAGES, PORTAL_KEYS } from '@antscorp/antsomi-ui/es/services/constants';
+// Utils
+import { handleError } from './handleError';
+const PATH = 'src/utils/common.ts';
 /**
  * Function to reorder list
  * @param {Object[]} list - list of item want to reorder
@@ -16,6 +20,16 @@ export const reorder = (list, startIndex, endIndex) => {
     result.splice(endIndex, 0, removed);
     return result;
 };
+/**
+ * Function to flat array
+ * @param {Array} tree - tree data
+ * @param {string} keyFlat = 'id' - key to flat
+ * @param {number} level = 0 - level of tree
+ * @returns {Array} - tree data with children
+ */
+export const flattenTree = (tree = [], keyFlat = 'children', level) => tree.flatMap(item => item[keyFlat] && level !== 0
+    ? [item, ...flattenTree(item[keyFlat], keyFlat, (level || 0) - 1)]
+    : item);
 export const safeParse = (val, defaultVal) => {
     if (typeof val === 'undefined' ||
         val === 'undefined' ||
@@ -42,24 +56,6 @@ export const random = number => {
     }
     return text;
 };
-export function getPortalId(config) {
-    const portalId = safeParse(getSessionStorage('api_pid', config), 0);
-    if (portalId === 0) {
-        return getAppParamURL(window.location.pathname, false, config).portalId;
-    }
-    return portalId;
-    // return safeParse(getAppSession('api_pid'), 0);
-}
-export const safeParseInt = (val, defaultVal) => {
-    let tempt = safeParse(val, 0);
-    if (tempt !== 0) {
-        tempt = parseInt(tempt);
-        if (Number.isNaN(tempt)) {
-            return defaultVal;
-        }
-    }
-    return tempt;
-};
 export function isUrlEmbedded() {
     return false;
 }
@@ -83,29 +79,19 @@ export function getSessionStorage(key, config) {
     }
     return '';
 }
-export function getMessageByCode(messageCode, def = undefined) {
-    if (def === undefined) {
-        def = 'Error happened. Please try again.';
-    }
-    const tempt = MESSAGES[messageCode];
-    if (tempt === undefined) {
-        return def;
+export const safeParseInt = (val, defaultVal) => {
+    let tempt = safeParse(val, 0);
+    if (tempt !== 0) {
+        tempt = parseInt(tempt);
+        if (Number.isNaN(tempt)) {
+            return defaultVal;
+        }
     }
     return tempt;
-}
-export function urlHasQueryString(url) {
-    const arr = url.split('?');
-    if (arr.length > 1 && arr[1] !== '') {
-        return true;
-    }
-    return false;
-}
-export function isNumeric(num) {
-    return !isNaN(num) && num !== '';
-}
-export function getUserLocaleLanguage(config) {
-    return safeParse(getWindowParam(PORTAL_KEYS.USER_LANGUAGE, config), 'en');
-}
+};
+const getCookie = (key, config) => {
+    throw new Error('Function not implemented.');
+};
 export function getAppSession(key, config) {
     if (isUrlEmbedded()) {
         return getDataWithEmbeddedPublic(key, config);
@@ -177,8 +163,38 @@ export function getAppParamURL(pathname, forceVersionV2 = false, config) {
     output.accessUserId = accessUserId;
     return output;
 }
+export function getPortalId(config) {
+    const portalId = safeParse(getSessionStorage('api_pid', config), 0);
+    if (portalId === 0) {
+        return getAppParamURL(window.location.pathname, false, config).portalId;
+    }
+    return portalId;
+    // return safeParse(getAppSession('api_pid'), 0);
+}
+export function getMessageByCode(messageCode, def = undefined) {
+    if (def === undefined) {
+        def = 'Error happened. Please try again.';
+    }
+    const tempt = MESSAGES[messageCode];
+    if (tempt === undefined) {
+        return def;
+    }
+    return tempt;
+}
+export function urlHasQueryString(url) {
+    const arr = url.split('?');
+    if (arr.length > 1 && arr[1] !== '') {
+        return true;
+    }
+    return false;
+}
+export function isNumeric(num) {
+    return !isNaN(num) && num !== '';
+}
+export function getUserLocaleLanguage(config) {
+    return safeParse(getWindowParam(PORTAL_KEYS.USER_LANGUAGE, config), 'en');
+}
 export function callApiWithAuth(endpoint, method = 'GET', body, domain = '', config = {}, token = '', userId = '', isTicket = false, type = '', isAccount = false, isPermission = false, others = {}) {
-    console.log(token);
     const apiPid = getPortalId(config);
     const apiToken = token;
     const _user_id = userId;
@@ -325,9 +341,6 @@ export function getEntriesV2(res, def) {
         data: def,
     };
 }
-function getCookie(key, config) {
-    throw new Error('Function not implemented.');
-}
 export const getNumberFromString = (str) => {
     try {
         return +(str.match(/^-?\d+/) || []).flat()[0];
@@ -386,3 +399,106 @@ export const getShuffleArray = (array) => {
     }
     return array;
 };
+export const snakeCaseToCamelCase = (object, recursive = false) => {
+    const newObject = {};
+    Object.keys(object).forEach(key => {
+        const newKey = key.replace(/_([a-z])/g, g => g[1].toUpperCase());
+        newObject[newKey] =
+            recursive && !!object[key] && typeof object[key] === 'object'
+                ? Array.isArray(object[key])
+                    ? object[key].map(value => snakeCaseToCamelCase(value, recursive))
+                    : snakeCaseToCamelCase(object[key], recursive)
+                : object[key];
+    });
+    return newObject;
+};
+export const camelCaseToSnakeCase = (object, recursive = false) => {
+    const newObject = {};
+    Object.keys(object).forEach(key => {
+        const newKey = key.replace(/[A-Z]/g, g => `_${g[0].toLowerCase()}`);
+        newObject[newKey] =
+            recursive && !!object[key] && typeof object[key] === 'object'
+                ? Array.isArray(object[key])
+                    ? object[key].map(value => camelCaseToSnakeCase(value, recursive))
+                    : camelCaseToSnakeCase(object[key], recursive)
+                : object[key];
+    });
+    return newObject;
+};
+export function generateKey() {
+    return uniqid.process();
+}
+export const formatUserId = (userId) => String(userId || '').replace(/(\d{3})(\d{3})(\d{0,})/, `$1-$2-$3`);
+/**
+ * Function to remove accent
+ * @param str - String want to remove accent
+ * @returns {string} - Result after remove accent
+ */
+export const removeAccent = (str) => {
+    str = str.replace(/[àáạảãâầấậẩẫăằắặẳẵ]/g, 'a');
+    str = str.replace(/[èéẹẻẽêềếệểễ]/g, 'e');
+    str = str.replace(/[ìíịỉĩ]/g, 'i');
+    str = str.replace(/[òóọỏõôồốộổỗơờớợởỡ]/g, 'o');
+    str = str.replace(/[ùúụủũưừứựửữ]/g, 'u');
+    str = str.replace(/[ỳýỵỷỹ]/g, 'y');
+    str = str.replace(/đ/g, 'd');
+    str = str.replace(/[ÀÁẠẢÃÂẦẤẬẨẪĂẰẮẶẲẴ]/g, 'A');
+    str = str.replace(/[ÈÉẸẺẼÊỀẾỆỂỄ]/g, 'E');
+    str = str.replace(/[ÌÍỊỈĨ]/g, 'I');
+    str = str.replace(/[ÒÓỌỎÕÔỒỐỘỔỖƠỜỚỢỞỠ]/g, 'O');
+    str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, 'U');
+    str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, 'Y');
+    str = str.replace(/Đ/g, 'D');
+    return str;
+};
+/** Remove all accents and convert string to lower case, remove leading and trailing white space */
+export const simplifyString = (str) => removeAccent(str.toLowerCase().trim()) || '';
+/**
+ * @param str target string
+ * @param queryStr search query
+ * @returns true if target string includes search query
+ */
+export const searchStringQuery = (str, queryStr) => simplifyString(str).includes(simplifyString(queryStr || ''));
+export const isExistedImage = (imageUrl) => {
+    try {
+        const http = new XMLHttpRequest();
+        http.open('HEAD', imageUrl, false);
+        http.send();
+        return http.status !== 404;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: isExistedImage.name,
+            args: { imageUrl },
+        });
+        return false;
+    }
+};
+export const getUrlNoCache = (url = '', cacheValue = 0) => {
+    let urlNoCache = url;
+    if (urlNoCache.includes('nocache') || url.startsWith('data:image') || !cacheValue) {
+        urlNoCache = url;
+    }
+    else {
+        try {
+            const newUrl = new URL(url);
+            newUrl.searchParams.append('nocache', `${cacheValue}`);
+            urlNoCache = newUrl.toString();
+        }
+        catch (error) {
+            urlNoCache = url;
+        }
+    }
+    return urlNoCache;
+};
+export const safeParseJson = (json, defaultValue) => {
+    if (!json)
+        return defaultValue;
+    try {
+        return JSON.parse(json);
+    }
+    catch (error) {
+        return defaultValue;
+    }
+};

package/es/utils/commonComponent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TagProps } from 'antd';
+interface CustomTagProps extends TagProps {
+    type: 'link' | 'normal' | 'default';
+}
+export declare const CustomTag: React.FC<CustomTagProps>;
+export {};

package/es/utils/commonComponent.js

@@ -0,0 +1,28 @@
+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, { useMemo } from 'react';
+import { Tag } from '@antscorp/antsomi-ui/es/index';
+export const CustomTag = props => {
+    const { type, children } = props, restOfProps = __rest(props, ["type", "children"]);
+    const settings = useMemo(() => {
+        switch (type) {
+            case 'link':
+                return { color: 'processing', bordered: true };
+            case 'normal':
+                return { bordered: false };
+            default:
+                return { bordered: false };
+        }
+    }, [type]);
+    return (React.createElement(Tag, Object.assign({}, settings, restOfProps), children));
+};

package/es/utils/domTarget.d.ts

@@ -0,0 +1,8 @@
+import type { MutableRefObject, DependencyList } from 'react';
+export declare const depsAreSame: (oldDeps: DependencyList, deps: DependencyList) => boolean;
+export declare const isBrowser: boolean;
+type TargetValue<T> = T | undefined | null;
+type TargetType = HTMLElement | Element | Window | Document;
+export type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+export declare const getTargetElement: <T extends TargetType>(target: BasicTarget<T>, defaultElement?: T) => TargetValue<T>;
+export {};

package/es/utils/domTarget.js

@@ -0,0 +1,32 @@
+import { isFunction } from 'lodash';
+export const depsAreSame = (oldDeps, deps) => {
+    if (oldDeps === deps)
+        return true;
+    for (let i = 0; i < oldDeps.length; i++) {
+        if (!Object.is(oldDeps[i], deps[i]))
+            return false;
+    }
+    return true;
+};
+export const isBrowser = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+export const getTargetElement = (target, defaultElement) => {
+    if (!isBrowser) {
+        return undefined;
+    }
+    if (!target) {
+        return defaultElement;
+    }
+    let targetElement;
+    if (isFunction(target)) {
+        targetElement = target();
+    }
+    else if ('current' in target) {
+        targetElement = target.current;
+    }
+    else {
+        targetElement = target;
+    }
+    return targetElement;
+};

package/es/utils/handleError.js

@@ -18,7 +18,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-export const handleError = (error = {}, configInfo = {}, isShowMessageError = false) => __awaiter(void 0, void 0, void 0, function* () {
+export const handleError = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (error = {}, configInfo = {}, isShowMessageError = false) {
     const { response, message } = error;
     const { name: functionName, path, from, priority = 'low' } = configInfo, restOfConfigInfo = __rest(configInfo, ["name", "path", "from", "priority"]);
     console.log(error);

package/es/utils/index.d.ts

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

package/es/utils/index.js

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

package/es/utils/styles.d.ts

@@ -0,0 +1,2 @@
+export declare function styleToCssString(rules: any, important?: boolean): string;
+export default styleToCssString;