phx-uikit 1.0.256 → 1.0.258

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

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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";
+    MENU_CODE["SETTING_SITE"] = "SETTING_SITE";
+})(MENU_CODE || (exports.MENU_CODE = MENU_CODE = {}));
+exports.LOCALSTORAGE_SHOW_SUB_MENU_KEY = 'show_sub_menu';
+exports.LOCALSTORAGE_SHOW_SIDEBAR_TYPE = 'sidebar_type';
+exports.MENU_ACTIVE_COLORS = [
+    '#F57634',
+    '#20BD22',
+    '#FD7B6C',
+    '#6788EC',
+    '#DEA414',
+    '#00D3F2',
+    '#A684FF',
+    '#FB64B6',
+    '#9AE600',
+];
+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 || (exports.SIDEBAR_TYPE = SIDEBAR_TYPE = {}));
+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',
+        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',
+    },
+];
+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

@@ -0,0 +1 @@
+{"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;QAC1B,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;KACvB;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;QAC1B,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;KACvB;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;QAC1B,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;KACvB;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;QAC1B,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;KACvB;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;QAC1B,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;KACvB;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;QAC1B,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;KACvB;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/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/cjs/components/MainWrapV4/helper.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeCode = exports.checkChildBefore = exports.delay = void 0;
+exports.normalizeString = normalizeString;
+exports.flattenMenuTree = flattenMenuTree;
+exports.enablePer = enablePer;
+var constant_1 = require("./constant");
+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();
+}
+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 === constant_1.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 !== constant_1.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;
+}
+var delay = function (ms) { return new Promise(function (resolve) { return setTimeout(resolve, ms); }); };
+exports.delay = delay;
+function enablePer(code, arr) {
+    if (!code)
+        return true;
+    return arr === null || arr === void 0 ? void 0 : arr.some(function (item) { return item === code; });
+}
+var checkChildBefore = function (item, currentItem) {
+    var currentIndexActive = item.find(function (s) { return s.current; });
+    return currentIndexActive ? currentIndexActive.id > currentItem.id : false;
+};
+exports.checkChildBefore = checkChildBefore;
+var normalizeCode = function (raw) {
+    if (!raw)
+        return '';
+    return raw.replace(/-/g, '_');
+};
+exports.normalizeCode = normalizeCode;
+//# sourceMappingURL=helper.js.map

package/dist/cjs/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/cjs/components/MainWrapV4/hooks/use-event-bus.d.ts

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMainwrapV4EventBus = useMainwrapV4EventBus;
+var react_1 = require("react");
+var eventBus_1 = require("../utils/eventBus");
+function useMainwrapV4EventBus(eventName, handler) {
+    var handlerRef = (0, react_1.useRef)(handler);
+    (0, react_1.useEffect)(function () {
+        handlerRef.current = handler;
+    }, [handler]);
+    (0, react_1.useEffect)(function () {
+        var listener = function (payload) { return handlerRef.current(payload); };
+        eventBus_1.eventBus.on(eventName, listener);
+        return function () { return eventBus_1.eventBus.off(eventName, listener); };
+    }, [eventName]);
+}
+//# sourceMappingURL=use-event-bus.js.map

package/dist/cjs/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":";;AAGA,sDAaC;AAhBD,+BAAyC;AACzC,8CAA4C;AAE5C,SAAgB,qBAAqB,CAAC,SAAiB,EAAE,OAA+B;IACtF,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAA;IAElC,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAA,iBAAS,EAAC;QACR,IAAM,QAAQ,GAAG,UAAC,OAAY,IAAK,OAAA,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,EAA3B,CAA2B,CAAA;QAE9D,mBAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAChC,OAAO,cAAM,OAAA,mBAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAjC,CAAiC,CAAA;IAChD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACjB,CAAC"}

