phx-uikit 1.0.256 → 1.0.258

package/dist/cjs/components/MainWrapV4/components/side-bar.js

@@ -0,0 +1,334 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SideBarDesktop;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var show_sidebar_1 = tslib_1.__importDefault(require("../assets/icon-v3/show-sidebar"));
+var constant_1 = require("../constant");
+var helper_1 = require("../helper");
+var use_save_menu_config_1 = tslib_1.__importDefault(require("../hooks/use-save-menu-config"));
+var nav_item_1 = tslib_1.__importDefault(require("./nav-item"));
+var other_menu_1 = tslib_1.__importDefault(require("./other-menu"));
+var set_setting_site_1 = tslib_1.__importDefault(require("../../Func/setting-site/set-setting-site"));
+var get_setting_site_1 = tslib_1.__importDefault(require("../../Func/setting-site/get-setting-site"));
+var types_1 = require("../../types");
+function SideBarDesktop(_a) {
+    var _this = this;
+    var currentMenuCode = _a.currentMenuCode, dataInitMain = _a.dataInitMain, isActivityHistory = _a.isActivityHistory, isSettings = _a.isSettings, navigation = _a.navigation, onChangeSideBarType = _a.onChangeSideBarType, setShowSubMenu = _a.setShowSubMenu, showSubMenu = _a.showSubMenu, sideBarType = _a.sideBarType, userId = _a.userId;
+    var keyPinnedMenu = "menu_pinned_".concat(userId);
+    var keySavedTheme = "saved_theme_".concat(userId);
+    var _b = (0, react_1.useState)({
+        pined: [],
+        noPined: [],
+    }), menu = _b[0], setMenu = _b[1];
+    var _c = (0, use_save_menu_config_1.default)(), getSavedMenuConfig = _c.getSavedMenuConfig, handleSaveMenuConfig = _c.handleSaveMenuConfig;
+    var _d = (0, react_1.useState)(0), totalItem = _d[0], setTotalItem = _d[1];
+    var _e = (0, react_1.useState)(false), showOtherMenu = _e[0], setShowOtherMenu = _e[1];
+    var _f = (0, react_1.useState)(false), isChange = _f[0], setIsChange = _f[1];
+    var _g = (0, react_1.useState)(false), delayHover = _g[0], setDelayHover = _g[1];
+    var isIconOnly = sideBarType === constant_1.SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    var _h = (0, react_1.useState)(true), loading = _h[0], setLoading = _h[1];
+    var _j = (0, react_1.useState)(), theme = _j[0], setTheme = _j[1];
+    var visibleMenus = menu.pined.slice(0, totalItem);
+    var isActiveMenuVisible = visibleMenus.some(function (item) { return item.code === currentMenuCode; });
+    // Nếu active menu chưa được hiển thị ra ngoài thì luôn đưa nó xuống cuối
+    if (!isActiveMenuVisible) {
+        var activeMenu = tslib_1.__spreadArray(tslib_1.__spreadArray([], menu.pined, true), menu.noPined, true).find(function (item) { return item.code === currentMenuCode && isHavePerNavByCode(item.code); });
+        visibleMenus = menu.pined.slice(0, totalItem - 1);
+        if (activeMenu && activeMenu.code !== constant_1.MENU_CODE.DASHBOARD) {
+            visibleMenus.push(activeMenu);
+        }
+    }
+    var removeDuplicateMenu = function (arr) {
+        if (!arr)
+            return [];
+        var seen = new Set();
+        return arr.filter(function (item) {
+            if (seen.has(item.code))
+                return false;
+            seen.add(item.code);
+            return true;
+        });
+    };
+    var savePinedMenu = function (data) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var pinedMenu;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    pinedMenu = data.pined;
+                    return [4 /*yield*/, handleSaveMenuConfig({
+                            key: keyPinnedMenu,
+                            data: {
+                                pinedMenu: pinedMenu,
+                            },
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleChangePined = function (selectedNav) {
+        var currNoPined = menu.noPined, currPined = menu.pined;
+        var nextPined, nextNoPined;
+        if (selectedNav.isPined) {
+            nextPined = currPined.filter(function (nav) { return nav.code !== selectedNav.code; });
+            nextNoPined = tslib_1.__spreadArray([tslib_1.__assign(tslib_1.__assign({}, selectedNav), { isPined: false })], currNoPined, true);
+        }
+        else {
+            nextPined = tslib_1.__spreadArray([tslib_1.__assign(tslib_1.__assign({}, selectedNav), { isPined: true })], currPined, true);
+            nextNoPined = currNoPined.filter(function (nav) { return nav.code !== selectedNav.code; });
+        }
+        setMenu({
+            pined: nextPined,
+            noPined: nextNoPined,
+        });
+        setIsChange(!isChange);
+    };
+    var onOrder = function (newArray) {
+        var orderMap = newArray.map(function (item) { return item.code; });
+        var sortedPined = tslib_1.__spreadArray([], menu.pined, true).sort(function (a, b) {
+            var indexA = orderMap.indexOf(a.code);
+            var indexB = orderMap.indexOf(b.code);
+            // Nếu không tìm thấy trong mảng 1 => để xuống cuối
+            if (indexA === -1 && indexB === -1)
+                return 0;
+            if (indexA === -1)
+                return 1;
+            if (indexB === -1)
+                return -1;
+            return indexA - indexB;
+        });
+        var newMenu = {
+            noPined: menu.noPined,
+            pined: sortedPined,
+        };
+        setMenu(newMenu);
+        setIsChange(!isChange);
+    };
+    function isHavePerNavByCode(code) {
+        return dataInitMain.perCode.includes(code);
+    }
+    function getSavedPinedMenu() {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var pinedMenu, e_1;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getSavedMenuConfig({ key: keyPinnedMenu })];
+                    case 1:
+                        pinedMenu = (_a.sent()).pinedMenu;
+                        return [2 /*return*/, pinedMenu || []];
+                    case 2:
+                        e_1 = _a.sent();
+                        console.error(e_1);
+                        return [2 /*return*/, null];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function getValidSavePinedMenu() {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var pinedSavedArr, validPined, e_2;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getSavedPinedMenu()
+                            // lấy những menu được lưu và menu đó phải được phân quyền cho user hiện tại
+                        ];
+                    case 1:
+                        pinedSavedArr = _a.sent();
+                        validPined = (pinedSavedArr || []).filter(function (item) { return isHavePerNavByCode(item.code); });
+                        return [2 /*return*/, validPined || []];
+                    case 2:
+                        e_2 = _a.sent();
+                        console.error(e_2);
+                        return [2 /*return*/, []];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function getInitPined() {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var validPinedSaveArr, currMenu, pined, noPined, rest;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getValidSavePinedMenu()];
+                    case 1:
+                        validPinedSaveArr = _a.sent();
+                        currMenu = navigation.find(function (item) { return item.code === currentMenuCode && isHavePerNavByCode(item.code); });
+                        pined = [];
+                        noPined = [];
+                        if (validPinedSaveArr.length > 0) {
+                            validPinedSaveArr.forEach(function (pinedSave) {
+                                var found = navigation.find(function (item) { return item.code === pinedSave.code; });
+                                if (found && found.code) {
+                                    pined.push(tslib_1.__assign(tslib_1.__assign({}, found), { isPined: true }));
+                                }
+                            });
+                            rest = navigation
+                                .filter(function (nav) { return !pined.some(function (item) { return item.code === nav.code; }) && nav.code !== constant_1.MENU_CODE.SETTING_SITE; })
+                                .map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { disabled: !isHavePerNavByCode(item.code) })); });
+                            noPined.push.apply(noPined, rest);
+                        }
+                        else {
+                            navigation.forEach(function (nav) {
+                                if (nav.code === (currMenu === null || currMenu === void 0 ? void 0 : currMenu.code) || nav.code === constant_1.MENU_CODE.SETTING_SITE) {
+                                    return;
+                                }
+                                var isHavePer = isHavePerNavByCode(nav.code);
+                                if (isHavePer) {
+                                    pined.push(tslib_1.__assign(tslib_1.__assign({}, nav), { isPined: true, disabled: !isHavePer }));
+                                }
+                                else {
+                                    noPined.push(tslib_1.__assign(tslib_1.__assign({}, nav), { disabled: !isHavePer }));
+                                }
+                            });
+                            if (currMenu) {
+                                pined.unshift(tslib_1.__assign(tslib_1.__assign({}, currMenu), { isPined: true }));
+                            }
+                            savePinedMenu({
+                                pined: pined,
+                                noPined: noPined,
+                            });
+                        }
+                        setMenu({
+                            pined: pined,
+                            noPined: noPined,
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var caculateVisibleMenu = function () {
+        var _a;
+        var itemHeight = 60;
+        if (isIconWithLabelHorizontal || isIconOnly) {
+            itemHeight = 42;
+        }
+        var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0 - 66; // 66 là các phần margin và padding của sidebar
+        var nextTotalItem = Math.ceil(windowHeight / itemHeight) - (showSubMenu ? 5 : 6); // 6,7 là số item hiện tại đã auto hiển thị
+        if (nextTotalItem !== totalItem) {
+            setTotalItem(nextTotalItem);
+        }
+    };
+    var onChangeTheme = function (selectedTheme) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var e_3;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, set_setting_site_1.default)({
+                            key: keySavedTheme,
+                            data: {
+                                theme: selectedTheme.code,
+                            },
+                        })];
+                case 1:
+                    _a.sent();
+                    localStorage.setItem(keySavedTheme, JSON.stringify(selectedTheme));
+                    setTheme(selectedTheme);
+                    return [3 /*break*/, 3];
+                case 2:
+                    e_3 = _a.sent();
+                    console.error(e_3);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    (0, react_1.useEffect)(function () {
+        if (!dataInitMain.perCode || navigation.length === 0 || !userId)
+            return;
+        getInitPined();
+    }, [dataInitMain.perCode, navigation.length]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        // Log ngay khi component mount
+        caculateVisibleMenu();
+        (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', caculateVisibleMenu);
+        return function () {
+            var _a;
+            (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', caculateVisibleMenu);
+        };
+    }, [showSubMenu]);
+    (0, react_1.useEffect)(function () {
+        caculateVisibleMenu();
+    }, [sideBarType]);
+    (0, react_1.useEffect)(function () {
+        if (menu.pined.length === 0)
+            return;
+        var timerId = setTimeout(function () {
+            savePinedMenu(menu);
+        }, 500);
+        return function () { return clearTimeout(timerId); };
+    }, [isChange]);
+    (0, react_1.useEffect)(function () {
+        if (!showSubMenu)
+            return; // chỉ chạy khi showSubMenu = true
+        setDelayHover(true); // khóa hover
+        var timerId = setTimeout(function () {
+            setDelayHover(false);
+        }, 1000);
+        return function () {
+            clearTimeout(timerId);
+        };
+    }, [showSubMenu]);
+    (0, react_1.useEffect)(function () {
+        var getTheme = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var themeSetting_1, savedTheme, e_4;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, 3, 4]);
+                        return [4 /*yield*/, (0, get_setting_site_1.default)({
+                                key: keySavedTheme,
+                            })];
+                    case 1:
+                        themeSetting_1 = _a.sent();
+                        savedTheme = constant_1.themes.find(function (i) { return i.code === (themeSetting_1 === null || themeSetting_1 === void 0 ? void 0 : themeSetting_1.theme); }) || constant_1.themes[0];
+                        localStorage.setItem(keySavedTheme, JSON.stringify(savedTheme));
+                        setTheme(savedTheme);
+                        return [3 /*break*/, 4];
+                    case 2:
+                        e_4 = _a.sent();
+                        console.error(e_4);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        getTheme();
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement("div", { "aria-hidden": true, className: (0, types_1.classNames)('relative z-[50] hidden flex-col items-center bg-[#EBEBEB] lg:inset-y-0 lg:flex', showSubMenu ? 'pt-3' : 'rounded-xl pt-[3.5rem]', isIconOnly ? 'w-[3.25rem]' : '', isIconWithLabelHorizontal ? 'w-[12.5rem]' : '', isIconWithLabelHorizontal && showSubMenu ? 'rounded-l-xl' : '', isIconWithLabelVertical ? 'w-14' : '') })) : (react_1.default.createElement("div", { "aria-hidden": true, className: (0, types_1.classNames)('relative z-[50] hidden w-14 flex-col items-center lg:inset-y-0 lg:flex', showSubMenu ? 'pt-3' : 'rounded-xl pt-[3.5rem]', isIconOnly ? 'w-[3.25rem]' : '', isIconWithLabelHorizontal ? 'w-[12.5rem] transition-all duration-150' : '', isIconWithLabelHorizontal && showSubMenu ? 'rounded-l-xl' : 'rounded-xl'), style: {
+            background: !isIconWithLabelHorizontal
+                ? "linear-gradient(to bottom, ".concat(theme === null || theme === void 0 ? void 0 : theme.bgColorFrom, " -6.91%, ").concat(theme === null || theme === void 0 ? void 0 : theme.bgColorTo, " 99.96%)")
+                : '#EBEBEB',
+        } },
+        react_1.default.createElement("button", { className: (0, types_1.classNames)('group absolute top-4 mb-4 flex items-center gap-x-2.5 px-3 pb-4 ', showSubMenu ? 'hidden' : '', isIconWithLabelHorizontal
+                ? 'ml-1.5 w-full text-gray-600 hover:text-gray-900'
+                : "".concat(theme === null || theme === void 0 ? void 0 : theme.sideBarColorDefault, " hover:text-white")), onClick: function () { return setShowSubMenu(true); }, type: 'button' },
+            react_1.default.createElement("div", { className: (0, types_1.classNames)('absolute bottom-0   h-[0.5px]', isIconWithLabelHorizontal ? 'left-5 right-7 bg-gray-300' : 'left-3 right-3 bg-white opacity-40') }),
+            react_1.default.createElement(show_sidebar_1.default, null),
+            isIconWithLabelHorizontal && (react_1.default.createElement("p", { className: 'absolute -top-[0.2rem] left-[2.25rem] text-xxs' }, "M\u1EDF thanh b\u00EAn"))),
+        react_1.default.createElement("div", null, removeDuplicateMenu(visibleMenus).map(function (item, index) {
+            var isActive = !!(item === null || item === void 0 ? void 0 : item.current);
+            return (react_1.default.createElement(react_1.default.Fragment, { key: item.code }, (0, helper_1.enablePer)(item.code, dataInitMain.perCode) && (react_1.default.createElement(nav_item_1.default, { bgActiveColor: constant_1.MENU_ACTIVE_COLORS[index % constant_1.MENU_ACTIVE_COLORS.length], child: item.child, code: item.code, delayHover: delayHover, href: item.path, isActive: isActive, isShowOtherMenu: showOtherMenu, name: item.name, parentPath: item.path, perCodes: dataInitMain.perCode, showSubMenu: showSubMenu && currentMenuCode === item.code, sideBarType: sideBarType, theme: theme }))));
+        })),
+        react_1.default.createElement(other_menu_1.default, { active: showOtherMenu, handleChangePined: handleChangePined, noPined: menu.noPined, onChangeSideBarType: onChangeSideBarType, onChangeTheme: onChangeTheme, onOrder: onOrder, pined: menu.pined, setActive: setShowOtherMenu, sideBarType: sideBarType, theme: theme }),
+        visibleMenus.length > 0 && (react_1.default.createElement("div", { className: (0, types_1.classNames)('absolute  flex flex-col items-center', isIconWithLabelHorizontal ? 'bottom-1' : 'bottom-0') },
+            react_1.default.createElement("div", { className: (0, types_1.classNames)('mb-4 h-[0.5px]', isIconWithLabelHorizontal ? 'w-[9rem] bg-gray-300' : 'w-5 bg-white opacity-40') }),
+            react_1.default.createElement(nav_item_1.default, { key: 'activity_history_nav', bgActiveColor: constant_1.MENU_ACTIVE_COLORS[1], code: 'ACTIVITY_HISTORY', href: '/activity-history/list', isActive: isActivityHistory, name: 'L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng', sideBarType: sideBarType, theme: theme }),
+            react_1.default.createElement(nav_item_1.default, { key: 'setting_nav', bgActiveColor: constant_1.MENU_ACTIVE_COLORS[2], code: constant_1.MENU_CODE.SETTING_SITE, href: '/setting', isActive: isSettings, name: 'C\u00E0i \u0111\u1EB7t', sideBarType: sideBarType, theme: theme })))))));
+}
+//# sourceMappingURL=side-bar.js.map

