phx-react 1.3.1287 → 1.3.1289

package/dist/esm/components/MainWrapV4/components/other-menu.js

@@ -0,0 +1,141 @@
+import Image from 'next/image';
+import { useEffect, useRef, useState } from 'react';
+import { IconV2 } from '../assets/Icon';
+import { MENU_CODE } from '../constant';
+import React from 'react';
+import { PHXModal } from '../../Modal';
+import { PHXSortable, PHXSortItem } from '../../..';
+function PinList(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, handleChangePined = _a.handleChangePined, list = _a.list, searchKeyword = _a.searchKeyword, title = _a.title;
+    var filteredList = list
+        .filter(function (navItem) {
+        return navItem.name.toLowerCase().includes(searchKeyword.toLowerCase()) && navItem.code !== MENU_CODE.DASHBOARD;
+    })
+        .sort(function (a, b) {
+        var aDisabled = !!a.disabled; // true/false
+        var bDisabled = !!b.disabled;
+        if (aDisabled === bDisabled)
+            return 0; // cùng trạng thái → giữ nguyên thứ tự tương đối
+        if (aDisabled)
+            return 1; // a disabled → đẩy xuống dưới
+        return -1; // a không disabled, b disabled → a lên trên
+    });
+    if (filteredList.length === 0)
+        return null;
+    return (React.createElement("div", { className: className },
+        React.createElement("p", { className: 'text-xxs text-gray-500' }, title),
+        React.createElement("div", { className: 'mt-3 grid grid-cols-4' }, filteredList.map(function (navItem, index) { return (React.createElement("div", { key: index, className: " relative flex h-[82px] w-[82px] flex-col  items-center rounded-2xl   p-2  ".concat(navItem.disabled
+                ? 'cursor-not-allowed'
+                : 'group border-[0.66px] border-white hover:border-gray-200 hover:bg-gray-100') },
+            navItem.disabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+            React.createElement("button", { className: 'peer absolute -right-2 -top-1 hidden  group-hover:block', onClick: function () { return handleChangePined(navItem); }, type: 'button' },
+                React.createElement(Image, { alt: 'icon', height: 22, quality: 100, 
+                    // @ts-ignore
+                    src: !navItem.isPined ? IconV2.PIN : IconV2.UN_PIN, width: 22 })),
+            React.createElement("div", { className: 'absolute -right-[0.5rem] -top-12 hidden rounded-lg  border border-gray-100 bg-white p-2 drop-shadow-md peer-hover:block' },
+                React.createElement("p", { className: 'text-xs' }, !navItem.isPined ? 'Ghim' : 'Bỏ ghim'),
+                React.createElement(Image, { alt: 'icon', className: ' absolute right-1 -rotate-90', height: 10, quality: 100, 
+                    // @ts-ignore
+                    src: IconV2.ARROW_SUB_MENU_HOVER, width: 10 })),
+            React.createElement("a", { className: 'flex flex-col items-center', href: navItem.path, target: '__blank' },
+                React.createElement("div", { className: 'borde-gray-200 flex h-10 w-10 items-center justify-center rounded-xl border' },
+                    React.createElement(Image, { alt: 'icon', height: 20, quality: 100, 
+                        // @ts-ignore
+                        src: IconV2["".concat(navItem.code, "_OUTLINE")], width: 20 })),
+                React.createElement("p", { className: 'test-gray-900 mt-1.5 w-[10ch] truncate text-center text-xxs' }, navItem.name)))); }))));
+}
+function SearchBar(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.currValue, currValue = _c === void 0 ? '' : _c, onChange = _a.onChange;
+    return (React.createElement("div", { className: "flex items-center overflow-hidden rounded-xl border border-gray-300 px-3 ".concat(className) },
+        React.createElement(Image, { alt: 'icon', height: 20, quality: 100, src: IconV2.SEARCH, width: 20 }),
+        React.createElement("input", { className: '-ml-1.5 flex-1 border-none bg-transparent text-xs focus:ring-0', onChange: function (e) { return onChange(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm ph\u00E2n h\u1EC7', type: 'text', value: currValue })));
+}
+function ModalCustomPin(_a) {
+    var data = _a.data, onOpen = _a.onOpen, onOrder = _a.onOrder;
+    var _b = useState(false), show = _b[0], setShow = _b[1];
+    var searchValue = useState('')[0];
+    var _c = useState(data), orderData = _c[0], setOrderData = _c[1];
+    function onHide() {
+        setShow(false);
+    }
+    useEffect(function () {
+        setOrderData(data);
+    }, [data.length]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { className: 'flex items-center gap-x-1 text-xs font-normal text-gray-600', onClick: function () {
+                setShow(true);
+                onOpen();
+            }, type: 'button' },
+            React.createElement(Image, { alt: 'icon', height: 18, quality: 100, src: IconV2.SETTING_OTHER_MENU, width: 18 }),
+            React.createElement("p", null, " Tu\u1EF3 ch\u1EC9nh")),
+        React.createElement(PHXModal, { inCard: false, onHide: onHide, onSubmit: function () {
+                onOrder(orderData);
+                onHide();
+            }, primaryActionText: 'L\u01B0u l\u1EA1i', show: show, title: 'Tu\u1EF3 ch\u1EC9nh thanh b\u00EAn' },
+            React.createElement("div", { className: 'space-y-2' },
+                React.createElement("h2", { className: 'text-xs font-[650] text-gray-900' }, "T\u1EA5t c\u1EA3 ph\u00E2n h\u1EC7"),
+                React.createElement(PHXSortable, { className: 'max-h-[30rem] overflow-y-auto', enableBorder: true, 
+                    // @ts-ignore
+                    list: orderData.filter(function (item) { return item.name.toLowerCase().includes(searchValue.toLowerCase()); }), renderItem: function (item, index) {
+                        var isDisabled = item.isDisabled;
+                        return (React.createElement("div", { key: index }, isDisabled ? (React.createElement("div", { className: 'relative flex cursor-not-allowed items-center gap-x-1.5 py-4 pl-4' },
+                            React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                            React.createElement(Image, { alt: 'icon', height: 18, quality: 100, 
+                                // @ts-ignore
+                                src: IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                            React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name))) : (React.createElement(PHXSortItem, { dragIconPosition: 'right', title: React.createElement("div", { className: 'relative flex items-center gap-x-1.5' },
+                                isDisabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                                React.createElement(Image, { alt: 'icon', height: 18, quality: 100, 
+                                    // @ts-ignore
+                                    src: IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                                React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name)) }))));
+                    }, 
+                    // @ts-ignore
+                    setList: function (sortedData) { return setOrderData(sortedData); } })))));
+}
+export default function OtherMenu(_a) {
+    var handleChangePined = _a.handleChangePined, noPined = _a.noPined, onOrder = _a.onOrder, pined = _a.pined;
+    var pinedLength = pined.length;
+    var noPinedLength = noPined.length;
+    var countMenu = pinedLength + noPinedLength;
+    var _b = useState(false), active = _b[0], setActive = _b[1];
+    var otherMenuRef = useRef(null);
+    var containerRef = useRef(null);
+    var _c = useState(''), searchKeyword = _c[0], setSearchKeyWord = _c[1];
+    useEffect(function () {
+        function handleClickOutside(e) {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setActive(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () { return document.removeEventListener('mousedown', handleClickOutside); };
+    }, []);
+    useEffect(function () {
+        if (!active) {
+            setSearchKeyWord('');
+        }
+    }, [active]);
+    return (React.createElement("div", { ref: containerRef, className: '' },
+        React.createElement("button", { className: 'group relative flex flex-col items-center gap-y-2', onClick: function () { return setActive(!active); }, type: 'button' },
+            active && (React.createElement(Image, { alt: 'icon', className: 'absolute left-[2.55rem] top-4 z-10 h-5 w-7', height: 18, quality: 100, 
+                // @ts-ignore
+                src: IconV2.ARROW_SUB_MENU_HOVER, width: 20 })),
+            active ? (React.createElement("div", { className: 'absolute left-2.5 top-3  h-7 w-7 rounded-full bg-[#E16F38] blur-[6px]' })) : (React.createElement("div", { className: 'absolute left-2.5 top-3  h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[17px]' })),
+            pinedLength > 0 && (React.createElement(React.Fragment, null,
+                React.createElement(Image, { alt: 'icon', className: "border-t border-gray-600 pt-4 ".concat(active && 'brightness-200'), height: 20, 
+                    // @ts-ignore
+                    src: IconV2.OHTER_MENU, width: 20 }),
+                ' ',
+                React.createElement("p", { className: 'w-[7.5ch] truncate text-center text-[10px] text-gray-300' }, "M\u1EE5c kh\u00E1c")))),
+        React.createElement("div", { className: "absolute top-0 w-[26rem]  drop-shadow-lg ".concat(active ? '-right-[26.53rem]' : '-left-[1000px] opacity-0') },
+            React.createElement("div", { ref: otherMenuRef, className: 'rounded-xl  border-r border-t bg-white p-5' },
+                React.createElement("div", { className: 'flex items-center justify-between' },
+                    React.createElement("h2", { className: 'text-base font-[650] text-gray-900' }, "M\u1EE5c kh\u00E1c"),
+                    React.createElement(ModalCustomPin, { data: pined, onOpen: function () { return setActive(false); }, onOrder: onOrder })),
+                React.createElement(SearchBar, { className: 'mt-4', currValue: searchKeyword, onChange: function (value) { return setSearchKeyWord(value); } }),
+                React.createElement("div", { className: 'mt-2 max-h-[calc(100vh-11rem)] overflow-y-auto pt-4' },
+                    React.createElement(PinList, { className: 'border-b pb-3', handleChangePined: handleChangePined, list: pined, searchKeyword: searchKeyword, title: "\u0110\u00E3 ghim (".concat(pinedLength, "/").concat(countMenu, ")") }),
+                    React.createElement(PinList, { className: "".concat(pinedLength > 1 ? 'mt-4' : ''), handleChangePined: handleChangePined, list: noPined, searchKeyword: searchKeyword, title: "Ch\u01B0a ghim (".concat(noPinedLength, "/").concat(countMenu, ")") }))))));
+}
+//# sourceMappingURL=other-menu.js.map

package/dist/esm/components/MainWrapV4/components/other-menu.js.map

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

package/dist/esm/components/MainWrapV4/components/side-bar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DataInitMainWrap } from '../MainWrapV4';
+import { INavItem } from '../types';
+export default function SideBarDesktop({ currentMenuCode, dataInitMain, enablePer, isActivityHistory, isSettings, navigation, setShowSubMenu, showSubMenu, }: {
+    showSubMenu: boolean;
+    setShowSubMenu(show: boolean): void;
+    isSettings: boolean;
+    isActivityHistory: boolean;
+    enablePer(code: string, arr: Array<any>): boolean;
+    dataInitMain: DataInitMainWrap;
+    navigation: Array<INavItem>;
+    currentMenuCode: string;
+}): React.JSX.Element;

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

@@ -0,0 +1,120 @@
+import { __assign, __spreadArray } from "tslib";
+import Image from 'next/image';
+import React, { useEffect, useState } from 'react';
+import { IconV2 } from '../assets/Icon';
+import { LOCALSTORAGE_MENU_PINED_KEY, MENU_ACTIVE_COLORS, MENU_CODE } from '../constant';
+import NavItem from './nav-item';
+import OtherMenu from './other-menu';
+import PHXTooltip from '../../ToolTip/ToolTip';
+export default function SideBarDesktop(_a) {
+    var currentMenuCode = _a.currentMenuCode, dataInitMain = _a.dataInitMain, enablePer = _a.enablePer, isActivityHistory = _a.isActivityHistory, isSettings = _a.isSettings, navigation = _a.navigation, setShowSubMenu = _a.setShowSubMenu, showSubMenu = _a.showSubMenu;
+    var _b = useState({
+        pined: [],
+        noPined: [],
+    }), menu = _b[0], setMenu = _b[1];
+    var _c = useState(0), totalItem = _c[0], setTotalItem = _c[1];
+    var saveToLocalStorage = function (data) {
+        localStorage.setItem(LOCALSTORAGE_MENU_PINED_KEY, JSON.stringify(data));
+    };
+    var handleChangePined = function (selectedNav) {
+        var currNoPined = menu.noPined, currPined = menu.pined;
+        var nextPined, nextNoPined;
+        if (selectedNav.isPined) {
+            nextPined = currPined.filter(function (nav) { return nav.code !== selectedNav.code; });
+            nextNoPined = __spreadArray([__assign(__assign({}, selectedNav), { isPined: false })], currNoPined, true);
+        }
+        else {
+            nextPined = __spreadArray([currPined[0], __assign(__assign({}, selectedNav), { isPined: true })], currPined.slice(1), true);
+            nextNoPined = currNoPined.filter(function (nav) { return nav.code !== selectedNav.code; });
+        }
+        setMenu({
+            pined: nextPined,
+            noPined: nextNoPined,
+        });
+        saveToLocalStorage({
+            pined: nextPined,
+            noPined: nextNoPined,
+        });
+    };
+    var onOrder = function (newArray) {
+        var orderMap = newArray.map(function (item) { return item.code; });
+        var sortedPined = __spreadArray([], menu.pined, true).sort(function (a, b) {
+            var indexA = orderMap.indexOf(a.code);
+            var indexB = orderMap.indexOf(b.code);
+            // Nếu không tìm thấy trong mảng 1 => để xuống cuối
+            if (indexA === -1 && indexB === -1)
+                return 0;
+            if (indexA === -1)
+                return 1;
+            if (indexB === -1)
+                return -1;
+            return indexA - indexB;
+        });
+        var newMenu = {
+            noPined: menu.noPined,
+            pined: sortedPined,
+        };
+        setMenu(newMenu);
+        saveToLocalStorage(newMenu);
+    };
+    useEffect(function () {
+        if (!dataInitMain.perCode || navigation.length === 0)
+            return;
+        var pined = [];
+        var noPined = [];
+        var _a = JSON.parse(localStorage.getItem(LOCALSTORAGE_MENU_PINED_KEY) || '{}').pined, pinedSaved = _a === void 0 ? [] : _a;
+        navigation.forEach(function (nav) {
+            if (nav.code === MENU_CODE.DASHBOARD ||
+                pinedSaved.some(function (item) { return item.code === nav.code; }) ||
+                nav.code === currentMenuCode) {
+                pined.push(__assign(__assign({}, nav), { isPined: true, disabled: !dataInitMain.perCode.includes(nav.code) }));
+            }
+            else {
+                noPined.push(__assign(__assign({}, nav), { disabled: !dataInitMain.perCode.includes(nav.code) }));
+            }
+        });
+        setMenu({
+            pined: pined,
+            noPined: noPined,
+        });
+    }, [dataInitMain.perCode, navigation.length]);
+    useEffect(function () {
+        var _a;
+        var handler = function () {
+            var _a;
+            var itemHeight = 80;
+            var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0;
+            var nextTotalItem = Math.ceil(windowHeight / itemHeight);
+            if (nextTotalItem !== totalItem)
+                setTotalItem(nextTotalItem - 3);
+        };
+        // Log ngay khi component mount
+        handler();
+        (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', handler);
+        return function () {
+            var _a;
+            (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', handler);
+        };
+    }, []);
+    return (React.createElement("div", { "aria-hidden": true, className: "relative z-30 m-1.5 mt-10 hidden  h-[calc(100vh-3.2rem)] w-14 flex-col items-center rounded-2xl !bg-black transition-all duration-[350ms]  lg:fixed lg:inset-y-0  lg:flex ".concat(showSubMenu ? ' pt-3' : 'pt-16') },
+        React.createElement("button", { className: "group absolute top-4 mb-4 border-b border-gray-600 pb-4 ".concat(showSubMenu ? 'hidden' : ''), onClick: function () { return setShowSubMenu(true); }, type: 'button' },
+            React.createElement("div", { className: 'absolute -top-1 h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[16px]' }),
+            React.createElement(PHXTooltip, { content: 'M\u1EDF thanh b\u00EAn' },
+                React.createElement(Image, { alt: 'icon', height: 14, quality: 100, src: IconV2.SHOW_SIDEBAR, width: 14 }))),
+        menu.pined.slice(0, totalItem).map(function (item, index) {
+            var isActive = !!(item === null || item === void 0 ? void 0 : item.current);
+            return (React.createElement(React.Fragment, { key: item.code }, enablePer(item.code, dataInitMain.perCode) && (React.createElement(NavItem, { bgActiveColor: MENU_ACTIVE_COLORS[index % MENU_ACTIVE_COLORS.length], child: item.child, 
+                // @ts-ignore
+                hoverIcon: IconV2["".concat(item.code, "_OUTLINE")], href: item.path, icon: isActive
+                    ? // @ts-ignore
+                        IconV2["".concat(item.code, "_SOLID")]
+                    : // @ts-ignore
+                        IconV2["".concat(item.code, "_OUTLINE_SIDEBAR")], isActive: isActive, name: item.name, parentPath: item.path }))));
+        }),
+        React.createElement(OtherMenu, { handleChangePined: handleChangePined, noPined: menu.noPined, onOrder: onOrder, pined: menu.pined }),
+        React.createElement("div", { className: 'absolute bottom-0 flex flex-col items-center ' },
+            React.createElement("div", { className: 'mb-4 h-[1px] w-5 bg-gray-600' }),
+            React.createElement(NavItem, { key: 'activity_history_nav', bgActiveColor: MENU_ACTIVE_COLORS[1], href: '/activity-history/list', icon: IconV2.ACTIVITY_HISTORY, isActive: isActivityHistory, name: 'L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng' }),
+            React.createElement(NavItem, { key: 'setting_nav', bgActiveColor: MENU_ACTIVE_COLORS[2], href: '/setting', icon: IconV2.SETTING, isActive: isSettings, name: 'C\u00E0i \u0111\u1EB7t' }))));
+}
+//# sourceMappingURL=side-bar.js.map

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

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

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

@@ -0,0 +1,5 @@
+export declare enum MENU_CODE {
+    DASHBOARD = "DASHBOARD"
+}
+export declare const LOCALSTORAGE_MENU_PINED_KEY = "menu_pined";
+export declare const MENU_ACTIVE_COLORS: string[];

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

@@ -0,0 +1,7 @@
+export var MENU_CODE;
+(function (MENU_CODE) {
+    MENU_CODE["DASHBOARD"] = "DASHBOARD";
+})(MENU_CODE || (MENU_CODE = {}));
+export var LOCALSTORAGE_MENU_PINED_KEY = 'menu_pined';
+export var MENU_ACTIVE_COLORS = ['#F57634', '#20BD22', '#FD7B6C', '#6788EC', '#FFFFFF', '#DEA414'];
+//# 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":"AAAA,MAAM,CAAN,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAFW,SAAS,KAAT,SAAS,QAEpB;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,YAAY,CAAA;AACvD,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA"}

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'), 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'), 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":"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"}

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: 'mt-5 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,qBAAqB;gCAClC,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,9 @@
+export interface INavItem {
+    name: string;
+    code: string;
+    path: string;
+    current?: boolean;
+    child: Array<INavItem>;
+    isPined?: boolean;
+    disabled?: boolean;
+}

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/TableV3/HeaderTable.js

@@ -29,7 +29,7 @@ function HeaderTable(_a) {
                 React.createElement("label", { className: 'absolute left-4 top-1/2 -ml-2 -mt-4 p-2 hover:cursor-pointer sm:left-6' }, !selectedAllPeople.maxSelectedPeople && (React.createElement("input", { ref: checkbox, checked: checked, className: 'block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: toggleAll, type: 'checkbox' }))))) : null,
             numericalOrder.enable && (React.createElement("th", { key: 'stt', 
                 // @ts-ignore
-                ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: classNames('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
+                ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: classNames('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[80px] px-3 py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
                     ? 'sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
                     : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedPeople.length === 0
                     ? 'z-10 rounded-tl-lg sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'