phx-react 1.3.1396 → 1.3.1397

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

@@ -4,128 +4,129 @@ 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 = require("react");
+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 react_3 = tslib_1.__importDefault(require("react"));
-var constants_1 = require("../../../utils/constants");
 var types_1 = require("../../types");
+var constants_1 = require("../../../utils/constants");
 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, mounted = _a.mounted, perCode = _a.perCode, roleCodes = _a.roleCodes, setShowSubMenu = _a.setShowSubMenu, subNavigation = _a.subNavigation, subNavigationTriggerClicked = _a.subNavigationTriggerClicked;
-    return (react_3.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_3.default.createElement("aside", { className: 'group -ml-2 hidden rounded-r-xl bg-[#EBEBEB] px-2 pl-4 lg:block  lg:flex-shrink-0' },
-            react_3.default.createElement("div", { className: 'relative flex h-full w-[12.75rem] flex-col overflow-y-auto overflow-x-hidden' },
-                mounted && (react_3.default.createElement("div", { className: 'mt-4 flex w-full items-center justify-between px-2' },
-                    react_3.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_3.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-white group-hover:right-2 group-hover:opacity-100 ', onClick: function () { return setShowSubMenu(false); }, type: 'button' },
-                        react_3.default.createElement(image_1.default, { alt: 'icon', height: 13, quality: 100, 
+    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 === 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 bg-[#EBEBEB] px-2 pl-4 lg:block  lg:flex-shrink-0', isIconWithLabelHorizontal ? 'border border-gray-300' : '') },
+            react_2.default.createElement("div", { className: 'relative flex h-full w-[12.75rem] flex-col overflow-y-auto overflow-x-hidden' },
+                mounted && (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-white group-hover:right-2 group-hover:opacity-100 ', onClick: function () { return setShowSubMenu(false); }, type: 'button' },
+                        react_2.default.createElement(image_1.default, { alt: 'icon', height: 13, quality: 100, 
                             // @ts-ignore
                             src: Icon_1.IconV2.CLOSE_SIDEBAR, width: 13 }))))),
-                react_3.default.createElement("div", { className: 'mt-3 overflow-y-auto' },
+                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_3.default.createElement("div", { key: subNavIndex }, (roleCodes === null || roleCodes === void 0 ? void 0 : roleCodes.length) > 0 ? (react_3.default.createElement(react_3.default.Fragment, null, (0, helper_1.enablePer)(item.code, perCode, roleCodes, item.isPrivate) ? (react_3.default.createElement(react_3.default.Fragment, null,
-                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_3.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)
+                        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, roleCodes, item.isPrivate) ? (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_3.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
-                                react_3.default.createElement("div", { className: 'flex items-center gap-x-3' },
-                                    react_3.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_3.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_3.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_3.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)
+                                '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
-                                'mb-1 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !loadingMenu ? (react_3.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
-                                react_3.default.createElement("div", { className: 'flex items-center gap-x-2' },
-                                    react_3.default.createElement(image_1.default, { alt: 'icon', className: "".concat(isChildActive || item.current ? ' brightness-[0.3]' : ''), height: 18, quality: 100, src: 
+                                'mb-1 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-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_3.default.createElement("p", { className: (0, types_1.classNames)('leading-5', isChildActive || item.current
+                                    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_3.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_3.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
-                            item.showChild && item.child && (react_3.default.createElement(react_3.default.Fragment, null, item.child.map(function (
+                                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_3.default.createElement("div", { key: childIndex, className: (0, types_1.classNames)('relative') },
-                                childIndex <= activeChildIndex && (react_3.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_3.default.createElement("div", { className: "".concat(childIndex === activeChildIndex ? 'block' : 'hidden') },
-                                    react_3.default.createElement(image_1.default, { alt: 'icon', className: 'absolute left-5 top-0 h-6 w-3', height: 1, 
+                            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_3.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_3.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)
+                                    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_3.default.createElement("div", { className: 'flex items-center gap-x-3' },
-                                        react_3.default.createElement("div", { className: 'w-3' }),
-                                        react_3.default.createElement("p", { className: (0, types_1.classNames)('my-[0.05rem] ml-3 leading-5', !(0, helper_1.enablePer)(children.code, perCode)
+                                    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_3.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-gray-50' : 'hover:bg-gray-50'), onClick: (0, helper_1.enablePer)(children.code, perCode)
+                                                    : '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-gray-50' : 'hover:bg-gray-50'), onClick: (0, helper_1.enablePer)(children.code, perCode)
                                         ? function () { return subNavigationTriggerClicked(children, item); }
                                         : undefined, type: 'button' },
-                                    react_3.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)
+                                    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)
                                             ? 'text-gray-300'
                                             : (children === null || children === void 0 ? void 0 : children.current)
                                                 ? 'font-medium text-gray-900'
-                                                : 'text-gray-500') }, children.name))))); }))))) : (react_3.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)
+                                                : '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_3.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
-                            react_3.default.createElement("div", { className: 'flex items-center gap-x-2' },
-                                react_3.default.createElement(image_1.default, { alt: 'icon', className: 'brightness-0 invert-[70%]', height: 18, quality: 100, src: 
+                            '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_3.default.createElement("p", { className: (0, types_1.classNames)('leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
-                            react_3.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_3.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (react_3.default.createElement(react_3.default.Fragment, null,
-                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_3.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)
+                                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_3.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
-                                react_3.default.createElement("div", { className: 'flex items-center gap-x-3' },
-                                    react_3.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_3.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_3.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_3.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)
+                                '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_3.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
-                                react_3.default.createElement("div", { className: 'flex items-center gap-x-3' },
-                                    react_3.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_3.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_3.default.createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
-                            item.showChild && item.child && (react_3.default.createElement(react_3.default.Fragment, null, item.child.map(
+                                '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_3.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_3.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)
+                            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_3.default.createElement("div", { className: 'flex items-center gap-x-3' },
-                                    react_3.default.createElement("div", { className: 'w-3' }),
-                                    react_3.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_3.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)
+                                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_3.default.createElement("div", { className: 'flex items-center gap-x-3' },
-                                    react_3.default.createElement("div", { className: 'w-3' }),
-                                    react_3.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", { 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)))))); })))))));
                     }),
-                    activityHistoryChild.map(function (item, subNavIndex) { return (react_3.default.createElement("div", { key: subNavIndex },
-                        react_3.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) && !loadingMenu
+                    activityHistoryChild.map(function (item, subNavIndex) { return (react_2.default.createElement("div", { key: subNavIndex },
+                        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) && !loadingMenu
                                 ? '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 () {
                                 handleClickActivityHistoryChild(item);
                                 subNavigationTriggerClicked(item);
-                            } }, !loadingMenu ? (react_3.default.createElement("div", { className: 'ml-1 flex items-center text-xs' },
-                            react_3.default.createElement("div", { className: 'flex items-center gap-x-2' },
-                                react_3.default.createElement(image_1.default, { alt: 'icon', className: "".concat(item.current ? 'brightness-[0.3]' : ''), height: 18, quality: 100, src: 
+                            } }, !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(item.current ? 'brightness-[0.3]' : ''), height: 18, quality: 100, src: 
                                     // @ts-ignore
                                     Icon_1.IconV2[(0, helper_1.normalizeCode)(item.code)], width: 18 }),
-                                react_3.default.createElement("p", { className: (0, types_1.classNames)('leading-5', item.current ? 'font-normal text-gray-900' : ' font-normal text-gray-500') }, item === null || item === void 0 ? void 0 : item.name)),
-                            react_3.default.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : ('')))); }))))));
+                                react_2.default.createElement("p", { className: (0, types_1.classNames)('leading-5', 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))) : ('')))); }))))));
 }
 //# sourceMappingURL=submenu.js.map

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

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