package/dist/cjs/components/MainWrapV4/components/side-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/side-bar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/components/submenu.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { INavItem, TSidebarType } from '../types';
+export default function SubMenu({ activityHistoryChild, currentMenuByPath, handleClickActivityHistoryChild, isActivityHistory, isShowSubmenu, loadingMenu, perCode, roleCodes, setShowSubMenu, sideBarType, subNavigation, subNavigationTriggerClicked, }: {
+    isShowSubmenu: boolean;
+    isActivityHistory: boolean;
+    currentMenuByPath: INavItem | undefined;
+    setShowSubMenu(show: boolean): void;
+    subNavigation: Array<INavItem>;
+    perCode: Array<string>;
+    roleCodes: Array<string>;
+    loadingMenu: boolean;
+    subNavigationTriggerClicked(item: INavItem, parent?: INavItem): void;
+    activityHistoryChild: Array<INavItem>;
+    handleClickActivityHistoryChild(item: INavItem): void;
+    sideBarType: TSidebarType;
+}): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/components/submenu.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SubMenu;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var image_1 = tslib_1.__importDefault(require("next/image"));
+var react_2 = tslib_1.__importStar(require("react"));
+var Icon_1 = require("../assets/Icon");
+var constant_1 = require("../constant");
+var helper_1 = require("../helper");
+var constants_1 = require("../../../utils/constants");
+var types_1 = require("../../types");
+var Skeleton_1 = require("../../Skeleton");
+function SubMenu(_a) {
+    var activityHistoryChild = _a.activityHistoryChild, currentMenuByPath = _a.currentMenuByPath, handleClickActivityHistoryChild = _a.handleClickActivityHistoryChild, isActivityHistory = _a.isActivityHistory, isShowSubmenu = _a.isShowSubmenu, loadingMenu = _a.loadingMenu, perCode = _a.perCode, roleCodes = _a.roleCodes, setShowSubMenu = _a.setShowSubMenu, sideBarType = _a.sideBarType, subNavigation = _a.subNavigation, subNavigationTriggerClicked = _a.subNavigationTriggerClicked;
+    var isIconWithLabelHorizontal = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    return (react_2.default.createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transform transition ease-in-out duration-[350ms]', enterFrom: '-translate-x-[10rem] opacity-0', enterTo: 'translate-x-0', leave: 'transform transition ease-in-out duration-[350ms]', leaveFrom: 'translate-x-0', leaveTo: '-translate-x-[10rem] opacity-0', show: isShowSubmenu },
+        react_2.default.createElement("aside", { className: (0, types_1.classNames)('group -ml-2 hidden rounded-r-xl  px-2 pl-4 lg:block  lg:flex-shrink-0', isIconWithLabelHorizontal ? 'bg-[#F3F3F3]' : 'bg-[#F1F1F1]') },
+            react_2.default.createElement("div", { className: 'relative flex h-full w-[13.75rem] flex-col overflow-y-auto overflow-x-hidden' },
+                react_2.default.createElement("div", { className: 'mt-4 flex w-full items-center justify-between px-2' },
+                    react_2.default.createElement("h1", { className: 'text-sm font-semibold text-gray-900' }, isActivityHistory ? constants_1.TITLE_ACTIVITY_HISTORY : currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.name),
+                    ((isShowSubmenu && currentMenuByPath) || isActivityHistory) && (react_2.default.createElement("button", { className: 'absolute -right-2 flex h-7 w-7 items-center justify-center rounded-md opacity-0 transition-all duration-300 hover:bg-[#E3E3E3]  group-hover:right-1.5 group-hover:opacity-100', onClick: function () { return setShowSubMenu(false); }, type: 'button' },
+                        react_2.default.createElement(image_1.default, { alt: 'icon', className: 'hover:brightness-50', height: 13, quality: 100, 
+                            // @ts-ignore
+                            src: Icon_1.IconV2.CLOSE_SIDEBAR, width: 13 })))),
+                react_2.default.createElement("div", { className: 'mt-3 overflow-y-auto' },
+                    subNavigation.map(function (item, subNavIndex) {
+                        var activeChildIndex = item.child.findIndex(function (c) { return c.current; });
+                        var isChildActive = activeChildIndex !== -1;
+                        return (react_2.default.createElement("div", { key: subNavIndex }, (roleCodes === null || roleCodes === void 0 ? void 0 : roleCodes.length) > 0 ? (react_2.default.createElement(react_2.default.Fragment, null, (0, helper_1.enablePer)(item.code, perCode) ? (react_2.default.createElement(react_2.default.Fragment, null,
+                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_2.default.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: (0, types_1.classNames)((item === null || item === void 0 ? void 0 : item.current)
+                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                'mx-3 flex cursor-pointer border-slate-200 p-2'), href: item.path }, !loadingMenu ? (react_2.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                react_2.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_2.default.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: (0, types_1.classNames)('rounded-lg', 'mb-1 flex cursor-pointer p-2', (item === null || item === void 0 ? void 0 : item.current) ? 'bg-white' : 'hover:bg-white'), onClick: function () { return subNavigationTriggerClicked(item); } }, !loadingMenu ? (react_2.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-2' },
+                                    react_2.default.createElement(image_1.default, { alt: 'icon', className: "".concat(isChildActive || item.current ? ' brightness-[0.3]' : ''), height: 18, quality: 100, src: 
+                                        // @ts-ignore
+                                        Icon_1.IconV2[(0, helper_1.normalizeCode)(item.code)] ||
+                                            // @ts-ignore
+                                            Icon_1.IconV2["".concat(currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code, "_OUTLINE")] ||
+                                            Icon_1.IconV2.DASHBOARD_OUTLINE, width: 18 }),
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5', isChildActive || item.current
+                                            ? 'font-normal text-gray-900'
+                                            : ' font-normal text-gray-500') }, item === null || item === void 0 ? void 0 : item.name)),
+                                react_2.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                            item.showChild && item.child && (react_2.default.createElement(react_2.default.Fragment, null, item.child.map(function (
+                            // eslint-disable-next-line @typescript-eslint/no-shadow
+                            children, childIndex) { return (react_2.default.createElement("div", { key: childIndex, className: (0, types_1.classNames)('relative') },
+                                childIndex <= activeChildIndex && (react_2.default.createElement("div", { className: "absolute  left-5 z-10  w-[1px] bg-gray-400 ".concat((children === null || children === void 0 ? void 0 : children.current) ? 'h-3' : 'bottom-0', " ").concat(childIndex === 0 ? '-top-1' : ' top-0') })),
+                                react_2.default.createElement("div", { className: "".concat(childIndex === activeChildIndex ? 'block' : 'hidden') },
+                                    react_2.default.createElement(image_1.default, { alt: 'icon', className: 'absolute left-5 top-0 h-6 w-3', height: 1, 
+                                        // @ts-ignore
+                                        src: Icon_1.IconV2.ARROW_RIGHT_SUB_MENU, width: 1 }),
+                                    react_2.default.createElement("div", { className: 'absolute left-[21px]  top-0 z-10 h-4 w-[1px]  bg-white bg-opacity-50' })),
+                                (children === null || children === void 0 ? void 0 : children.isMicroservice) ? (react_2.default.createElement("a", { "aria-hidden": true, className: (0, types_1.classNames)('mx-3 flex cursor-pointer border-slate-200 p-2 text-xs', (children === null || children === void 0 ? void 0 : children.current)
+                                        ? 'rounded-lg bg-white text-[#353A44]' // màu chữ menu con khi active
+                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-[#353A44]'), href: children.path, onClick: (0, helper_1.enablePer)(children.code, perCode) ? undefined : function (e) { return e.preventDefault(); } },
+                                    react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                        react_2.default.createElement("div", { className: 'w-3' }),
+                                        react_2.default.createElement("p", { className: (0, types_1.classNames)('my-[0.05rem] ml-3 leading-5', !(0, helper_1.enablePer)(children.code, perCode)
+                                                ? 'font-normal text-gray-300'
+                                                : (children === null || children === void 0 ? void 0 : children.current)
+                                                    ? ''
+                                                    : 'font-normal text-[#353A44]') }, children.name)))) : (react_2.default.createElement("button", { "aria-hidden": true, className: (0, types_1.classNames)('my-0.5 w-full rounded-lg text-[#353A44]', (children === null || children === void 0 ? void 0 : children.current) ? 'bg-white' : 'hover:bg-white'), onClick: (0, helper_1.enablePer)(children.code, perCode)
+                                        ? function () { return subNavigationTriggerClicked(children, item); }
+                                        : undefined, type: 'button' },
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('py-2 pl-[2.4rem] pr-6 text-left text-xs', !(0, helper_1.enablePer)(children.code, perCode)
+                                            ? 'cursor-not-allowed text-gray-300'
+                                            : (children === null || children === void 0 ? void 0 : children.current)
+                                                ? 'font-medium text-gray-900'
+                                                : 'text-gray-500') }, children.name))))); }))))) : (react_2.default.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, className: (0, types_1.classNames)((item === null || item === void 0 ? void 0 : item.current)
+                                ? 'rounded-lg bg-white'
+                                : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // hover:bg-white
+                            'flex cursor-not-allowed border-slate-200 p-2') }, !loadingMenu ? (react_2.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                            react_2.default.createElement("div", { className: 'flex items-center gap-x-2' },
+                                react_2.default.createElement(image_1.default, { alt: 'icon', className: 'brightness-0 invert-[70%]', height: 18, quality: 100, src: 
+                                    // @ts-ignore
+                                    Icon_1.IconV2[(0, helper_1.normalizeCode)(item.code)] ||
+                                        // @ts-ignore
+                                        Icon_1.IconV2["".concat(currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code, "_OUTLINE")] ||
+                                        Icon_1.IconV2.DASHBOARD_OUTLINE, width: 18 }),
+                                react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
+                            react_2.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (react_2.default.createElement(react_2.default.Fragment, null,
+                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_2.default.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: (0, types_1.classNames)((item === null || item === void 0 ? void 0 : item.current)
+                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                'mx-3 flex cursor-pointer border-slate-200 p-2'), href: item.path }, !loadingMenu ? (react_2.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                react_2.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_2.default.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: (0, types_1.classNames)((item === null || item === void 0 ? void 0 : item.current)
+                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !loadingMenu ? (react_2.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                react_2.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                            item.showChild && item.child && (react_2.default.createElement(react_2.default.Fragment, null, item.child.map(
+                            // eslint-disable-next-line @typescript-eslint/no-shadow
+                            function (children, index) { return (react_2.default.createElement("div", { key: index, className: (0, types_1.classNames)('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', (0, helper_1.checkChildBefore)(item.child, children) && 'child-menu-bef') }, (children === null || children === void 0 ? void 0 : children.isMicroservice) ? (react_2.default.createElement("a", { "aria-hidden": true, className: (0, types_1.classNames)('mx-1 flex cursor-pointer border-slate-200 p-2 text-xs', (children === null || children === void 0 ? void 0 : children.current)
+                                    ? 'rounded-lg bg-white text-gray-900 '
+                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), href: item.path },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    react_2.default.createElement("div", { className: 'w-3' }),
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name)))) : (react_2.default.createElement("div", { "aria-hidden": true, className: (0, types_1.classNames)('mx-1 flex cursor-pointer border-slate-200 p-2 text-xs', (children === null || children === void 0 ? void 0 : children.current)
+                                    ? 'rounded-lg bg-white text-gray-900 '
+                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return subNavigationTriggerClicked(children, item); } },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    react_2.default.createElement("div", { className: 'w-3' }),
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name)))))); })))))));
+                    }),
+                    !loadingMenu &&
+                        activityHistoryChild.map(function (item, subNavIndex) { return (react_2.default.createElement("div", { key: subNavIndex, "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: (0, types_1.classNames)((item === null || item === void 0 ? void 0 : item.current)
+                                ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                            'mx-3 mt-1 flex cursor-pointer border-slate-200 p-2'), onClick: function () {
+                                handleClickActivityHistoryChild(item);
+                                subNavigationTriggerClicked(item);
+                            } },
+                            react_2.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                react_2.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description)))); }))))));
+}
+//# sourceMappingURL=submenu.js.map

