phx-uikit 1.0.256 → 1.0.258

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

@@ -0,0 +1,110 @@
+export var MENU_CODE;
+(function (MENU_CODE) {
+    MENU_CODE["DASHBOARD"] = "DASHBOARD";
+    MENU_CODE["SETTING_SITE"] = "SETTING_SITE";
+})(MENU_CODE || (MENU_CODE = {}));
+export var LOCALSTORAGE_SHOW_SUB_MENU_KEY = 'show_sub_menu';
+export var LOCALSTORAGE_SHOW_SIDEBAR_TYPE = 'sidebar_type';
+export var MENU_ACTIVE_COLORS = [
+    '#F57634',
+    '#20BD22',
+    '#FD7B6C',
+    '#6788EC',
+    '#DEA414',
+    '#00D3F2',
+    '#A684FF',
+    '#FB64B6',
+    '#9AE600',
+];
+export var SIDEBAR_TYPE;
+(function (SIDEBAR_TYPE) {
+    SIDEBAR_TYPE["ONLY_ICON"] = "ONLY_ICON";
+    SIDEBAR_TYPE["ICON_AND_LABEL_VERTICAL"] = "ICON_AND_LABEL_VERTICAL";
+    SIDEBAR_TYPE["ICON_AND_LABEL_HORIZONTAL"] = "ICON_AND_LABEL_HORIZONTAL";
+})(SIDEBAR_TYPE || (SIDEBAR_TYPE = {}));
+export var ROLE_CODE;
+(function (ROLE_CODE) {
+    ROLE_CODE["ADMIN_ROLE"] = "admin";
+})(ROLE_CODE || (ROLE_CODE = {}));
+export var SETTING_SITE_KEY;
+(function (SETTING_SITE_KEY) {
+    SETTING_SITE_KEY["THEME"] = "setting_theme";
+})(SETTING_SITE_KEY || (SETTING_SITE_KEY = {}));
+export var themes = [
+    {
+        name: 'Màu đen',
+        code: 'BLACK',
+        bgColorFrom: '#030712',
+        bgColorTo: '#030712',
+        sideBarColorDefault: 'text-gray-400',
+        activeIconColor: '#ffffff',
+        activeBgColor: '#F3F4F6',
+        checkBoxColor: '#1F2937',
+        borderColor: '#4B5563',
+    },
+    {
+        name: 'Màu tím',
+        code: 'PURPLE',
+        bgColorTo: '#2B216A',
+        bgColorFrom: '#5A43D6',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#5741CE',
+        activeBgColor: '#F8F8FF',
+        checkBoxColor: '#5A43D6',
+        borderColor: '#5A43D6',
+    },
+    {
+        name: 'Màu xanh dương',
+        code: 'BLUE',
+        bgColorTo: '#011550',
+        bgColorFrom: '#0B68CB',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#0A62C2',
+        activeBgColor: '#EFF5FE',
+        checkBoxColor: '#0B68CB',
+        borderColor: '#145CFB',
+    },
+    {
+        name: 'Màu bạc hà',
+        code: 'MINT',
+        bgColorTo: '#05453A',
+        bgColorFrom: '#007B65',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#017B65',
+        activeBgColor: '#F1FCF9',
+        checkBoxColor: '#02A78C',
+        borderColor: '#16C0A4',
+    },
+    {
+        name: 'Màu hồng',
+        code: 'PINK',
+        bgColorTo: '#621639',
+        bgColorFrom: '#CB1D63',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#C81D62',
+        activeBgColor: '#FFF7FB',
+        checkBoxColor: '#DC3175',
+        borderColor: '#DC3175',
+    },
+    {
+        name: 'Màu nâu',
+        code: 'BROWN',
+        bgColorTo: '#43302B',
+        bgColorFrom: '#947467',
+        sideBarColorDefault: 'text-gray-200',
+        activeIconColor: '#917266',
+        activeBgColor: '#F8F1EE',
+        checkBoxColor: '#7D5E54',
+        borderColor: '#7D5E54',
+    },
+];
+export 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 || (THEME_CODE = {}));
+//# sourceMappingURL=constant.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { INavItem, IResultItemSearchItem } from './types';
+export declare function normalizeString(rawValue: string): string;
+export declare function flattenMenuTree(tree: Array<INavItem>): Array<IResultItemSearchItem>;
+export declare const delay: (ms: number) => Promise<unknown>;
+export declare function enablePer(code: any, arr: any): any;
+export declare const checkChildBefore: (item: any, currentItem: any) => boolean;
+export declare const normalizeCode: (raw: string) => string;

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

