@antscorp/antsomi-ui 1.3.5-beta.52 → 1.3.5-beta.521

package/es/components/organism/LeftMenu/utils/index.js

@@ -0,0 +1,456 @@
+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 { cloneDeep, isArray, isEmpty, sortBy } from 'lodash';
+// Constants
+import { APP_KEYS, MARKETING_CHANNEL_KEY, HOME_MENU_ITEMS, MARKETING_ROUTES, MENU_ITEM_TYPE, RENDER_OPTION, HOME_REPORT_ROUTES, SETTING_APP, } from '../constants';
+import { MARKETING_CHANNEL_CODE, KEEP_HASH_PATH_DEV } from '../../../template/Layout/constants';
+// Utils
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+import { ENV } from '@antscorp/antsomi-ui/es/config';
+import { FEATURE_PERMISSIONS } from '@antscorp/antsomi-ui/es/constants';
+const PATH = 'src/components/organism/LeftMenu/utils/index.ts';
+/**
+ * Converts a feature menu item to a menu item suitable for rendering in the UI.
+ * @param {TMenuFeatureItem} featureMenu - The feature menu item to convert.
+ * @returns {TMenuItem} The converted menu item.
+ */
+export const getMenuItem = (featureMenu) => {
+    const { menu_item_code, menu_item_name, children, icon_name } = featureMenu, restOfFeatureMenu = __rest(featureMenu, ["menu_item_code", "menu_item_name", "children", "icon_name"]);
+    return Object.assign({ key: menu_item_code, label: menu_item_name, icon: icon_name, children: children === null || children === void 0 ? void 0 : children.map(item => getMenuItem(item)) }, restOfFeatureMenu);
+};
+/**
+ * Flatten a nested array of menu items by flatten @alias childKey into a single-level array.
+ * @template T - The type of menu items.
+ * @param {T[]} menuItems - The array of menu items to flatten.
+ * @param {string} childKey - The key representing the children array in each menu item.
+ * @returns {T[]} The flattened array of menu items.
+ */
+export const flattenMenuArray = (menuItems, childKey) => {
+    let result = [];
+    menuItems.forEach(item => {
+        const children = (item === null || item === void 0 ? void 0 : item[childKey]) || [];
+        result.push(Object.assign(Object.assign({}, item), { [childKey]: [] }));
+        if (children.length > 0) {
+            result = [...result, ...flattenMenuArray(children, childKey)];
+        }
+    });
+    return result;
+};
+/**
+ * Recursively filters menu items based on permissions.
+ * check permission if menu item has menu_type of @alias MENU_ITEM_TYPE.MENU
+ */
+export const recursivePermissionMenu = (menuItems, menuPermissions) => {
+    var _a, _b;
+    const menu = (_b = (_a = menuItems === null || menuItems === void 0 ? void 0 : menuItems.filter(({ permission_code, menu_item_type }) => {
+        if (Number(menu_item_type) !== MENU_ITEM_TYPE.MENU) {
+            return true;
+        }
+        return !!(menuPermissions === null || menuPermissions === void 0 ? void 0 : menuPermissions.find(({ menu_code = '' }) => !!permission_code && [menu_code].includes(permission_code)));
+    })) === null || _a === void 0 ? void 0 : _a.map(item => (Object.assign(Object.assign({}, item), (isArray(item.children)
+        ? {
+            children: recursivePermissionMenu(sortBy(item.children || [], ['level_position']), menuPermissions),
+        }
+        : {}))))) === null || _b === void 0 ? void 0 : _b.filter(item => !(isArray(item.children) && isEmpty(item.children)));
+    return menu;
+};
+/**
+ * Generate a new path by replacing parameters in the given path.
+ * @returns {string} The generated path with replaced parameters.
+ */
+export const getGeneratePath = (path, params) => {
+    try {
+        const { portalId, userId, dashboardId, channelId } = params || {};
+        // return generatePath(path, {
+        //   user_id: userId ?? '-1',
+        //   networkId: portalId ?? -1,
+        //   portalId: portalId ?? -1,
+        //   dashboardId: dashboardId ?? '-1',
+        //   channelId: channelId ?? -1,
+        // });
+        const paramsObjects = {
+            user_id: userId !== null && userId !== void 0 ? userId : '-1',
+            networkId: portalId !== null && portalId !== void 0 ? portalId : -1,
+            portalId: portalId !== null && portalId !== void 0 ? portalId : -1,
+            dashboardId: dashboardId !== null && dashboardId !== void 0 ? dashboardId : '-1',
+            channelId: channelId !== null && channelId !== void 0 ? channelId : -1,
+        };
+        Object.keys(paramsObjects).forEach(key => {
+            path = path.replace(`:${key}`, paramsObjects[key]);
+        });
+        return path;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: getGeneratePath.name,
+            args: { path, params },
+        });
+        return '';
+    }
+};
+/**
+ * This is used to delete the hash of the path returned from the api,
+ * the purpose of which is to compare with the url to activate the app
+ */
+export const getComparePath = (path, env) => {
+    var _a;
+    if (env !== ENV.DEV) {
+        return path;
+    }
+    if (path === null || path === void 0 ? void 0 : path.includes('#')) {
+        const customPath = ((_a = path === null || path === void 0 ? void 0 : path.split('#')) === null || _a === void 0 ? void 0 : _a[1]) || '';
+        return customPath;
+    }
+    return path;
+};
+/**
+ * Creates an initial feature menu item object with default values.
+ * @param {Partial<TFeatureMenu>} featureMenuItem - The partial feature menu item object.
+ * @returns {TFeatureMenu} The initial feature menu item object.
+ */
+export const getInitialFeatureMenuItem = (featureMenuItem) => (Object.assign({ menu_item: '', network_id: -1, menu_item_name: '', level_position: 0, icon_name: null, menu_item_path: null, menu_item_code: '', permission_code: null, menu_item_type: 3, menu_item_parent: 0, render_option: null, menu_item_domain: null, total_row: 0, ctime: null, utime: null }, featureMenuItem));
+export const recursiveGetInitialFeatureMenuItem = (featureMenuItem) => (Object.assign({ menu_item: '', network_id: -1, menu_item_name: '', level_position: 0, icon_name: null, menu_item_path: null, menu_item_code: '', permission_code: null, menu_item_type: 3, menu_item_parent: 0, render_option: null, menu_item_domain: null, total_row: 0, ctime: null, utime: null }, featureMenuItem));
+export const recursiveGetMenuItemByPermission = (featureMenuItem) => {
+    var _a;
+    return ({
+        key: featureMenuItem.permission_code || 'null',
+        label: featureMenuItem.menu_item_name,
+        icon: featureMenuItem.icon_name,
+        logo_url: featureMenuItem.logo_url,
+        children: (_a = featureMenuItem === null || featureMenuItem === void 0 ? void 0 : featureMenuItem.children) === null || _a === void 0 ? void 0 : _a.map(child => recursiveGetMenuItemByPermission(child)),
+    });
+};
+/** Map children to each App Item */
+export const getMappingAppChildren = (args) => {
+    const { menuList, dashboardList, auth, destinationChannelEntries, destinationChannelGen2Entries, isRecommendation, } = args;
+    const recursiveAddRenderOption = (menuItem) => {
+        var _a;
+        const cloneMenuItem = cloneDeep(menuItem);
+        switch (cloneMenuItem === null || cloneMenuItem === void 0 ? void 0 : cloneMenuItem.render_option) {
+            case RENDER_OPTION.CHANNEL: {
+                const path = (() => {
+                    switch (menuItem.menu_item_code) {
+                        case SETTING_APP.CHANNEL_INTEGRATION.code:
+                            return SETTING_APP.CHANNEL_INTEGRATION.path;
+                        default:
+                            return '';
+                    }
+                })();
+                cloneMenuItem.children =
+                    (destinationChannelEntries === null || destinationChannelEntries === void 0 ? void 0 : destinationChannelEntries.map(item => (Object.assign({}, getInitialFeatureMenuItem({
+                        menu_item_code: item.channelCode,
+                        menu_item_name: item.translateLabel,
+                        menu_item_domain: cloneMenuItem.menu_item_domain,
+                        logo_url: item.logoUrl,
+                        menu_item_parent: menuItem.menu_item,
+                        menu_item_path: getGeneratePath(path, Object.assign(Object.assign({}, auth), { channelId: item.channelId })),
+                    }))))) || [];
+                break;
+            }
+            case RENDER_OPTION.CHANNEL_GEN2: {
+                const path = (() => {
+                    switch (menuItem.menu_item_code) {
+                        case MARKETING_CHANNEL_CODE.CAMPAIGN:
+                            return MARKETING_ROUTES.CHANNEL;
+                        default:
+                            return '';
+                    }
+                })();
+                cloneMenuItem.children =
+                    (destinationChannelGen2Entries === null || destinationChannelGen2Entries === void 0 ? void 0 : destinationChannelGen2Entries.map(item => (Object.assign({}, getInitialFeatureMenuItem({
+                        menu_item_domain: cloneMenuItem.menu_item_domain,
+                        menu_item_code: `${menuItem.menu_item_code}_${item.channelCode}`,
+                        menu_item_name: item.translateLabel,
+                        logo_url: item.logoUrl,
+                        menu_item_parent: menuItem.menu_item,
+                        menu_item_path: getGeneratePath(path, Object.assign(Object.assign({}, auth), { channelId: item.channelId })),
+                    }))))) || [];
+                break;
+            }
+            default:
+                break;
+        }
+        if (cloneMenuItem === null || cloneMenuItem === void 0 ? void 0 : cloneMenuItem.children) {
+            cloneMenuItem.children = (_a = cloneMenuItem.children) === null || _a === void 0 ? void 0 : _a.map(item => recursiveAddRenderOption(item));
+        }
+        return cloneMenuItem;
+    };
+    return menuList === null || menuList === void 0 ? void 0 : menuList.map(appItem => {
+        var _a, _b;
+        switch (appItem.menu_item_code) {
+            case APP_KEYS.HOME: {
+                const dashboardObject = {
+                    sharedDashboard: [],
+                    ownedDashboard: dashboardList,
+                    recentDashboard: [],
+                };
+                appItem.children = (_a = Object.values(HOME_MENU_ITEMS)) === null || _a === void 0 ? void 0 : _a.map(childMenuItem => {
+                    var _a;
+                    return (Object.assign(Object.assign({}, getInitialFeatureMenuItem({
+                        menu_item: childMenuItem.menu_item_code,
+                        menu_item_code: childMenuItem.menu_item_code,
+                        menu_item_name: childMenuItem.menu_item_name,
+                        menu_item_parent: appItem.menu_item,
+                        menu_item_path: childMenuItem.menu_item_path,
+                        icon_name: childMenuItem.icon_name,
+                    })), { children: (_a = dashboardObject === null || dashboardObject === void 0 ? void 0 : dashboardObject[childMenuItem.menu_item_code]) === null || _a === void 0 ? void 0 : _a.map(item => {
+                            const { shareAccess } = item || {};
+                            const dashboardEditable = (() => {
+                                var _a, _b;
+                                if (isEmpty(shareAccess))
+                                    return true;
+                                return (((_b = (_a = shareAccess === null || shareAccess === void 0 ? void 0 : shareAccess.list_access) === null || _a === void 0 ? void 0 : _a.find(item => item.user_id === (auth === null || auth === void 0 ? void 0 : auth.userId))) === null || _b === void 0 ? void 0 : _b.allow_edit) === FEATURE_PERMISSIONS.EVERYTHING);
+                            })();
+                            return Object.assign({}, getInitialFeatureMenuItem({
+                                menu_item: String(item.dashboardId),
+                                menu_item_code: String(item.dashboardId),
+                                menu_item_name: item.dashboardName,
+                                menu_item_parent: childMenuItem.menu_item_code,
+                                menu_item_path: getGeneratePath(HOME_REPORT_ROUTES.DETAIL, Object.assign(Object.assign({}, auth), { dashboardId: String(item.dashboardId) })),
+                                dashboardEditable,
+                            }));
+                        }) }));
+                });
+                break;
+            }
+            case APP_KEYS.MARKETING: {
+                appItem.children = (_b = appItem.children) === null || _b === void 0 ? void 0 : _b.map(childMenuItem => {
+                    switch (childMenuItem.menu_item_code) {
+                        case MARKETING_CHANNEL_CODE.ALL_CHANNEL:
+                            childMenuItem.menu_item_path = getGeneratePath(childMenuItem.menu_item_path || '', Object.assign(Object.assign({}, auth), { channelId: MARKETING_CHANNEL_KEY.ALL_CHANNEL }));
+                            break;
+                        case MARKETING_CHANNEL_CODE.ORCHESTRATION:
+                            childMenuItem.menu_item_path = getGeneratePath(childMenuItem.menu_item_path || '', Object.assign(Object.assign({}, auth), { channelId: MARKETING_CHANNEL_KEY.JOURNEY_ORCHESTRATION }));
+                            break;
+                        default:
+                            break;
+                    }
+                    return childMenuItem;
+                });
+                break;
+            }
+            default:
+                break;
+        }
+        if (!isRecommendation) {
+            appItem = recursiveAddRenderOption(appItem);
+        }
+        return appItem;
+    });
+};
+/**
+ * Finds the app code of the active menu item based on the provided URL within the given menu items.
+ * @param {object} args - The arguments object.
+ * @param {string} args.url - The URL to match against menu item paths.
+ * @param {TFeatureMenu[]} args.menuItems - The array of menu items to search within.
+ * @param {Partial<PayloadInfo>} [args.auth] - Additional authentication information.
+ * @returns {string | undefined} The app code of the active menu item or undefined if not found.
+ */
+export const findActiveAppCodeByUrl = (args) => {
+    try {
+        const { url, menuItems, auth, env } = args;
+        let matchAppCode;
+        const recursiveCheckHasActiveChild = (items) => {
+            let matchAppCode = false;
+            for (const item of items) {
+                if (item === null || item === void 0 ? void 0 : item.menu_item_path) {
+                    const comparePath = KEEP_HASH_PATH_DEV.includes(item.menu_item_code)
+                        ? getGeneratePath(item.menu_item_path, auth)
+                        : getComparePath(getGeneratePath(item.menu_item_path, auth), env);
+                    if (url.includes(comparePath)) {
+                        matchAppCode = true;
+                        break;
+                    }
+                }
+                if ((item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                    matchAppCode = recursiveCheckHasActiveChild(item.children);
+                    if (matchAppCode) {
+                        break;
+                    }
+                }
+            }
+            return matchAppCode;
+        };
+        for (const menuItem of menuItems) {
+            if (!!(menuItem === null || menuItem === void 0 ? void 0 : menuItem.menu_item_path) &&
+                url.includes(getComparePath(getGeneratePath(menuItem.menu_item_path, auth), env))) {
+                matchAppCode = menuItem.menu_item_code;
+                break;
+            }
+            const hasActiveChild = recursiveCheckHasActiveChild((menuItem === null || menuItem === void 0 ? void 0 : menuItem.children) || []);
+            if (hasActiveChild) {
+                matchAppCode = menuItem.menu_item_code;
+                break;
+            }
+        }
+        return matchAppCode;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: findActiveAppCodeByUrl.name,
+            args,
+        });
+    }
+};
+export const findLastMatchedItemByUrl = (args) => {
+    try {
+        const { url, menuItems, auth, env = 'development' } = args;
+        const matchedItems = [];
+        const recursiveFindActiveItem = (items, parentId) => {
+            for (const item of items) {
+                if (item === null || item === void 0 ? void 0 : item.menu_item_path) {
+                    const comparePath = KEEP_HASH_PATH_DEV.includes(item.menu_item_code)
+                        ? getGeneratePath(item.menu_item_path, auth)
+                        : getComparePath(getGeneratePath(item.menu_item_path, auth), env);
+                    if (url.includes(comparePath) && (!parentId || item.menu_item_parent === parentId)) {
+                        matchedItems.push(item);
+                    }
+                }
+                if ((item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                    recursiveFindActiveItem(item.children, String(item.menu_item));
+                }
+            }
+        };
+        recursiveFindActiveItem(menuItems || []);
+        return matchedItems === null || matchedItems === void 0 ? void 0 : matchedItems.pop();
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: findLastMatchedItemByUrl.name,
+            args,
+        });
+    }
+};
+export const findPathOfActiveItem = (args) => {
+    try {
+        const { activeMenuItem, menuItems } = args;
+        const recursiveFindPathOfActiveItem = (menuItems, parentId) => {
+            let path = [];
+            for (const item of menuItems) {
+                if (item.menu_item_code === (activeMenuItem === null || activeMenuItem === void 0 ? void 0 : activeMenuItem.menu_item_code) &&
+                    (!parentId || (activeMenuItem === null || activeMenuItem === void 0 ? void 0 : activeMenuItem.menu_item_parent) === parentId)) {
+                    path.push(item);
+                    break;
+                }
+                const childPath = recursiveFindPathOfActiveItem((item === null || item === void 0 ? void 0 : item.children) || [], String(item.menu_item));
+                if (childPath.length) {
+                    path = [item, ...childPath];
+                    break;
+                }
+            }
+            return path;
+        };
+        return recursiveFindPathOfActiveItem(menuItems);
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: findPathOfActiveItem.name,
+            args,
+        });
+        return [];
+    }
+};
+/**
+ * Finds the app code of the menu item or its parent based on the provided active key.
+ *
+ * @param {Object} args - The arguments object.
+ * @param {string} args.activeCurrentKey - The key of the currently active menu item.
+ * @param {TMenuItem[]} args.menuItems - The array of menu items to search through.
+ * @returns {string | undefined} - The app code of the matching menu item or its parent, or undefined if not found.
+ */
+export const findActiveAppCodeByChild = (args) => {
+    try {
+        const { activeCurrentKey, menuItems, isRecommendation } = args;
+        let activeAppCode;
+        const recursiveCheckHasActiveChild = (items, parentKey) => {
+            let matchedAppCode = false;
+            for (const item of items) {
+                if (isRecommendation && activeCurrentKey.includes('DATASOURCES')) {
+                    const [activeKey, activeParentKey] = activeCurrentKey.split('-');
+                    if (item.key === activeKey && parentKey === activeParentKey) {
+                        matchedAppCode = true;
+                        break;
+                    }
+                }
+                else {
+                    if (item.key === activeCurrentKey) {
+                        matchedAppCode = true;
+                        break;
+                    }
+                }
+                if ((item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                    matchedAppCode = recursiveCheckHasActiveChild(item.children, item.key);
+                    if (matchedAppCode) {
+                        break;
+                    }
+                }
+            }
+            return matchedAppCode;
+        };
+        for (const menuItem of menuItems) {
+            if (menuItem.key === activeCurrentKey) {
+                activeAppCode = activeCurrentKey;
+                break;
+            }
+            const hasActiveChild = recursiveCheckHasActiveChild((menuItem === null || menuItem === void 0 ? void 0 : menuItem.children) || [], menuItem.key);
+            if (hasActiveChild) {
+                activeAppCode = menuItem.key;
+                break;
+            }
+        }
+        return activeAppCode;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: findActiveAppCodeByChild.name,
+            args,
+        });
+    }
+};
+export const getCustomActiveAppCode = (args) => {
+    const { activeKey, menuItems } = args;
+    let activeAppCode;
+    const recursiveCheckHasActiveChild = (items) => {
+        let matchedAppCode = false;
+        for (const item of items) {
+            if (item.key === activeKey) {
+                matchedAppCode = true;
+                break;
+            }
+            if ((item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                matchedAppCode = recursiveCheckHasActiveChild(item.children);
+                if (matchedAppCode) {
+                    break;
+                }
+            }
+        }
+        return matchedAppCode;
+    };
+    for (const menuItem of menuItems) {
+        if (menuItem.key === activeKey) {
+            activeAppCode = activeKey;
+            break;
+        }
+        const hasActiveChild = recursiveCheckHasActiveChild((menuItem === null || menuItem === void 0 ? void 0 : menuItem.children) || []);
+        if (hasActiveChild) {
+            activeAppCode = menuItem.key;
+            break;
+        }
+    }
+    return activeAppCode;
+};

package/es/components/organism/Menu/Menu.d.ts

@@ -1,2 +1,2 @@
-import AntdMenu from 'antd/es/menu';
-export default AntdMenu;
+import { Menu } from 'antd';
+export { Menu };

package/es/components/organism/Menu/Menu.js

@@ -1,3 +1,14 @@
-// export { Menu as AntdMenu } from 'antd';
-import AntdMenu from 'antd/es/menu';
-export default AntdMenu;
+// Libraries
+import React from 'react';
+// Types
+import { Menu } from 'antd';
+// Constants
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
+import { ExpandIcon } from './styled';
+Menu.defaultProps = {
+    expandIcon(props) {
+        const { isOpen } = props;
+        return (React.createElement(ExpandIcon, { "$isOpen": isOpen, type: "icon-ants-expand-more", size: 20, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8 }));
+    },
+};
+export { Menu };

package/es/components/organism/Menu/index.d.ts

@@ -1 +1 @@
-export { default as Menu } from './Menu';
+export { Menu } from './Menu';

package/es/components/organism/Menu/index.js

@@ -1,3 +1 @@
-// import { Menu as AntdMenu } from './Menu';
-// export const Menu = AntdMenu;
-export { default as Menu } from './Menu';
+export { Menu } from './Menu';

package/es/components/organism/Menu/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const ExpandIcon: import("styled-components").StyledComponent<any, any, import("../../atoms/Icon").IconProps & {
+    $isOpen?: boolean | undefined;
+}, string | number | symbol>;

package/es/components/organism/Menu/styled.js

@@ -0,0 +1,10 @@
+// Components
+import styled from 'styled-components';
+import { Icon } from '../../atoms';
+export const ExpandIcon = styled(Icon) `
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  transition: all 200ms;
+  transform: rotate(${props => (props.$isOpen ? 180 : 0)}deg);
+`;

package/es/components/organism/ModifyColumnModal/ModifyColumnModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModifyColumnModalProps } from './types';
+export declare const ModifyColumnModal: React.FC<ModifyColumnModalProps>;