package/dist/cjs/components/MainWrapV4/components/submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/submenu.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/constant.d.ts

@@ -0,0 +1,28 @@
+import { ITheme } from './types';
+export declare enum MENU_CODE {
+    DASHBOARD = "DASHBOARD",
+    SETTING_SITE = "SETTING_SITE"
+}
+export declare const LOCALSTORAGE_SHOW_SUB_MENU_KEY = "show_sub_menu";
+export declare const LOCALSTORAGE_SHOW_SIDEBAR_TYPE = "sidebar_type";
+export declare const MENU_ACTIVE_COLORS: string[];
+export declare enum SIDEBAR_TYPE {
+    ONLY_ICON = "ONLY_ICON",
+    ICON_AND_LABEL_VERTICAL = "ICON_AND_LABEL_VERTICAL",
+    ICON_AND_LABEL_HORIZONTAL = "ICON_AND_LABEL_HORIZONTAL"
+}
+export declare enum ROLE_CODE {
+    ADMIN_ROLE = "admin"
+}
+export declare enum SETTING_SITE_KEY {
+    THEME = "setting_theme"
+}
+export declare const themes: Array<ITheme>;
+export declare enum THEME_CODE {
+    'BLACK' = "BLACK",
+    'PURPLE' = "PURPLE",
+    'BLUE' = "BLUE",
+    'MINT' = "MINT",
+    'PINK' = "PINK",
+    'BROWN' = "BROWN"
+}