@@ -0,0 +1,89 @@
+import { MENU_CODE } from './constant';
+export function normalizeString(rawValue) {
+    if (!rawValue)
+        return '';
+    return rawValue
+        .normalize('NFD') // Tách các ký tự có dấu thành ký tự cơ bản và dấu
+        .replace(/[\u0300-\u036f]/g, '') // Loại bỏ các dấu
+        .replace(/Đ/g, 'D') // Thay Đ thành D
+        .replace(/đ/g, 'd') // Thay đ thành d
+        .replace(/y/g, 'i') // Thay y thành i
+        .trim()
+        .toLowerCase();
+}
+export function flattenMenuTree(tree) {
+    var result = [];
+    function insertIfNotExist(newData, currResult) {
+        var isExist = currResult.some(function (item) { return item.name === newData.name; });
+        if (!isExist)
+            result.push(newData);
+    }
+    tree.forEach(function (root) {
+        var _a;
+        var rootCode = root.code;
+        if (rootCode === MENU_CODE.DASHBOARD)
+            return;
+        var rootPath = root.path;
+        insertIfNotExist({
+            id: root.code,
+            name: root.name,
+            code: rootCode,
+            path: root.path,
+            pathCode: rootCode,
+        }, result);
+        if (((_a = root === null || root === void 0 ? void 0 : root.child) === null || _a === void 0 ? void 0 : _a.length) > 0 && rootCode !== MENU_CODE.DASHBOARD) {
+            root.child.forEach(function (child1) {
+                var _a;
+                var finalPath1 = '';
+                if (rootPath.includes(child1.path)) {
+                    finalPath1 = rootPath;
+                }
+                else {
+                    finalPath1 = "/".concat(rootPath.split('/')[1]).concat(child1.path);
+                }
+                insertIfNotExist({
+                    id: "".concat(root.code, "_").concat(child1.code, "_").concat(child1.name),
+                    name: "".concat(root.name, " / ").concat(child1.name),
+                    code: rootCode,
+                    path: finalPath1,
+                    pathCode: child1.code,
+                }, result);
+                if (((_a = child1 === null || child1 === void 0 ? void 0 : child1.child) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                    child1.child.forEach(function (child2) {
+                        var finalPath2 = '';
+                        if (rootPath.includes(child2.path)) {
+                            finalPath2 = finalPath1;
+                        }
+                        else {
+                            finalPath2 = "/".concat(finalPath1.split('/')[1]).concat(child2.path);
+                        }
+                        insertIfNotExist({
+                            id: "".concat(root.code, "_").concat(child1.code, "_").concat(child2.code, "_").concat(child2.name),
+                            name: "".concat(root.name, " / ").concat(child2.name),
+                            code: rootCode,
+                            path: finalPath2,
+                            pathCode: child2.code,
+                        }, result);
+                    });
+                }
+            });
+        }
+    });
+    return result;
+}
+export var delay = function (ms) { return new Promise(function (resolve) { return setTimeout(resolve, ms); }); };
+export function enablePer(code, arr) {
+    if (!code)
+        return true;
+    return arr === null || arr === void 0 ? void 0 : arr.some(function (item) { return item === code; });
+}
+export var checkChildBefore = function (item, currentItem) {
+    var currentIndexActive = item.find(function (s) { return s.current; });
+    return currentIndexActive ? currentIndexActive.id > currentItem.id : false;
+};
+export var normalizeCode = function (raw) {
+    if (!raw)
+        return '';
+    return raw.replace(/-/g, '_');
+};
+//# sourceMappingURL=helper.js.map

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

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

package/dist/esm/components/MainWrapV4/hooks/use-event-bus.d.ts

@@ -0,0 +1 @@
+export declare function useMainwrapV4EventBus(eventName: string, handler: (payload: any) => void): void;

package/dist/esm/components/MainWrapV4/hooks/use-event-bus.js

@@ -0,0 +1,14 @@
+import { useEffect, useRef } from 'react';
+import { eventBus } from '../utils/eventBus';
+export function useMainwrapV4EventBus(eventName, handler) {
+    var handlerRef = useRef(handler);
+    useEffect(function () {
+        handlerRef.current = handler;
+    }, [handler]);
+    useEffect(function () {
+        var listener = function (payload) { return handlerRef.current(payload); };
+        eventBus.on(eventName, listener);
+        return function () { return eventBus.off(eventName, listener); };
+    }, [eventName]);
+}
+//# sourceMappingURL=use-event-bus.js.map

package/dist/esm/components/MainWrapV4/hooks/use-event-bus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-event-bus.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-event-bus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,MAAM,UAAU,qBAAqB,CAAC,SAAiB,EAAE,OAA+B;IACtF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;IAElC,SAAS,CAAC;QACR,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,UAAC,OAAY,IAAK,OAAA,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,EAA3B,CAA2B,CAAA;QAE9D,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAChC,OAAO,cAAM,OAAA,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAjC,CAAiC,CAAA;IAChD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACjB,CAAC"}

package/dist/esm/components/MainWrapV4/hooks/use-save-menu-config.d.ts

@@ -0,0 +1,9 @@
+export default function useSaveMenuConfig(): {
+    handleSaveMenuConfig: ({ data, key }: {
+        key: string;
+        data: any;
+    }) => Promise<void>;
+    getSavedMenuConfig: <ReturnType = any>({ key }: {
+        key: string;
+    }) => Promise<ReturnType>;
+};

package/dist/esm/components/MainWrapV4/hooks/use-save-menu-config.js

@@ -0,0 +1,42 @@
+import { __awaiter, __generator } from "tslib";
+import { PHXAxiosInstance } from '../../../axiosInstance';
+export default function useSaveMenuConfig() {
+    var _this = this;
+    var handleSaveMenuConfig = function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
+        var data = _b.data, key = _b.key;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, PHXAxiosInstance.put("".concat(process.env.NEXT_PUBLIC_API_GATEWAY, "/setting/setting-site"), {
+                        key: key,
+                        value: data,
+                    })];
+                case 1:
+                    _c.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    function getSavedMenuConfig(_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var data, e_1;
+            var key = _b.key;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, PHXAxiosInstance.get("".concat(process.env.NEXT_PUBLIC_API_GATEWAY, "/setting/setting-site?key=").concat(key))];
+                    case 1:
+                        data = (_c.sent()).data.data;
+                        return [2 /*return*/, data];
+                    case 2:
+                        e_1 = _c.sent();
+                        console.error(e_1);
+                        throw e_1;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return { handleSaveMenuConfig: handleSaveMenuConfig, getSavedMenuConfig: getSavedMenuConfig };
+}
+//# sourceMappingURL=use-save-menu-config.js.map

