phx-uikit 1.0.255 → 1.0.257

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

@@ -0,0 +1,331 @@
+import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
+import React, { useEffect, useState } from 'react';
+import ShowSideBarIcon from '../assets/icon-v3/show-sidebar';
+import { MENU_ACTIVE_COLORS, MENU_CODE, SIDEBAR_TYPE, themes } from '../constant';
+import { enablePer } from '../helper';
+import useSaveMenuConfig from '../hooks/use-save-menu-config';
+import NavItem from './nav-item';
+import OtherMenu from './other-menu';
+import PHXSetSettingSite from '../../Func/setting-site/set-setting-site';
+import PHXGetSettingSite from '../../Func/setting-site/get-setting-site';
+import { classNames } from '../../types';
+export default 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 = useState({
+        pined: [],
+        noPined: [],
+    }), menu = _b[0], setMenu = _b[1];
+    var _c = useSaveMenuConfig(), getSavedMenuConfig = _c.getSavedMenuConfig, handleSaveMenuConfig = _c.handleSaveMenuConfig;
+    var _d = useState(0), totalItem = _d[0], setTotalItem = _d[1];
+    var _e = useState(false), showOtherMenu = _e[0], setShowOtherMenu = _e[1];
+    var _f = useState(false), isChange = _f[0], setIsChange = _f[1];
+    var _g = useState(false), delayHover = _g[0], setDelayHover = _g[1];
+    var isIconOnly = sideBarType === SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    var _h = useState(true), loading = _h[0], setLoading = _h[1];
+    var _j = 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 = __spreadArray(__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 !== 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 __awaiter(_this, void 0, void 0, function () {
+        var pinedMenu;
+        return __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 = __spreadArray([__assign(__assign({}, selectedNav), { isPined: false })], currNoPined, true);
+        }
+        else {
+            nextPined = __spreadArray([__assign(__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 = __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 __awaiter(this, void 0, void 0, function () {
+            var pinedMenu, e_1;
+            return __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 __awaiter(this, void 0, void 0, function () {
+            var pinedSavedArr, validPined, e_2;
+            return __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 __awaiter(this, void 0, void 0, function () {
+            var validPinedSaveArr, currMenu, pined, noPined, rest;
+            return __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(__assign(__assign({}, found), { isPined: true }));
+                                }
+                            });
+                            rest = navigation
+                                .filter(function (nav) { return !pined.some(function (item) { return item.code === nav.code; }) && nav.code !== MENU_CODE.SETTING_SITE; })
+                                .map(function (item) { return (__assign(__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 === MENU_CODE.SETTING_SITE) {
+                                    return;
+                                }
+                                var isHavePer = isHavePerNavByCode(nav.code);
+                                if (isHavePer) {
+                                    pined.push(__assign(__assign({}, nav), { isPined: true, disabled: !isHavePer }));
+                                }
+                                else {
+                                    noPined.push(__assign(__assign({}, nav), { disabled: !isHavePer }));
+                                }
+                            });
+                            if (currMenu) {
+                                pined.unshift(__assign(__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 __awaiter(_this, void 0, void 0, function () {
+        var e_3;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, PHXSetSettingSite({
+                            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*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (!dataInitMain.perCode || navigation.length === 0 || !userId)
+            return;
+        getInitPined();
+    }, [dataInitMain.perCode, navigation.length]);
+    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]);
+    useEffect(function () {
+        caculateVisibleMenu();
+    }, [sideBarType]);
+    useEffect(function () {
+        if (menu.pined.length === 0)
+            return;
+        var timerId = setTimeout(function () {
+            savePinedMenu(menu);
+        }, 500);
+        return function () { return clearTimeout(timerId); };
+    }, [isChange]);
+    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]);
+    useEffect(function () {
+        var getTheme = function () { return __awaiter(_this, void 0, void 0, function () {
+            var themeSetting_1, savedTheme, e_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, 3, 4]);
+                        return [4 /*yield*/, PHXGetSettingSite({
+                                key: keySavedTheme,
+                            })];
+                    case 1:
+                        themeSetting_1 = _a.sent();
+                        savedTheme = themes.find(function (i) { return i.code === (themeSetting_1 === null || themeSetting_1 === void 0 ? void 0 : themeSetting_1.theme); }) || 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.createElement(React.Fragment, null, loading ? (React.createElement("div", { "aria-hidden": true, className: 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.createElement("div", { "aria-hidden": true, className: classNames('relative z-[50] hidden w-14 flex-col items-center  transition-all duration-150 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' : '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.createElement("button", { className: 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.createElement("div", { className: classNames('absolute bottom-0   h-[0.5px]', isIconWithLabelHorizontal ? 'left-5 right-7 bg-gray-300' : 'left-3 right-3 bg-white opacity-40') }),
+            React.createElement(ShowSideBarIcon, null),
+            isIconWithLabelHorizontal && (React.createElement("p", { className: 'absolute -top-[0.2rem] left-[2.25rem] text-xxs' }, "M\u1EDF thanh b\u00EAn"))),
+        React.createElement("div", null, removeDuplicateMenu(visibleMenus).map(function (item, index) {
+            var isActive = !!(item === null || item === void 0 ? void 0 : item.current);
+            return (React.createElement(React.Fragment, { key: item.code }, enablePer(item.code, dataInitMain.perCode) && (React.createElement(NavItem, { bgActiveColor: MENU_ACTIVE_COLORS[index % 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.createElement(OtherMenu, { 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.createElement("div", { className: classNames('absolute  flex flex-col items-center', isIconWithLabelHorizontal ? 'bottom-1' : 'bottom-0') },
+            React.createElement("div", { className: classNames('mb-4 h-[0.5px]', isIconWithLabelHorizontal ? 'w-[9rem] bg-gray-300' : 'w-5 bg-white opacity-40') }),
+            React.createElement(NavItem, { key: 'activity_history_nav', bgActiveColor: 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.createElement(NavItem, { key: 'setting_nav', bgActiveColor: MENU_ACTIVE_COLORS[2], code: MENU_CODE.SETTING_SITE, href: '/setting', isActive: isSettings, name: 'C\u00E0i \u0111\u1EB7t', sideBarType: sideBarType, theme: theme })))))));
+}
+//# sourceMappingURL=side-bar.js.map

package/dist/esm/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":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,eAAe,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,iBAAiB,MAAM,0CAA0C,CAAA;AACxE,OAAO,iBAAiB,MAAM,0CAA0C,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAexC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAWvB;IAXhB,iBA0aC;QAzaC,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,MAAM,YAAA;IAEN,IAAM,aAAa,GAAG,sBAAe,MAAM,CAAE,CAAA;IAC7C,IAAM,aAAa,GAAG,sBAAe,MAAM,CAAE,CAAA;IACvC,IAAA,KAAkB,QAAQ,CAG7B;QACD,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;KACZ,CAAC,EANK,IAAI,QAAA,EAAE,OAAO,QAMlB,CAAA;IACI,IAAA,KAA+C,iBAAiB,EAAE,EAAhE,kBAAkB,wBAAA,EAAE,oBAAoB,0BAAwB,CAAA;IAClE,IAAA,KAA4B,QAAQ,CAAC,CAAC,CAAC,EAAtC,SAAS,QAAA,EAAE,YAAY,QAAe,CAAA;IACvC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IACnD,IAAM,UAAU,GAAG,WAAW,KAAK,YAAY,CAAC,SAAS,CAAA;IACzD,IAAM,yBAAyB,GAAG,WAAW,KAAK,YAAY,CAAC,yBAAyB,CAAA;IACxF,IAAM,uBAAuB,GAAG,WAAW,KAAK,YAAY,CAAC,uBAAuB,CAAA;IAC9E,IAAA,KAAwB,QAAQ,CAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IACtC,IAAA,KAAoB,QAAQ,EAAU,EAArC,KAAK,QAAA,EAAE,QAAQ,QAAsB,CAAA;IAC5C,IAAI,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjD,IAAM,mBAAmB,GAAG,YAAY,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,eAAe,EAA7B,CAA6B,CAAC,CAAA;IACtF,yEAAyE;IACzE,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,IAAM,UAAU,GAAG,gCAAI,IAAI,CAAC,KAAK,SAAK,IAAI,CAAC,OAAO,QAAE,IAAI,CACtD,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAA9D,CAA8D,CACzE,CAAA;QACD,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAA;QACjD,IAAI,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;YAC1D,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,IAAM,mBAAmB,GAAG,UAAC,GAAoB;QAC/C,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAA;QAEnB,IAAM,IAAI,GAAG,IAAI,GAAG,EAAE,CAAA;QAEtB,OAAO,GAAG,CAAC,MAAM,CAAC,UAAC,IAAI;YACrB,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;gBAAE,OAAO,KAAK,CAAA;YACrC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAO,IAA0D;;;;;oBACtE,SAAS,GAAK,IAAI,MAAT,CAAS;oBAEjC,qBAAM,oBAAoB,CAAC;4BACzB,GAAG,EAAE,aAAa;4BAClB,IAAI,EAAE;gCACJ,SAAS,WAAA;6BACV;yBACF,CAAC,EAAA;;oBALF,SAKE,CAAA;;;;SACH,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAC,WAAqB;QACtC,IAAS,WAAW,GAAuB,IAAI,QAA3B,EAAS,SAAS,GAAK,IAAI,MAAT,CAAS;QACvD,IAAI,SAAS,EAAE,WAAW,CAAA;QAE1B,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,EAA7B,CAA6B,CAAC,CAAA;YACpE,WAAW,wCAAS,WAAW,KAAE,OAAO,EAAE,KAAK,MAAO,WAAW,OAAC,CAAA;QACpE,CAAC;aAAM,CAAC;YACN,SAAS,wCAAS,WAAW,KAAE,OAAO,EAAE,IAAI,MAAO,SAAS,OAAC,CAAA;YAC7D,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,EAA7B,CAA6B,CAAC,CAAA;QAC1E,CAAC;QAED,OAAO,CAAC;YACN,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;SACrB,CAAC,CAAA;QACF,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,UAAC,QAAyB;QACxC,IAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,EAAT,CAAS,CAAC,CAAA;QAElD,IAAM,WAAW,GAAG,kBAAI,IAAI,CAAC,KAAK,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;YAC5C,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YACvC,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAEvC,mDAAmD;YACnD,IAAI,MAAM,KAAK,CAAC,CAAC,IAAI,MAAM,KAAK,CAAC,CAAC;gBAAE,OAAO,CAAC,CAAA;YAC5C,IAAI,MAAM,KAAK,CAAC,CAAC;gBAAE,OAAO,CAAC,CAAA;YAC3B,IAAI,MAAM,KAAK,CAAC,CAAC;gBAAE,OAAO,CAAC,CAAC,CAAA;YAE5B,OAAO,MAAM,GAAG,MAAM,CAAA;QACxB,CAAC,CAAC,CAAA;QAEF,IAAM,OAAO,GAAG;YACd,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,WAAW;SACnB,CAAA;QAED,OAAO,CAAC,OAAO,CAAC,CAAA;QAChB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,SAAS,kBAAkB,CAAC,IAAY;QACtC,OAAO,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,CAAC;IAED,SAAe,iBAAiB;;;;;;;wBAEN,qBAAM,kBAAkB,CAE3C,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAA;;wBAFlB,SAAS,GAAK,CAAA,SAEI,CAAA,UAFT;wBAIjB,sBAAO,SAAS,IAAI,EAAE,EAAA;;;wBAEtB,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;wBAChB,sBAAO,IAAI,EAAA;;;;;KAEd;IAED,SAAe,qBAAqB;;;;;;;wBAEV,qBAAM,iBAAiB,EAAE;4BAE/C,4EAA4E;0BAF7B;;wBAAzC,aAAa,GAAG,SAAyB;wBAGzC,UAAU,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAA7B,CAA6B,CAAC,CAAA;wBAExF,sBAAO,UAAU,IAAI,EAAE,EAAA;;;wBAEvB,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;wBAChB,sBAAO,EAAE,EAAA;;;;;KAEZ;IAED,SAAe,YAAY;;;;;4BACC,qBAAM,qBAAqB,EAAE,EAAA;;wBAAjD,iBAAiB,GAAG,SAA6B;wBACjD,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAA9D,CAA8D,CAAC,CAAA;wBAEpG,KAAK,GAAoB,EAAE,CAAA;wBAC3B,OAAO,GAAoB,EAAE,CAAA;wBAEnC,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;4BACjC,iBAAiB,CAAC,OAAO,CAAC,UAAC,SAAS;gCAClC,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAA5B,CAA4B,CAAC,CAAA;gCACrE,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;oCACxB,KAAK,CAAC,IAAI,uBAAM,KAAK,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;gCACzC,CAAC;4BACH,CAAC,CAAC,CAAA;4BAEI,IAAI,GAAG,UAAU;iCACpB,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC,KAAK,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,EAAtB,CAAsB,CAAC,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,YAAY,EAApF,CAAoF,CAAC;iCACrG,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBACV,IAAI,KACP,QAAQ,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,IACxC,EAHa,CAGb,CAAC,CAAA;4BAEL,OAAO,CAAC,IAAI,OAAZ,OAAO,EAAS,IAAI,EAAC;wBACvB,CAAC;6BAAM,CAAC;4BACN,UAAU,CAAC,OAAO,CAAC,UAAC,GAAG;gCACrB,IAAI,GAAG,CAAC,IAAI,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAA,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,YAAY,EAAE,CAAC;oCACvE,OAAM;gCACR,CAAC;gCAED,IAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;gCAE9C,IAAI,SAAS,EAAE,CAAC;oCACd,KAAK,CAAC,IAAI,uBACL,GAAG,KACN,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,CAAC,SAAS,IACpB,CAAA;gCACJ,CAAC;qCAAM,CAAC;oCACN,OAAO,CAAC,IAAI,uBACP,GAAG,KACN,QAAQ,EAAE,CAAC,SAAS,IACpB,CAAA;gCACJ,CAAC;4BACH,CAAC,CAAC,CAAA;4BACF,IAAI,QAAQ,EAAE,CAAC;gCACb,KAAK,CAAC,OAAO,uBAAM,QAAQ,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;4BAC/C,CAAC;4BAED,aAAa,CAAC;gCACZ,KAAK,OAAA;gCACL,OAAO,SAAA;6BACR,CAAC,CAAA;wBACJ,CAAC;wBAED,OAAO,CAAC;4BACN,KAAK,OAAA;4BACL,OAAO,SAAA;yBACR,CAAC,CAAA;;;;;KACH;IAED,IAAM,mBAAmB,GAAG;;QAC1B,IAAI,UAAU,GAAG,EAAE,CAAA;QACnB,IAAI,yBAAyB,IAAI,UAAU,EAAE,CAAC;YAC5C,UAAU,GAAG,EAAE,CAAA;QACjB,CAAC;QACD,IAAM,YAAY,GAAG,CAAA,MAAA,MAAM,CAAC,cAAc,0CAAE,MAAM,KAAI,CAAC,GAAG,EAAE,CAAA,CAAC,+CAA+C;QAC5G,IAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC,2CAA2C;QAE9H,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAChC,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAO,aAAqB;;;;;;oBAE9C,qBAAM,iBAAiB,CAAC;4BACtB,GAAG,EAAE,aAAa;4BAClB,IAAI,EAAE;gCACJ,KAAK,EAAE,aAAa,CAAC,IAAI;6BAC1B;yBACF,CAAC,EAAA;;oBALF,SAKE,CAAA;oBACF,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;oBAClE,QAAQ,CAAC,aAAa,CAAC,CAAA;;;;oBAEvB,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;;;;;SAEnB,CAAA;IAED,SAAS,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM;YAAE,OAAM;QACvE,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7C,SAAS,CAAC;;QACR,+BAA+B;QAC/B,mBAAmB,EAAE,CAAA;QAErB,MAAA,MAAM,CAAC,cAAc,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;QAEtE,OAAO;;YACL,MAAA,MAAM,CAAC,cAAc,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;QAC3E,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,SAAS,CAAC;QACR,mBAAmB,EAAE,CAAA;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,SAAS,CAAC;QACR,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QAEnC,IAAM,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC,EAAE,GAAG,CAAC,CAAA;QAEP,OAAO,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAA;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC;QACR,IAAI,CAAC,WAAW;YAAE,OAAM,CAAC,kCAAkC;QAE3D,aAAa,CAAC,IAAI,CAAC,CAAA,CAAC,aAAa;QAEjC,IAAM,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,OAAO;YACL,YAAY,CAAC,OAAO,CAAC,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG;;;;;;wBAEQ,qBAAM,iBAAiB,CAAC;gCAC3C,GAAG,EAAE,aAAa;6BACnB,CAAC,EAAA;;wBAFI,iBAAe,SAEnB;wBACI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,MAAK,cAAY,aAAZ,cAAY,uBAAZ,cAAY,CAAE,KAAK,CAAA,EAA9B,CAA8B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA;wBAElF,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;wBAE/D,QAAQ,CAAC,UAAU,CAAC,CAAA;;;;wBAEpB,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;;;wBAEhB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;aAEpB,CAAA;QACD,QAAQ,EAAE,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CACG,OAAO,CAAC,CAAC,CAAC,CACT,kDAEE,SAAS,EAAE,UAAU,CACnB,gFAAgF,EAChF,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAwB,EAC/C,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC/B,yBAAyB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC9C,yBAAyB,IAAI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC9D,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACtC,GACD,CACH,CAAC,CAAC,CAAC,CACF,kDAEE,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAwB,EAC/C,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC/B,yBAAyB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC9C,yBAAyB,IAAI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CACzE,EACD,KAAK,EAAE;YACL,UAAU,EAAE,CAAC,yBAAyB;gBACpC,CAAC,CAAC,qCAA8B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,sBAAY,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,aAAU;gBACxF,CAAC,CAAC,SAAS;SACd;QAED,gCACE,SAAS,EAAE,UAAU,CACnB,kEAAkE,EAClE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAC3B,yBAAyB;gBACvB,CAAC,CAAC,iDAAiD;gBACnD,CAAC,CAAC,UAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,sBAAmB,CACrD,EACD,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EACnC,IAAI,EAAC,QAAQ;YAEb,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,yBAAyB,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,oCAAoC,CAChG,GACD;YACF,oBAAC,eAAe,OAAG;YAClB,yBAAyB,IAAI,CAC5B,2BAAG,SAAS,EAAC,gDAAgD,6BAAiB,CAC/E,CACM;QAET,iCACG,mBAAmB,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YACjD,IAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,CAAA;YAChC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,IAC3B,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAC7C,oBAAC,OAAO,IACN,aAAa,EAAE,kBAAkB,CAAC,KAAK,GAAG,kBAAkB,CAAC,MAAM,CAAC,EACpE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,aAAa,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,IAAI,EACrB,QAAQ,EAAE,YAAY,CAAC,OAAO,EAC9B,WAAW,EAAE,WAAW,IAAI,eAAe,KAAK,IAAI,CAAC,IAAI,EACzD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ,CACH,CACc,CAClB,CAAA;QACH,CAAC,CAAC,CACE;QAEN,oBAAC,SAAS,IACR,MAAM,EAAE,aAAa,EACrB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ;QAED,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,6BACE,SAAS,EAAE,UAAU,CACnB,sCAAsC,EACtC,yBAAyB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACpD;YAED,6BACE,SAAS,EAAE,UAAU,CACnB,gBAAgB,EAChB,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,yBAAyB,CAC/E,GACD;YACF,oBAAC,OAAO,IACN,GAAG,EAAC,sBAAsB,EAC1B,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,EACpC,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,wBAAwB,EAC7B,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,4CAAmB,EACxB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ;YAEF,oBAAC,OAAO,IACN,GAAG,EAAC,aAAa,EACjB,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,EACpC,IAAI,EAAE,SAAS,CAAC,YAAY,EAC5B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,wBAAS,EACd,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CACG,CACP,CACA,CACJ,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { INavItem, TSidebarType } from '../types';
+export default function SubMenu({ activityHistoryChild, currentMenuByPath, handleClickActivityHistoryChild, isActivityHistory, isShowSubmenu, loadingMenu, mounted, perCode, roleCodes, setShowSubMenu, sideBarType, subNavigation, subNavigationTriggerClicked, }: {
+    isShowSubmenu: boolean;
+    mounted: 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/esm/components/MainWrapV4/components/submenu.js

@@ -0,0 +1,123 @@
+import { Transition } from '@headlessui/react';
+import Image from 'next/image';
+import React, { Fragment } from 'react';
+import { IconV2 } from '../assets/Icon';
+import { SIDEBAR_TYPE } from '../constant';
+import { checkChildBefore, enablePer, normalizeCode } from '../helper';
+import { TITLE_ACTIVITY_HISTORY } from '../../../utils/constants';
+import { classNames } from '../../types';
+import { PHXSkeleton } from '../../Skeleton';
+export default function SubMenu(_a) {
+    var activityHistoryChild = _a.activityHistoryChild, currentMenuByPath = _a.currentMenuByPath, handleClickActivityHistoryChild = _a.handleClickActivityHistoryChild, isActivityHistory = _a.isActivityHistory, isShowSubmenu = _a.isShowSubmenu, loadingMenu = _a.loadingMenu, mounted = _a.mounted, perCode = _a.perCode, roleCodes = _a.roleCodes, setShowSubMenu = _a.setShowSubMenu, sideBarType = _a.sideBarType, subNavigation = _a.subNavigation, subNavigationTriggerClicked = _a.subNavigationTriggerClicked;
+    var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    return (React.createElement(Transition, { as: 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.createElement("aside", { className: classNames('group -ml-2 hidden rounded-r-xl  px-2 pl-4 lg:block  lg:flex-shrink-0', isIconWithLabelHorizontal ? 'bg-[#F3F3F3]' : 'bg-[#F1F1F1]') },
+            React.createElement("div", { className: 'relative flex h-full w-[13.75rem] flex-col overflow-y-auto overflow-x-hidden' },
+                mounted && (React.createElement("div", { className: 'mt-4 flex w-full items-center justify-between px-2' },
+                    React.createElement("h1", { className: 'text-sm font-semibold text-gray-900' }, isActivityHistory ? TITLE_ACTIVITY_HISTORY : currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.name),
+                    ((isShowSubmenu && currentMenuByPath) || isActivityHistory) && (React.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.createElement(Image, { alt: 'icon', className: 'hover:brightness-50', height: 13, quality: 100, 
+                            // @ts-ignore
+                            src: IconV2.CLOSE_SIDEBAR, width: 13 }))))),
+                React.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.createElement("div", { key: subNavIndex }, (roleCodes === null || roleCodes === void 0 ? void 0 : roleCodes.length) > 0 ? (React.createElement(React.Fragment, null, enablePer(item.code, perCode) ? (React.createElement(React.Fragment, null,
+                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (React.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: 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.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    React.createElement("p", { className: 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.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: 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.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                React.createElement("div", { className: 'flex items-center gap-x-2' },
+                                    React.createElement(Image, { alt: 'icon', className: "".concat(isChildActive || item.current ? ' brightness-[0.3]' : ''), height: 18, quality: 100, src: 
+                                        // @ts-ignore
+                                        IconV2[normalizeCode(item.code)] ||
+                                            // @ts-ignore
+                                            IconV2["".concat(currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code, "_OUTLINE")] ||
+                                            IconV2.DASHBOARD_OUTLINE, width: 18 }),
+                                    React.createElement("p", { className: 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.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                            item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(function (
+                            // eslint-disable-next-line @typescript-eslint/no-shadow
+                            children, childIndex) { return (React.createElement("div", { key: childIndex, className: classNames('relative') },
+                                childIndex <= activeChildIndex && (React.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.createElement("div", { className: "".concat(childIndex === activeChildIndex ? 'block' : 'hidden') },
+                                    React.createElement(Image, { alt: 'icon', className: 'absolute left-5 top-0 h-6 w-3', height: 1, 
+                                        // @ts-ignore
+                                        src: IconV2.ARROW_RIGHT_SUB_MENU, width: 1 }),
+                                    React.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.createElement("a", { "aria-hidden": true, className: 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: enablePer(children.code, perCode) ? undefined : function (e) { return e.preventDefault(); } },
+                                    React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                        React.createElement("div", { className: 'w-3' }),
+                                        React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', !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.createElement("button", { "aria-hidden": true, className: 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: enablePer(children.code, perCode)
+                                        ? function () { return subNavigationTriggerClicked(children, item); }
+                                        : undefined, type: 'button' },
+                                    React.createElement("p", { className: classNames('py-2 pl-[2.4rem] pr-6 text-left text-xs', !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.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, className: 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.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                            React.createElement("div", { className: 'flex items-center gap-x-2' },
+                                React.createElement(Image, { alt: 'icon', className: 'brightness-0 invert-[70%]', height: 18, quality: 100, src: 
+                                    // @ts-ignore
+                                    IconV2[normalizeCode(item.code)] ||
+                                        // @ts-ignore
+                                        IconV2["".concat(currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code, "_OUTLINE")] ||
+                                        IconV2.DASHBOARD_OUTLINE, width: 18 }),
+                                React.createElement("p", { className: classNames('leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
+                            React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (React.createElement(React.Fragment, null,
+                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (React.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: 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.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    React.createElement("p", { className: 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.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: 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.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    React.createElement("p", { className: 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.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                            item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(
+                            // eslint-disable-next-line @typescript-eslint/no-shadow
+                            function (children, index) { return (React.createElement("div", { key: index, className: classNames('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', checkChildBefore(item.child, children) && 'child-menu-bef') }, (children === null || children === void 0 ? void 0 : children.isMicroservice) ? (React.createElement("a", { "aria-hidden": true, className: 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.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    React.createElement("div", { className: 'w-3' }),
+                                    React.createElement("p", { className: 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.createElement("div", { "aria-hidden": true, className: 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.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    React.createElement("div", { className: 'w-3' }),
+                                    React.createElement("p", { className: 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.createElement("div", { key: subNavIndex, "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: 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.createElement("div", { className: 'ml-1 flex items-center text-xs' },
+                                React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                    React.createElement("p", { className: 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.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description)))); }))))));
+}
+//# sourceMappingURL=submenu.js.map

package/dist/esm/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/esm/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"
+}