package/dist/cjs/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/cjs/components/MainWrapV4/hooks/use-save-menu-config.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useSaveMenuConfig;
+var tslib_1 = require("tslib");
+var axiosInstance_1 = require("../../../axiosInstance");
+function useSaveMenuConfig() {
+    var _this = this;
+    var handleSaveMenuConfig = function (_a) { return tslib_1.__awaiter(_this, [_a], void 0, function (_b) {
+        var data = _b.data, key = _b.key;
+        return tslib_1.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, axiosInstance_1.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 tslib_1.__awaiter(this, arguments, void 0, function (_b) {
+            var data, e_1;
+            var key = _b.key;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, axiosInstance_1.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/cjs/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":";;AAEA,oCAsBC;;AAxBD,wDAAyD;AAEzD,SAAwB,iBAAiB;IAAzC,iBAsBC;IArBC,IAAM,oBAAoB,GAAG,wEAAO,EAAyC;YAAvC,IAAI,UAAA,EAAE,GAAG,SAAA;;;wBAC7C,qBAAM,gCAAgB,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;oEAAmB,EAAwB;;gBAAtB,GAAG,SAAA;;;;;wBAIjD,qBAAM,gCAAgB,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/cjs/components/MainWrapV4/index.d.ts

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./MainWrapV4"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/components/MainWrapV4/navigator/nav-mobile-content.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NavMobileContent;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+var image_1 = tslib_1.__importDefault(require("next/image"));
+var react_2 = tslib_1.__importStar(require("react"));
+var constants_1 = require("../../../utils/constants");
+var Icon_1 = require("../assets/Icon");
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+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] === constants_1.PATH_ACTIVITY_HISTORY;
+    };
+    var activityHistoryParent = { path: '/activity-history/list' };
+    var _b = (0, react_2.useState)(constants_1.MENU_ACTIVITY_HISTORY_CHILD), activityHistoryChild = _b[0], setActivityHistoryChild = _b[1];
+    var initShowActivityHistory = isActivityHistory();
+    var _c = (0, react_2.useState)(initShowActivityHistory), activityHistoryShow = _c[0], setActivityHistoryShow = _c[1];
+    var handleClickActivityHistoryChild = function (clickedItem) {
+        var updated = activityHistoryChild.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { current: item.code === clickedItem.code })); });
+        setActivityHistoryChild(updated);
+    };
+    (0, react_2.useEffect)(function () {
+        setActivityHistoryChild(function (prev) {
+            return prev.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { current: pathNameWithBasePath.endsWith(item.path) })); });
+        });
+    }, [pathNameWithBasePath]);
+    return (react_2.default.createElement(react_2.default.Fragment, null,
+        menu ? (react_2.default.createElement("div", { className: activityHistoryShow ? 'mb-40' : 'mb-24' }, menu.map(function (item) { return (react_2.default.createElement(react_2.default.Fragment, null, enablePer(item === null || item === void 0 ? void 0 : item.code, permission) &&
+            (!item.child ? (react_2.default.createElement("div", { key: item.name },
+                react_2.default.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_2.default.createElement(react_1.Disclosure, { key: item.name, as: 'div', className: 'space-y-1', defaultOpen: item.current }, function (_a) {
+                var open = _a.open;
+                return (react_2.default.createElement(react_2.default.Fragment, null,
+                    react_2.default.createElement(react_1.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_2.default.createElement("img", { alt: 'icon', className: 'mr-2 w-[1.6rem]', src: item.menuIconSL })) : (react_2.default.createElement(image_1.default, { alt: 'icon', className: classNames('h-[1.125rem] w-[1.125rem] text-gray-950'), height: 0, 
+                            // @ts-ignore
+                            src: Icon_1.IconV2["".concat(item.code, "_OUTLINE")], width: 0 })),
+                        react_2.default.createElement("p", { className: 'flex-1 text-[0.86rem] font-normal text-gray-800 subpixel-antialiased' }, item.name),
+                        react_2.default.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_2.default.createElement("path", { d: 'M6 6L14 10L6 14V6Z', fill: 'currentColor' }))),
+                    react_2.default.createElement(react_1.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_2.default.createElement(react_1.Disclosure.Panel, { className: 'space-y-1', static: false }, item.path === '/admissions/campaign/list' && pathName !== '/admissions/campaign/list' ? (react_2.default.createElement(react_2.default.Fragment, null, item.child
+                            .find(function (child) { return child.path === '/campaign/list'; })
+                            .childrenByParentDetail.map(function (child, index) { return (react_2.default.createElement(react_2.default.Fragment, null, enablePer(child === null || child === void 0 ? void 0 : child.code, permission) && (react_2.default.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_2.default.createElement(react_2.default.Fragment, null, item.child.map(function (subItem, index) { return (react_2.default.createElement(react_2.default.Fragment, null,
+                            enablePer(subItem === null || subItem === void 0 ? void 0 : subItem.code, permission) && (react_2.default.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_2.default.createElement(react_2.default.Fragment, null, subItem.child.map(function (children) { return (react_2.default.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_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: 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_2.default.createElement(react_2.default.Fragment, null)),
+        react_2.default.createElement("div", { className: 'fixed bottom-0 -mx-2 w-full max-w-xs overflow-hidden bg-gray-200 p-3 transition-all' },
+            react_2.default.createElement("div", { className: 'absolute -left-0 top-0 h-[1px] w-full bg-gray-300' }),
+            react_2.default.createElement(react_1.Disclosure, { key: constants_1.PATH_ACTIVITY_HISTORY, as: 'div', className: 'mb-2 space-y-1', defaultOpen: isActivityHistory() }, function (_a) {
+                var open = _a.open;
+                return (react_2.default.createElement(react_2.default.Fragment, null,
+                    react_2.default.createElement(react_1.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_2.default.createElement(image_1.default, { alt: 'icon', className: classNames('mt-0.5 h-[1.125rem] w-[1.125rem] text-gray-950 brightness-0'), height: 0, 
+                            // @ts-ignore
+                            src: Icon_1.IconV2.ACTIVITY_HISTORY, width: 0 }),
+                        react_2.default.createElement("p", { className: 'flex-1 text-[0.86rem] font-normal text-gray-800 subpixel-antialiased' }, "L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng"),
+                        react_2.default.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_2.default.createElement("path", { d: 'M6 6L14 10L6 14V6Z', fill: 'currentColor' }))),
+                    react_2.default.createElement(react_1.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_2.default.createElement(react_1.Disclosure.Panel, { className: 'space-y-1', static: false },
+                            react_2.default.createElement(react_2.default.Fragment, null, activityHistoryChild.map(function (subItem, index) { return (react_2.default.createElement(react_2.default.Fragment, null,
+                                react_2.default.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_2.default.createElement("a", { className: 'font-medium text-gray-700', href: '/setting' },
+                react_2.default.createElement("span", { className: 'sr-only' }, "setting"),
+                react_2.default.createElement("span", { className: 'group mt-0.5 flex cursor-pointer hover:z-10' },
+                    react_2.default.createElement(image_1.default, { alt: 'icon', className: classNames('mt-0.5 h-[1.125rem] w-[1.125rem] text-gray-950 brightness-0'), height: 0, 
+                        // @ts-ignore
+                        src: Icon_1.IconV2.SETTING, width: 0 }),
+                    react_2.default.createElement("div", { className: 'h-6' },
+                        react_2.default.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/cjs/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":"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"}

package/dist/cjs/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/cjs/components/MainWrapV4/navigator/nav-mobile.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NavMobile;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var react_2 = tslib_1.__importStar(require("react"));
+var nav_mobile_content_1 = tslib_1.__importDefault(require("./nav-mobile-content"));
+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_2.default.createElement(react_1.Transition.Root, { as: react_2.Fragment, show: sidebarOpen },
+        react_2.default.createElement(react_1.Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },
+            react_2.default.createElement(react_1.Transition.Child, { as: react_2.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_2.default.createElement("div", { className: 'fixed inset-0 bg-gray-600 bg-opacity-75' })),
+            react_2.default.createElement("div", { className: 'fixed inset-0 z-40 flex' },
+                react_2.default.createElement(react_1.Transition.Child, { as: react_2.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_2.default.createElement(react_1.Dialog.Panel, { className: 'relative flex w-full max-w-xs flex-1 flex-col bg-gray-200' },
+                        react_2.default.createElement(react_1.Transition.Child, { as: react_2.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_2.default.createElement("div", { className: 'absolute right-0 top-0 -mr-12 pt-2' },
+                                react_2.default.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_2.default.createElement("span", { className: 'sr-only' }, "Close sidebar"),
+                                    react_2.default.createElement(outline_1.XMarkIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-white' })))),
+                        react_2.default.createElement("div", { className: 'mt-8 h-0 flex-1 overflow-y-auto pb-4 pt-5' },
+                            react_2.default.createElement("nav", { className: 'space-y-1 px-2' },
+                                react_2.default.createElement(nav_mobile_content_1.default, { hiddenSideBar: hiddenSideBar, menu: menu, pathName: path, pathNameWithBasePath: pathNameWithBasePath, permission: permission, router: router }))))),
+                react_2.default.createElement("div", { "aria-hidden": 'true', className: 'w-14 flex-shrink-0' })))));
+}
+//# sourceMappingURL=nav-mobile.js.map

package/dist/cjs/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":";;AAKA,4BA6EC;;AAlFD,2CAAsD;AACtD,uDAAuD;AACvD,qDAAuC;AACvC,oFAAmD;AAEnD,SAAwB,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,8BAAC,kBAAU,CAAC,IAAI,IAAC,EAAE,EAAE,gBAAQ,EAAE,IAAI,EAAE,WAAW;QAC9C,8BAAC,cAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc;YAC1E,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,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,uCAAK,SAAS,EAAC,yCAAyC,GAAG,CAC1C;YAEnB,uCAAK,SAAS,EAAC,yBAAyB;gBACtC,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,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,8BAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,2DAA2D;wBACjF,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,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,uCAAK,SAAS,EAAC,oCAAoC;gCACjD,0CACE,SAAS,EAAC,gIAAgI,EAC1I,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EACpC,IAAI,EAAC,QAAQ;oCAEb,wCAAM,SAAS,EAAC,SAAS,oBAAqB;oCAC9C,8BAAC,mBAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,oBAAoB,GAAG,CACxD,CACL,CACW;wBACnB,uCAAK,SAAS,EAAC,2CAA2C;4BACxD,uCAAK,SAAS,EAAC,gBAAgB;gCAC7B,8BAAC,4BAAgB,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,sDAAiB,MAAM,EAAC,SAAS,EAAC,oBAAoB,GAEhD,CACF,CACC,CACO,CACnB,CAAA;AACH,CAAC"}

package/dist/cjs/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/cjs/components/MainWrapV4/svg.js

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

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

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

package/dist/cjs/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/cjs/components/MainWrapV4/types/appearance.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=appearance.js.map

package/dist/cjs/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/cjs/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/cjs/components/MainWrapV4/types/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/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 {};