package/dist/esm/components/MainWrapV4/hooks/use-save-menu-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-save-menu-config.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-save-menu-config.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,MAAM,CAAC,OAAO,UAAU,iBAAiB;IAAzC,iBAsBC;IArBC,IAAM,oBAAoB,GAAG,gEAAO,EAAyC;YAAvC,IAAI,UAAA,EAAE,GAAG,SAAA;;;wBAC7C,qBAAM,gBAAgB,CAAC,GAAG,CAAC,UAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,0BAAuB,EAAE;wBACxF,GAAG,KAAA;wBACH,KAAK,EAAE,IAAI;qBACZ,CAAC,EAAA;;oBAHF,SAGE,CAAA;;;;SACH,CAAA;IAED,SAAe,kBAAkB;4DAAmB,EAAwB;;gBAAtB,GAAG,SAAA;;;;;wBAIjD,qBAAM,gBAAgB,CAAC,GAAG,CAAC,UAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,uCAA6B,GAAG,CAAE,CAAC,EAAA;;wBAD9F,IAAI,GACV,CAAA,SAAoG,CAAA,UAD1F;wBAGd,sBAAO,IAAI,EAAA;;;wBAEX,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;wBAChB,MAAM,GAAC,CAAA;;;;;KAEV;IAED,OAAO,EAAE,oBAAoB,sBAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAA;AACrD,CAAC"}

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

@@ -0,0 +1 @@
+export * from './MainWrapV4';

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

@@ -0,0 +1,2 @@
+export * from './MainWrapV4';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/esm/components/MainWrapV4/navigator/nav-mobile-content.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function NavMobileContent({ hiddenSideBar, menu, pathName, pathNameWithBasePath, permission, router, }: any): React.JSX.Element;

package/dist/esm/components/MainWrapV4/navigator/nav-mobile-content.js