@@ -1,3 +1,4 @@
+import { ITheme } from './types';
 export declare enum MENU_CODE {
     DASHBOARD = "DASHBOARD",
     SETTING_SITE = "SETTING_SITE"
@@ -13,3 +14,15 @@ export declare enum SIDEBAR_TYPE {
 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"
+}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ROLE_CODE = exports.SIDEBAR_TYPE = exports.MENU_ACTIVE_COLORS = exports.LOCALSTORAGE_SHOW_SIDEBAR_TYPE = exports.LOCALSTORAGE_SHOW_SUB_MENU_KEY = exports.MENU_CODE = void 0;
+exports.THEME_CODE = exports.themes = exports.SETTING_SITE_KEY = exports.ROLE_CODE = exports.SIDEBAR_TYPE = exports.MENU_ACTIVE_COLORS = exports.LOCALSTORAGE_SHOW_SIDEBAR_TYPE = exports.LOCALSTORAGE_SHOW_SUB_MENU_KEY = exports.MENU_CODE = void 0;
 var MENU_CODE;
 (function (MENU_CODE) {
     MENU_CODE["DASHBOARD"] = "DASHBOARD";
@@ -29,4 +29,67 @@ var ROLE_CODE;
 (function (ROLE_CODE) {
     ROLE_CODE["ADMIN_ROLE"] = "admin";
 })(ROLE_CODE || (exports.ROLE_CODE = ROLE_CODE = {}));
+var SETTING_SITE_KEY;
+(function (SETTING_SITE_KEY) {
+    SETTING_SITE_KEY["THEME"] = "setting_theme";
+})(SETTING_SITE_KEY || (exports.SETTING_SITE_KEY = SETTING_SITE_KEY = {}));
+exports.themes = [
+    {
+        name: 'Màu đen',
+        code: 'BLACK',
+        bgColorFrom: '#030712',
+        bgColorTo: '#030712',
+        sideBarColorDefault: 'text-gray-400',
+        activeIconColor: '#ffffff',
+    },
+    {
+        name: 'Màu tím',
+        code: 'PURPLE',
+        bgColorTo: '#2B216A',
+        bgColorFrom: '#5A43D6',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#5741CE',
+    },
+    {
+        name: 'Màu xanh dương',
+        code: 'BLUE',
+        bgColorTo: '#011550',
+        bgColorFrom: '#0B68CB',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#0A62C2',
+    },
+    {
+        name: 'Màu bạc hà',
+        code: 'MINT',
+        bgColorTo: '#05453A',
+        bgColorFrom: '#007B65',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#017B65',
+    },
+    {
+        name: 'Màu hồng',
+        code: 'PINK',
+        bgColorTo: '#621639',
+        bgColorFrom: '#CB1D63',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#C81D62',
+    },
+    {
+        name: 'Màu nâu',
+        code: 'BROWN',
+        bgColorTo: '#43302B',
+        bgColorFrom: '#947467',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#917266',
+    },
+];
+var THEME_CODE;
+(function (THEME_CODE) {
+    THEME_CODE["BLACK"] = "BLACK";
+    THEME_CODE["PURPLE"] = "PURPLE";
+    THEME_CODE["BLUE"] = "BLUE";
+    THEME_CODE["MINT"] = "MINT";
+    THEME_CODE["PINK"] = "PINK";
+    THEME_CODE["BROWN"] = "BROWN";
+})(THEME_CODE || (exports.THEME_CODE = THEME_CODE = {}));
 //# sourceMappingURL=constant.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,oCAAuB,CAAA;IACvB,0CAA6B,CAAA;AAC/B,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAEY,QAAA,8BAA8B,GAAG,eAAe,CAAA;AAChD,QAAA,8BAA8B,GAAG,cAAc,CAAA;AAE/C,QAAA,kBAAkB,GAAG;IAChC,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAA;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,uCAAuB,CAAA;IACvB,mEAAmD,CAAA;IACnD,uEAAuD,CAAA;AACzD,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,iCAAoB,CAAA;AACtB,CAAC,EAFW,SAAS,yBAAT,SAAS,QAEpB"}
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":";;;AAEA,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,oCAAuB,CAAA;IACvB,0CAA6B,CAAA;AAC/B,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAEY,QAAA,8BAA8B,GAAG,eAAe,CAAA;AAChD,QAAA,8BAA8B,GAAG,cAAc,CAAA;AAE/C,QAAA,kBAAkB,GAAG;IAChC,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAA;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,uCAAuB,CAAA;IACvB,mEAAmD,CAAA;IACnD,uEAAuD,CAAA;AACzD,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,iCAAoB,CAAA;AACtB,CAAC,EAFW,SAAS,yBAAT,SAAS,QAEpB;AAED,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,2CAAuB,CAAA;AACzB,CAAC,EAFW,gBAAgB,gCAAhB,gBAAgB,QAE3B;AAEY,QAAA,MAAM,GAAkB;IACnC;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,mBAAmB,EAAE,eAAe;QACpC,eAAe,EAAE,SAAS;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,mBAAmB,EAAE,eAAe;QACpC,eAAe,EAAE,SAAS;KAC3B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,mBAAmB,EAAE,eAAe;QACpC,eAAe,EAAE,SAAS;KAC3B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,mBAAmB,EAAE,eAAe;QACpC,eAAe,EAAE,SAAS;KAC3B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,mBAAmB,EAAE,eAAe;QACpC,eAAe,EAAE,SAAS;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,mBAAmB,EAAE,eAAe;QACpC,eAAe,EAAE,SAAS;KAC3B;CACO,CAAA;AACV,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,6BAAiB,CAAA;IACjB,+BAAmB,CAAA;IACnB,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,6BAAiB,CAAA;AACnB,CAAC,EAPW,UAAU,0BAAV,UAAU,QAOrB"}

package/dist/cjs/components/MainWrapV4/types/index.d.ts

@@ -20,3 +20,15 @@ export interface IResultItemSearchItem {
     pathCode: string;
 }
 export type TSidebarType = `${SIDEBAR_TYPE}`;
+export interface ITheme {
+    name: string;
+    code: string;
+    bgColorFrom: string;
+    bgColorTo: string;
+    sideBarColorDefault: string;
+    activeIconColor: string;
+}
+export interface IIcon {
+    isActive?: boolean;
+    activeColor?: string;
+}

package/dist/esm/components/MainWrapV4/MainWrapV4.js

@@ -6,9 +6,9 @@ import { Bars3Icon, LockClosedIcon } from '@heroicons/react/24/outline';
 import { CheckIcon, XMarkIcon } from '@heroicons/react/24/solid';
 import axios from 'axios';
 import Cookies from 'js-cookie';
+import { useSearchParams } from 'next/navigation';
 import React, { Fragment, useEffect, useRef, useState } from 'react';
 import PHXClientQueryV3 from '../Func/clientQueryV3';
-import PHXFuncGetCookieSession from '../Func/getCookieSession';
 import PHXGetEnvPublicV3 from '../Func/getEnvPublic';
 import { clearSession } from '../Func/sessionStore';
 import { GET_PERMISSION_DETAIL_USER_V3, GET_SCHOOL_V3, QUERY_GET_PROFILE_USER } from '../../query';
@@ -20,16 +20,16 @@ import SubMenu from './components/submenu';
 import { LOCALSTORAGE_SHOW_SIDEBAR_TYPE, LOCALSTORAGE_SHOW_SUB_MENU_KEY, SIDEBAR_TYPE } from './constant';
 import { enablePer } from './helper';
 import NavMobile from './navigator/nav-mobile';
+import PHXFuncGetCookieSession from '../Func/getCookieSession';
 import { useLoading } from '../LoadingProvider';
 import saveCookiesClient from '../Func/saveCookiesClient';
 import { PageTracker } from '../../stores/page-tracker/page-tracker';
 import { decryptCookie } from '../../helpers/helpers';
 import { PHXSkeleton } from '../Skeleton';
 import { PHXModal } from '../Modal';
+import { PHXBanner } from '../Banner';
 import { classNames } from '../types';
 import { PHXCard } from '../Card';
-import { PHXBanner } from '../Banner';
-import { useSearchParams } from 'next/navigation';
 library.add(fas);
 export var PHXMainWrapV4 = function (_a) {
     var _b;
@@ -82,8 +82,8 @@ export var PHXMainWrapV4 = function (_a) {
             close: 'lg:left-[4.25rem]',
         },
         _b[SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL] = {
-            open: 'lg:left-[24.75rem]',
-            close: 'lg:left-[11rem]',
+            open: 'lg:left-[25.15rem]',
+            close: 'lg:left-[11.2rem]',
         },
         _b);
     var locationPathname = typeof window !== 'undefined' ? window.location.pathname : '';
@@ -269,7 +269,7 @@ export var PHXMainWrapV4 = function (_a) {
                         console.error('menu or logo not found');
                     }
                     return [4 /*yield*/, fetch(menuUrl, {
-                            cache: 'no-store', //tắt cache menu
+                            cache: 'no-store', // tắt cache menu
                         })];
                 case 2:
                     data = _a.sent();
@@ -680,8 +680,8 @@ export var PHXMainWrapV4 = function (_a) {
         React.createElement("div", { className: 'relative h-screen bg-[#dedede] pb-[0.5rem] pt-12 lg:flex lg:overflow-hidden lg:pl-2' },
             React.createElement(NavMobile, { hiddenSideBar: function () { return setSidebarOpen(false); }, menu: dataInitMain.menu, path: pathNameWithBasePath, pathNameWithBasePath: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSidebarOpen: setSidebarOpen, sidebarOpen: sidebarOpen }),
             React.createElement(SideBarDesktop, { currentMenuCode: (currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code) || '', dataInitMain: dataInitMain, isActivityHistory: isActivityHistory(), isSettings: isSettingPage, navigation: navigation, onChangeSideBarType: onChangeSideBarType, setShowSubMenu: setShowSubMenu, showSubMenu: showSubMenu, sideBarType: sideBarType, userId: userId }),
-            React.createElement(SubMenu, { activityHistoryChild: activityHistoryChild, currentMenuByPath: currentMenuByPath, handleClickActivityHistoryChild: handleClickActivityHistoryChild, isActivityHistory: isActivityHistory(), isShowSubmenu: showSubMenu, loadingMenu: dataInitMain.loadingMenu, mounted: mounted, perCode: dataInitMain.perCode, roleCodes: dataInitMain.roleCode, setShowSubMenu: setShowSubMenu, subNavigation: subNavigation, subNavigationTriggerClicked: subNavigationTriggerClicked }),
-            React.createElement("main", { className: classNames('transition-all lg:absolute lg:inset-0 lg:right-2 lg:top-12', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close) }, dataInitMain.isLoadingPermission ? (React.createElement("div", { className: classNames('scrollbar-thin overscroll-contain border-gray-300 bg-[#dedede] p-4 lg:h-[calc(100vh-3.5rem)] lg:overflow-y-auto lg:rounded-xl lg:bg-[#F1F1F1]') })) : enablePer(currentCode, dataInitMain.perCode, dataInitMain.roleCode, currrChild === null || currrChild === void 0 ? void 0 : currrChild.isPrivate) ? (React.createElement("div", { className: classNames('scrollbar-thin overscroll-contain border-gray-300 bg-[#dedede] p-4 lg:h-[calc(100vh-3.5rem)] lg:overflow-y-auto lg:rounded-xl lg:bg-[#F1F1F1]') }, children)) : (React.createElement("div", { className: classNames('scrollbar-thin overscroll-contain border-gray-300 bg-[#dedede] p-4 lg:h-[calc(100vh-3.5rem)] lg:overflow-y-auto lg:rounded-xl lg:bg-[#F1F1F1]') },
+            React.createElement(SubMenu, { activityHistoryChild: activityHistoryChild, currentMenuByPath: currentMenuByPath, handleClickActivityHistoryChild: handleClickActivityHistoryChild, isActivityHistory: isActivityHistory(), isShowSubmenu: showSubMenu, loadingMenu: dataInitMain.loadingMenu, mounted: mounted, perCode: dataInitMain.perCode, roleCodes: dataInitMain.roleCode, setShowSubMenu: setShowSubMenu, sideBarType: sideBarType, subNavigation: subNavigation, subNavigationTriggerClicked: subNavigationTriggerClicked }),
+            React.createElement("main", { className: classNames('transition-all lg:absolute lg:inset-0 lg:right-2 lg:top-[3.08rem]', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close) }, dataInitMain.isLoadingPermission ? (React.createElement("div", { className: classNames('scrollbar-thin overscroll-contain border-gray-300 bg-[#dedede] p-4 lg:h-[calc(100vh-3.58rem)] lg:overflow-y-auto lg:rounded-xl lg:bg-[#F1F1F1]') })) : enablePer(currentCode, dataInitMain.perCode, dataInitMain.roleCode, currrChild === null || currrChild === void 0 ? void 0 : currrChild.isPrivate) ? (React.createElement("div", { className: classNames('scrollbar-thin overscroll-contain border-gray-300 bg-[#dedede] p-4 lg:h-[calc(100vh-3.58rem)] lg:overflow-y-auto lg:rounded-xl lg:bg-[#F1F1F1]') }, children)) : (React.createElement("div", { className: classNames('scrollbar-thin overscroll-contain border-gray-300 bg-[#dedede] p-4 lg:h-[calc(100vh-3.58rem)] lg:overflow-y-auto lg:rounded-xl lg:bg-[#F1F1F1]') },
                 React.createElement(PHXCard, null,
                     React.createElement("div", { className: 'my-10 flex flex-col  items-center justify-center' },
                         React.createElement(LockClosedIcon, { className: 'text-gray-400', height: 70, width: 70 }),