@@ -0,0 +1,115 @@
+import { __assign } from "tslib";
+import { Disclosure, Transition } from '@headlessui/react';
+// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import Image from 'next/image';
+import React, { useEffect, useState } from 'react';
+import { MENU_ACTIVITY_HISTORY_CHILD, PATH_ACTIVITY_HISTORY } from '../../../utils/constants';
+import { IconV2 } from '../assets/Icon';
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+export default function NavMobileContent(_a) {
+    var hiddenSideBar = _a.hiddenSideBar, menu = _a.menu, pathName = _a.pathName, pathNameWithBasePath = _a.pathNameWithBasePath, permission = _a.permission, router = _a.router;
+    var closeSideBar = function (item, parent) {
+        var currentPath = pathName.split('/');
+        var parentPath = parent.path.split('/');
+        if (currentPath[1] === parentPath[1] && !(item === null || item === void 0 ? void 0 : item.isMicroservice)) {
+            hiddenSideBar();
+            router.push(item.path);
+        }
+        else {
+            window.location.replace((item === null || item === void 0 ? void 0 : item.isMicroservice) ? "".concat(item.path) : "/".concat(parentPath[1]).concat(item.path));
+        }
+    };
+    var activeModule = function (href) {
+        var pathNameSplit = pathName.split('/');
+        var urlRouter1 = pathNameSplit[2];
+        var hrefSplit = href.split('/');
+        var currentMenu1 = hrefSplit[1];
+        return urlRouter1 === currentMenu1;
+    };
+    function enablePer(code, arr) {
+        return arr === null || arr === void 0 ? void 0 : arr.some(function (item) { return item === code; });
+    }
+    var isActivityHistory = function () {
+        var pathNameSplit = pathNameWithBasePath.split('/');
+        return pathNameSplit[1] === PATH_ACTIVITY_HISTORY;
+    };
+    var activityHistoryParent = { path: '/activity-history/list' };
+    var _b = useState(MENU_ACTIVITY_HISTORY_CHILD), activityHistoryChild = _b[0], setActivityHistoryChild = _b[1];
+    var initShowActivityHistory = isActivityHistory();
+    var _c = useState(initShowActivityHistory), activityHistoryShow = _c[0], setActivityHistoryShow = _c[1];
+    var handleClickActivityHistoryChild = function (clickedItem) {
+        var updated = activityHistoryChild.map(function (item) { return (__assign(__assign({}, item), { current: item.code === clickedItem.code })); });
+        setActivityHistoryChild(updated);
+    };
+    useEffect(function () {
+        setActivityHistoryChild(function (prev) {
+            return prev.map(function (item) { return (__assign(__assign({}, item), { current: pathNameWithBasePath.endsWith(item.path) })); });
+        });
+    }, [pathNameWithBasePath]);
+    return (React.createElement(React.Fragment, null,
+        menu ? (React.createElement("div", { className: activityHistoryShow ? 'mb-40' : 'mb-24' }, menu.map(function (item) { return (React.createElement(React.Fragment, null, enablePer(item === null || item === void 0 ? void 0 : item.code, permission) &&
+            (!item.child ? (React.createElement("div", { key: item.name },
+                React.createElement("a", { className: classNames(item.current ? 'font-semibold' : 'text-gray-600 ', 'group flex w-full items-center rounded-md py-2 pl-2 text-sm font-medium'), href: item.path }, item.name))) : (React.createElement(Disclosure, { key: item.name, as: 'div', className: 'space-y-1', defaultOpen: item.current }, function (_a) {
+                var open = _a.open;
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Disclosure.Button, { className: classNames(item.current ? 'text-gray-600' : 'text-gray-600', 'group flex w-full items-center gap-x-3 rounded-md py-2 pl-2 pr-1 text-left text-sm font-medium focus:outline-none focus:ring-2 focus:ring-indigo-500') },
+                        item.menuIconSL ? (React.createElement("img", { alt: 'icon', className: 'mr-2 w-[1.6rem]', src: item.menuIconSL })) : (React.createElement(Image, { alt: 'icon', className: classNames('h-[1.125rem] w-[1.125rem] text-gray-950'), height: 0, 
+                            // @ts-ignore
+                            src: IconV2["".concat(item.code, "_OUTLINE")], width: 0 })),
+                        React.createElement("p", { className: 'flex-1 text-[0.86rem] font-normal text-gray-800 subpixel-antialiased' }, item.name),
+                        React.createElement("svg", { "aria-hidden": 'true', className: classNames(open ? 'rotate-90 text-gray-400' : 'text-gray-300', 'ml-3 h-5 w-5 flex-shrink-0 transform transition-colors duration-150 ease-in-out group-hover:text-gray-400'), viewBox: '0 0 20 20' },
+                            React.createElement("path", { d: 'M6 6L14 10L6 14V6Z', fill: 'currentColor' }))),
+                    React.createElement(Transition, { enter: 'transition duration-100 ease-out', enterFrom: 'transform scale-95 opacity-0', enterTo: 'transform scale-100 opacity-100', leave: 'transition duration-75 ease-out', leaveFrom: 'transform scale-100 opacity-100', leaveTo: 'transform scale-95 opacity-0', show: open },
+                        React.createElement(Disclosure.Panel, { className: 'space-y-1', static: false }, item.path === '/admissions/campaign/list' && pathName !== '/admissions/campaign/list' ? (React.createElement(React.Fragment, null, item.child
+                            .find(function (child) { return child.path === '/campaign/list'; })
+                            .childrenByParentDetail.map(function (child, index) { return (React.createElement(React.Fragment, null, enablePer(child === null || child === void 0 ? void 0 : child.code, permission) && (React.createElement("p", { key: index, "aria-hidden": true, className: classNames('group flex w-full cursor-pointer items-center rounded-md py-[5px] pl-11 pr-2 font-medium', activeModule(child.path)
+                                ? 'bg-white font-semibold text-gray-900'
+                                : ' text-gray-600 hover:bg-gray-200'), onClick: function () { return closeSideBar(child, item); } }, child.name)))); }))) : (React.createElement(React.Fragment, null, item.child.map(function (subItem, index) { return (React.createElement(React.Fragment, null,
+                            enablePer(subItem === null || subItem === void 0 ? void 0 : subItem.code, permission) && (React.createElement("p", { key: index, "aria-hidden": true, className: classNames('group flex w-full cursor-pointer items-center rounded-md py-[5px] pl-11 pr-2 text-[0.86rem] text-sm font-normal text-gray-800', subItem.current
+                                    ? 'bg-white font-semibold text-gray-900'
+                                    : ' text-gray-600 hover:bg-gray-200 '), onClick: function () { return closeSideBar(subItem, item); } }, subItem.name)),
+                            subItem.showChild && subItem.child && (React.createElement(React.Fragment, null, subItem.child.map(function (children) { return (React.createElement("p", { key: children.name, "aria-hidden": true, className: classNames('group flex w-full cursor-pointer items-center rounded-md py-[5px] pl-8 pr-2', (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 closeSideBar(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 text-[0.86rem] font-normal leading-5 text-gray-800', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name)))); }))))); })))))));
+            }))))); }))) : (React.createElement(React.Fragment, null)),
+        React.createElement("div", { className: 'fixed bottom-0 -mx-2 w-full max-w-xs overflow-hidden bg-gray-200 p-3 transition-all' },
+            React.createElement("div", { className: 'absolute -left-0 top-0 h-[1px] w-full bg-gray-300' }),
+            React.createElement(Disclosure, { key: PATH_ACTIVITY_HISTORY, as: 'div', className: 'mb-2 space-y-1', defaultOpen: isActivityHistory() }, function (_a) {
+                var open = _a.open;
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Disclosure.Button, { className: classNames(isActivityHistory() ? 'text-gray-600' : 'text-gray-600', 'group flex w-full items-center gap-x-3 rounded-md py-2 text-left text-sm font-medium focus:outline-none focus:ring-2 focus:ring-indigo-500'), onClick: function () { return setActivityHistoryShow(!activityHistoryShow); } },
+                        React.createElement(Image, { alt: 'icon', className: classNames('mt-0.5 h-[1.125rem] w-[1.125rem] text-gray-950 brightness-0'), height: 0, 
+                            // @ts-ignore
+                            src: IconV2.ACTIVITY_HISTORY, width: 0 }),
+                        React.createElement("p", { className: 'flex-1 text-[0.86rem] font-normal text-gray-800 subpixel-antialiased' }, "L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng"),
+                        React.createElement("svg", { "aria-hidden": 'true', className: classNames(open ? 'rotate-90 text-gray-400' : 'text-gray-300', 'ml-3 h-5 w-5 flex-shrink-0 transform transition-colors duration-150 ease-in-out group-hover:text-gray-400'), viewBox: '0 0 20 20' },
+                            React.createElement("path", { d: 'M6 6L14 10L6 14V6Z', fill: 'currentColor' }))),
+                    React.createElement(Transition, { enter: 'transition duration-100 ease-out', enterFrom: 'transform scale-95 opacity-0', enterTo: 'transform scale-100 opacity-100', leave: 'transition duration-75 ease-out', leaveFrom: 'transform scale-100 opacity-100', leaveTo: 'transform scale-95 opacity-0', show: activityHistoryShow },
+                        React.createElement(Disclosure.Panel, { className: 'space-y-1', static: false },
+                            React.createElement(React.Fragment, null, activityHistoryChild.map(function (subItem, index) { return (React.createElement(React.Fragment, null,
+                                React.createElement("p", { key: index, "aria-hidden": true, className: classNames('group flex w-full cursor-pointer items-center rounded-md py-[5px] pl-11 pr-2 text-[0.86rem] text-sm font-normal text-gray-800', subItem.current
+                                        ? 'bg-white font-semibold text-gray-900'
+                                        : ' text-gray-600 hover:bg-gray-200 '), onClick: function () {
+                                        closeSideBar(subItem, activityHistoryParent);
+                                        handleClickActivityHistoryChild(subItem);
+                                    } }, subItem.name))); }))))));
+            }),
+            React.createElement("a", { className: 'font-medium text-gray-700', href: '/setting' },
+                React.createElement("span", { className: 'sr-only' }, "setting"),
+                React.createElement("span", { className: 'group mt-0.5 flex cursor-pointer hover:z-10' },
+                    React.createElement(Image, { alt: 'icon', className: classNames('mt-0.5 h-[1.125rem] w-[1.125rem] text-gray-950 brightness-0'), height: 0, 
+                        // @ts-ignore
+                        src: IconV2.SETTING, width: 0 }),
+                    React.createElement("div", { className: 'h-6' },
+                        React.createElement("p", { className: 'setting-text-color ml-2 mt-0.5 h-full text-[0.86rem] font-normal text-gray-800 transition-all' }, "C\u00E0i \u0111\u1EB7t")))))));
+}
+//# sourceMappingURL=nav-mobile-content.js.map

package/dist/esm/components/MainWrapV4/navigator/nav-mobile-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-mobile-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/navigator/nav-mobile-content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC1D,mEAAmE;AACnE,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AACD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAOnC;QANJ,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,MAAM,YAAA;IAEN,IAAM,YAAY,GAAG,UAAC,IAAS,EAAE,MAAW;QAC1C,IAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACvC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAEzC,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAA,EAAE,CAAC;YAC9D,aAAa,EAAE,CAAA;YACf,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAC,CAAC,CAAC,UAAG,IAAI,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,WAAI,UAAU,CAAC,CAAC,CAAC,SAAG,IAAI,CAAC,IAAI,CAAE,CAAC,CAAA;QAClG,CAAC;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,IAAY;QAChC,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACzC,IAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;QACnC,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACjC,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QAEjC,OAAO,UAAU,KAAK,YAAY,CAAA;IACpC,CAAC,CAAA;IACD,SAAS,SAAS,CAAC,IAAS,EAAE,GAAQ;QACpC,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,KAAK,IAAI,EAAb,CAAa,CAAC,CAAA;IAChD,CAAC;IAED,IAAM,iBAAiB,GAAG;QACxB,IAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACrD,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAA;IACnD,CAAC,CAAA;IACD,IAAM,qBAAqB,GAAG,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAA;IAC1D,IAAA,KAAkD,QAAQ,CAAC,2BAA2B,CAAC,EAAtF,oBAAoB,QAAA,EAAE,uBAAuB,QAAyC,CAAA;IAC7F,IAAM,uBAAuB,GAAG,iBAAiB,EAAE,CAAA;IAC7C,IAAA,KAAgD,QAAQ,CAAC,uBAAuB,CAAC,EAAhF,mBAAmB,QAAA,EAAE,sBAAsB,QAAqC,CAAA;IACvF,IAAM,+BAA+B,GAAG,UAAC,WAAgB;QACvD,IAAM,OAAO,GAAG,oBAAoB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAC9C,IAAI,KACP,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,IACvC,EAHiD,CAGjD,CAAC,CAAA;QACH,uBAAuB,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,SAAS,CAAC;QACR,uBAAuB,CAAC,UAAC,IAAI;YAC3B,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBACd,IAAI,KACP,OAAO,EAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IACjD,EAHiB,CAGjB,CAAC;QAHH,CAGG,CACJ,CAAA;IACH,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL;QACG,IAAI,CAAC,CAAC,CAAC,CACN,6BAAK,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IACpD,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,0CACG,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,UAAU,CAAC;YAChC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,6BAAK,GAAG,EAAE,IAAI,CAAC,IAAI;gBACjB,2BACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EACjD,yEAAyE,CAC1E,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACA,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,IAAI,CAAC,OAAO,IACjF,UAAC,EAAQ;oBAAN,IAAI,UAAA;gBAAO,OAAA,CACb;oBACE,oBAAC,UAAU,CAAC,MAAM,IAChB,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAChD,sJAAsJ,CACvJ;wBAEA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,6BAAK,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,IAAI,CAAC,UAAU,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,UAAU,CAAC,yCAAyC,CAAC,EAChE,MAAM,EAAE,CAAC;4BACT,aAAa;4BACb,GAAG,EAAE,MAAM,CAAC,UAAG,IAAI,CAAC,IAAI,aAAU,CAAC,EACnC,KAAK,EAAE,CAAC,GACR,CACH;wBAED,2BAAG,SAAS,EAAC,sEAAsE,IAChF,IAAI,CAAC,IAAI,CACR;wBACJ,4CACc,MAAM,EAClB,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,EAClD,2GAA2G,CAC5G,EACD,OAAO,EAAC,WAAW;4BAEnB,8BAAM,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C,CACY;oBACpB,oBAAC,UAAU,IACT,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B,EACtC,IAAI,EAAE,IAAI;wBAEV,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,WAAW,EAAC,MAAM,EAAE,KAAK,IAClD,IAAI,CAAC,IAAI,KAAK,2BAA2B,IAAI,QAAQ,KAAK,2BAA2B,CAAC,CAAC,CAAC,CACvF,0CACG,IAAI,CAAC,KAAK;6BACR,IAAI,CAAC,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,IAAI,KAAK,gBAAgB,EAA/B,CAA+B,CAAC;6BACrD,sBAAsB,CAAC,GAAG,CAAC,UAAC,KAAU,EAAE,KAAa,IAAK,OAAA,CACzD,0CACG,SAAS,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CACrC,2BACE,GAAG,EAAE,KAAK,uBAEV,SAAS,EAAE,UAAU,CACnB,0FAA0F,EAC1F,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;gCACtB,CAAC,CAAC,sCAAsC;gCACxC,CAAC,CAAC,kCAAkC,CACvC,EACD,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,EAAzB,CAAyB,IAEvC,KAAK,CAAC,IAAI,CACT,CACL,CACA,CACJ,EAlB0D,CAkB1D,CAAC,CACH,CACJ,CAAC,CAAC,CAAC,CACF,0CACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,OAAY,EAAE,KAAa,IAAK,OAAA,CAC/C;4BACG,SAAS,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CACvC,2BACE,GAAG,EAAE,KAAK,uBAEV,SAAS,EAAE,UAAU,CACnB,+HAA+H,EAC/H,OAAO,CAAC,OAAO;oCACb,CAAC,CAAC,sCAAsC;oCACxC,CAAC,CAAC,mCAAmC,CACxC,EACD,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,EAA3B,CAA2B,IAEzC,OAAO,CAAC,IAAI,CACX,CACL;4BACA,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,KAAK,IAAI,CACrC,0CACG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,QAAa,IAAK,OAAA,CACpC,2BACE,GAAG,EAAE,QAAQ,CAAC,IAAI,uBAElB,SAAS,EAAE,UAAU,CACnB,6EAA6E,EAC7E,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO;oCACf,CAAC,CAAC,mCAAmC;oCACrC,CAAC,CAAC,yEAAyE,CAC9E,EACD,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,EAA5B,CAA4B;gCAE3C,6BAAK,SAAS,EAAC,2BAA2B;oCACxC,6BAAK,SAAS,EAAC,KAAK,GAAG;oCACvB,2BACE,SAAS,EAAE,UAAU,CACnB,sEAAsE,EACtE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,CAClE,IAEA,QAAQ,CAAC,IAAI,CACZ,CACA,CACJ,CACL,EAxBqC,CAwBrC,CAAC,CACD,CACJ,CACA,CACJ,EA/CgD,CA+ChD,CAAC,CACD,CACJ,CACgB,CACR,CACZ,CACJ;YA5Hc,CA4Hd,CACU,CACd,CAAC,CACH,CACJ,EAjJwB,CAiJxB,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QACD,6BAAK,SAAS,EAAC,qFAAqF;YAClG,6BAAK,SAAS,EAAC,mDAAmD,GAAG;YACrE,oBAAC,UAAU,IAAC,GAAG,EAAE,qBAAqB,EAAE,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,gBAAgB,EAAC,WAAW,EAAE,iBAAiB,EAAE,IACzG,UAAC,EAAQ;oBAAN,IAAI,UAAA;gBAAO,OAAA,CACb;oBACE,oBAAC,UAAU,CAAC,MAAM,IAChB,SAAS,EAAE,UAAU,CACnB,iBAAiB,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EACvD,4IAA4I,CAC7I,EACD,OAAO,EAAE,cAAM,OAAA,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,EAA5C,CAA4C;wBAE3D,oBAAC,KAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,UAAU,CAAC,6DAA6D,CAAC,EACpF,MAAM,EAAE,CAAC;4BACT,aAAa;4BACb,GAAG,EAAE,MAAM,CAAC,gBAAgB,EAC5B,KAAK,EAAE,CAAC,GACR;wBAEF,2BAAG,SAAS,EAAC,sEAAsE,iDAE/E;wBACJ,4CACc,MAAM,EAClB,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,EAClD,2GAA2G,CAC5G,EACD,OAAO,EAAC,WAAW;4BAEnB,8BAAM,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C,CACY;oBACpB,oBAAC,UAAU,IACT,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B,EACtC,IAAI,EAAE,mBAAmB;wBAEzB,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,WAAW,EAAC,MAAM,EAAE,KAAK;4BACnD,0CACG,oBAAoB,CAAC,GAAG,CAAC,UAAC,OAAY,EAAE,KAAa,IAAK,OAAA,CACzD;gCACE,2BACE,GAAG,EAAE,KAAK,uBAEV,SAAS,EAAE,UAAU,CACnB,+HAA+H,EAC/H,OAAO,CAAC,OAAO;wCACb,CAAC,CAAC,sCAAsC;wCACxC,CAAC,CAAC,mCAAmC,CACxC,EACD,OAAO,EAAE;wCACP,YAAY,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAA;wCAC5C,+BAA+B,CAAC,OAAO,CAAC,CAAA;oCAC1C,CAAC,IAEA,OAAO,CAAC,IAAI,CACX,CACH,CACJ,EAnB0D,CAmB1D,CAAC,CACD,CACc,CACR,CACZ,CACJ;YAnEc,CAmEd,CACU;YACb,2BAAG,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,UAAU;gBACtD,8BAAM,SAAS,EAAC,SAAS,cAAe;gBACxC,8BAAM,SAAS,EAAC,6CAA6C;oBAC3D,oBAAC,KAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,UAAU,CAAC,6DAA6D,CAAC,EACpF,MAAM,EAAE,CAAC;wBACT,aAAa;wBACb,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,KAAK,EAAE,CAAC,GACR;oBACF,6BAAK,SAAS,EAAC,KAAK;wBAClB,2BAAG,SAAS,EAAC,+FAA+F,6BAExG,CACA,CACD,CACL,CACA,CACL,CACJ,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/navigator/nav-mobile.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function NavMobile({ hiddenSideBar, menu, path, pathNameWithBasePath, permission, router, setSidebarOpen, sidebarOpen, }: any): React.JSX.Element;

package/dist/esm/components/MainWrapV4/navigator/nav-mobile.js

@@ -0,0 +1,24 @@
+import { Dialog, Transition } from '@headlessui/react';
+import { XMarkIcon } from '@heroicons/react/24/outline';
+import React, { Fragment } from 'react';
+import NavMobileContent from './nav-mobile-content';
+export default function NavMobile(_a) {
+    var hiddenSideBar = _a.hiddenSideBar, menu = _a.menu, path = _a.path, pathNameWithBasePath = _a.pathNameWithBasePath, permission = _a.permission, router = _a.router, setSidebarOpen = _a.setSidebarOpen, sidebarOpen = _a.sidebarOpen;
+    return (React.createElement(Transition.Root, { as: Fragment, show: sidebarOpen },
+        React.createElement(Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },
+            React.createElement(Transition.Child, { as: Fragment, enter: 'transition-opacity ease-linear duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'transition-opacity ease-linear duration-300', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+                React.createElement("div", { className: 'fixed inset-0 bg-gray-600 bg-opacity-75' })),
+            React.createElement("div", { className: 'fixed inset-0 z-40 flex' },
+                React.createElement(Transition.Child, { as: Fragment, enter: 'transition ease-in-out duration-300 transform', enterFrom: '-translate-x-full', enterTo: 'translate-x-0', leave: 'transition ease-in-out duration-300 transform', leaveFrom: 'translate-x-0', leaveTo: '-translate-x-full' },
+                    React.createElement(Dialog.Panel, { className: 'relative flex w-full max-w-xs flex-1 flex-col bg-gray-200' },
+                        React.createElement(Transition.Child, { as: Fragment, enter: 'ease-in-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in-out duration-300', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+                            React.createElement("div", { className: 'absolute right-0 top-0 -mr-12 pt-2' },
+                                React.createElement("button", { className: 'ml-1 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(false); }, type: 'button' },
+                                    React.createElement("span", { className: 'sr-only' }, "Close sidebar"),
+                                    React.createElement(XMarkIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-white' })))),
+                        React.createElement("div", { className: 'mt-8 h-0 flex-1 overflow-y-auto pb-4 pt-5' },
+                            React.createElement("nav", { className: 'space-y-1 px-2' },
+                                React.createElement(NavMobileContent, { hiddenSideBar: hiddenSideBar, menu: menu, pathName: path, pathNameWithBasePath: pathNameWithBasePath, permission: permission, router: router }))))),
+                React.createElement("div", { "aria-hidden": 'true', className: 'w-14 flex-shrink-0' })))));
+}
+//# sourceMappingURL=nav-mobile.js.map

package/dist/esm/components/MainWrapV4/navigator/nav-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-mobile.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/navigator/nav-mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,gBAAgB,MAAM,sBAAsB,CAAA;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAS5B;QARJ,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,WAAW,iBAAA;IAEX,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW;QAC9C,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc;YAC1E,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;gBAEnB,6BAAK,SAAS,EAAC,yCAAyC,GAAG,CAC1C;YAEnB,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,+CAA+C,EACrD,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,+CAA+C,EACrD,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,mBAAmB;oBAE3B,oBAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,2DAA2D;wBACjF,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;4BAEnB,6BAAK,SAAS,EAAC,oCAAoC;gCACjD,gCACE,SAAS,EAAC,gIAAgI,EAC1I,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EACpC,IAAI,EAAC,QAAQ;oCAEb,8BAAM,SAAS,EAAC,SAAS,oBAAqB;oCAC9C,oBAAC,SAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,oBAAoB,GAAG,CACxD,CACL,CACW;wBACnB,6BAAK,SAAS,EAAC,2CAA2C;4BACxD,6BAAK,SAAS,EAAC,gBAAgB;gCAC7B,oBAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACF,CACO,CACE;gBACnB,4CAAiB,MAAM,EAAC,SAAS,EAAC,oBAAoB,GAEhD,CACF,CACC,CACO,CACnB,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,5 @@
+declare module '*.svg' {
+    import * as React from 'react';
+    const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+    export default ReactComponent;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/svg.ts"],"names":[],"mappings":""}

package/dist/esm/components/MainWrapV4/types/appearance.d.ts

@@ -0,0 +1,19 @@
+export interface SettingLayoutType {
+    header_bg_color: string;
+    logo_dashboard: string;
+    color_loading_skeleton: string;
+    search_bg_color: string;
+    search_border_color: string;
+    search_border_hover_color: string;
+    search_icon_color: string;
+    search_text_color: string;
+    menu_bg_color: string;
+    menu_text_color: string;
+    menu_bg_active: string;
+    menu_icon_color: string;
+    menu_text_and_icon_hover_color: string;
+    menu_icon_hover: string;
+    menu_icon_active: string;
+    menu_hover_bg: string;
+    [key: string]: any;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=appearance.js.map

package/dist/esm/components/MainWrapV4/types/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/types/appearance.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,36 @@
+import { SIDEBAR_TYPE } from '../constant';
+export interface INavItem {
+    name: string;
+    code: string;
+    path: string;
+    current?: boolean;
+    child: Array<INavItem>;
+    isPined?: boolean;
+    disabled?: boolean;
+    isMicroservice?: boolean;
+    description?: string;
+    showChild?: boolean;
+}
+export interface IResultItemSearchItem {
+    id: string;
+    code: string;
+    name: string;
+    path: string;
+    pathCode: string;
+}
+export type TSidebarType = `${SIDEBAR_TYPE}`;
+export interface ITheme {
+    name: string;
+    code: string;
+    bgColorFrom: string;
+    bgColorTo: string;
+    sideBarColorDefault: string;
+    activeIconColor: string;
+    activeBgColor: string;
+    checkBoxColor: string;
+    borderColor: string;
+}
+export interface IIcon {
+    isActive?: boolean;
+    activeColor?: string;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MainWrapV4/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/types/index.ts"],"names":[],"mappings":""}

package/dist/esm/components/MainWrapV4/utils/eventBus.d.ts

@@ -0,0 +1,9 @@
+type EventHandler = (payload?: any) => void;
+declare class EventBus {
+    private events;
+    on(event: string, callBack: EventHandler): void;
+    off(event: string, callBack: EventHandler): void;
+    emit(event: string, payload?: any): void;
+}
+export declare const eventBus: EventBus;
+export {};

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

@@ -0,0 +1,21 @@
+var EventBus = /** @class */ (function () {
+    function EventBus() {
+        this.events = new Map();
+    }
+    EventBus.prototype.on = function (event, callBack) {
+        var handlers = this.events.get(event) || [];
+        handlers.push(callBack);
+        this.events.set(event, handlers);
+    };
+    EventBus.prototype.off = function (event, callBack) {
+        var handlers = this.events.get(event) || [];
+        this.events.set(event, handlers.filter(function (h) { return h !== callBack; }));
+    };
+    EventBus.prototype.emit = function (event, payload) {
+        var _a;
+        (_a = this.events.get(event)) === null || _a === void 0 ? void 0 : _a.forEach(function (callBack) { return callBack(payload); });
+    };
+    return EventBus;
+}());
+export var eventBus = new EventBus();
+//# sourceMappingURL=eventBus.js.map

package/dist/esm/components/MainWrapV4/utils/eventBus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventBus.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/utils/eventBus.ts"],"names":[],"mappings":"AAEA;IAAA;QACU,WAAM,GAAG,IAAI,GAAG,EAA+B,CAAA;IAmBzD,CAAC;IAjBQ,qBAAE,GAAT,UAAU,KAAa,EAAE,QAAsB;QAC7C,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAC7C,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAClC,CAAC;IAEM,sBAAG,GAAV,UAAW,KAAa,EAAE,QAAsB;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAC7C,IAAI,CAAC,MAAM,CAAC,GAAG,CACb,KAAK,EACL,QAAQ,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,QAAQ,EAAd,CAAc,CAAC,CACvC,CAAA;IACH,CAAC;IAEM,uBAAI,GAAX,UAAY,KAAa,EAAE,OAAa;;QACtC,MAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,OAAO,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,OAAO,CAAC,EAAjB,CAAiB,CAAC,CAAA;IAClE,CAAC;IACH,eAAC;AAAD,CAAC,AApBD,IAoBC;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAA"}