phx-uikit 1.0.256 → 1.0.258

package/dist/esm/components/MainWrapV4/components/main-content.js

@@ -0,0 +1,31 @@
+import { LockClosedIcon } from '@heroicons/react/24/outline';
+import React from 'react';
+import { SIDEBAR_TYPE } from '../constant';
+import { enablePer } from '../helper';
+import { classNames } from '../../types';
+import { PHXCard } from '../../Card';
+export default function MainContent(_a) {
+    var _b;
+    var children = _a.children, currentCode = _a.currentCode, isLoadingPermission = _a.isLoadingPermission, perCode = _a.perCode, showSubMenu = _a.showSubMenu, sideBarType = _a.sideBarType;
+    var mainClass = (_b = {},
+        _b[SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL] = {
+            open: 'lg:left-[19.25rem]',
+            close: 'lg:left-[4.5rem]',
+        },
+        _b[SIDEBAR_TYPE.ONLY_ICON] = {
+            open: 'lg:left-[19rem]',
+            close: 'lg:left-[4.25rem]',
+        },
+        _b[SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL] = {
+            open: 'lg:left-[28.2rem]',
+            close: 'lg:left-[13.5rem]',
+        },
+        _b);
+    var contentClassname = classNames('scrollbar-thin overscroll-contain bg-[#dedede] p-4 lg:h-[calc(100vh-5.56rem)] lg:overflow-y-auto lg:rounded-xl', sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? 'lg:bg-[#F3F3F3]' : 'lg:bg-[#F1F1F1]');
+    return (React.createElement("main", { className: classNames('transition-all lg:absolute lg:inset-0 lg:right-2 lg:top-[5.06rem]', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close) }, isLoadingPermission ? (React.createElement("div", { className: contentClassname })) : enablePer(currentCode, perCode) ? (React.createElement("div", { className: contentClassname }, children)) : (React.createElement("div", { className: contentClassname },
+        React.createElement(PHXCard, null,
+            React.createElement("div", { className: 'my-10 flex flex-col  items-center justify-center' },
+                React.createElement(LockClosedIcon, { className: 'text-gray-400', height: 70, width: 70 }),
+                React.createElement("div", { className: 'mt-5 flex select-none items-center justify-center text-base font-bold text-gray-800' }, "B\u1EA1n kh\u00F4ng c\u00F3 quy\u1EC1n truy c\u1EADp")))))));
+}
+//# sourceMappingURL=main-content.js.map

package/dist/esm/components/MainWrapV4/components/main-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAcnC;;QAbC,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA;IASX,IAAM,SAAS;QACb,GAAC,YAAY,CAAC,uBAAuB,IAAG;YACtC,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,kBAAkB;SAC1B;QACD,GAAC,YAAY,CAAC,SAAS,IAAG;YACxB,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,mBAAmB;SAC3B;QACD,GAAC,YAAY,CAAC,yBAAyB,IAAG;YACxC,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,mBAAmB;SAC3B;WACF,CAAA;IACD,IAAM,gBAAgB,GAAG,UAAU,CACjC,gHAAgH,EAChH,WAAW,KAAK,YAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC/F,CAAA;IAED,OAAO,CACL,8BACE,SAAS,EAAE,UAAU,CACnB,mEAAmE,EACnE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,CACzE,IAEA,mBAAmB,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAE,gBAAgB,GAAI,CACrC,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CACpC,6BAAK,SAAS,EAAE,gBAAgB,IAAG,QAAQ,CAAO,CACnD,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,gBAAgB;QAC9B,oBAAC,OAAO;YACN,6BAAK,SAAS,EAAC,kDAAkD;gBAC/D,oBAAC,cAAc,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;gBAEnE,6BAAK,SAAS,EAAC,qFAAqF,2DAE9F,CACF,CACE,CACN,CACP,CACI,CACR,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/components/nav-item.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { INavItem, ITheme, TSidebarType } from '../types';
+export default function NavItem({ bgActiveColor, child, code, delayHover, href, isActive, isShowOtherMenu, name, parentPath, perCodes, showSubMenu, sideBarType, theme, }: {
+    isActive: boolean;
+    name: string;
+    href: string;
+    child?: Array<INavItem>;
+    parentPath?: string;
+    bgActiveColor: string;
+    showSubMenu?: boolean;
+    code: string;
+    isShowOtherMenu?: boolean;
+    delayHover?: boolean;
+    perCodes?: Array<string>;
+    sideBarType: TSidebarType;
+    theme: ITheme | undefined;
+}): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/nav-item.js

@@ -0,0 +1,57 @@
+import { ChevronRightIcon } from '@heroicons/react/24/solid';
+import Image from 'next/image';
+import React from 'react';
+import { IconV2 } from '../assets/Icon';
+import { IconV3 } from '../assets/icon-v3';
+import { SIDEBAR_TYPE, THEME_CODE } from '../constant';
+import { normalizeCode } from '../helper';
+import { classNames } from '../../types';
+export default function NavItem(_a) {
+    var _b;
+    var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, _c = _a.delayHover, delayHover = _c === void 0 ? false : _c, href = _a.href, isActive = _a.isActive, _d = _a.isShowOtherMenu, isShowOtherMenu = _d === void 0 ? false : _d, name = _a.name, parentPath = _a.parentPath, _e = _a.perCodes, perCodes = _e === void 0 ? [] : _e, _f = _a.showSubMenu, showSubMenu = _f === void 0 ? false : _f, sideBarType = _a.sideBarType, theme = _a.theme;
+    var basePath = (_b = parentPath === null || parentPath === void 0 ? void 0 : parentPath.split('/')) === null || _b === void 0 ? void 0 : _b[1];
+    var isShowSubMenuWhenHover = child && !showSubMenu && !isShowOtherMenu && !delayHover;
+    var isIconOnly = sideBarType === SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    var isDefaultTheme = (theme === null || theme === void 0 ? void 0 : theme.code) === THEME_CODE.BLACK;
+    // @ts-ignore
+    var Icon = IconV3[code] || IconV3.DASHBOARD;
+    return (React.createElement("div", { className: classNames(!isActive && 'bg-opacity-25', 'group flex flex-col items-center gap-y-2', isIconOnly && 'mb-1 h-8 w-8 rounded-lg', isIconOnly && isActive && !isDefaultTheme && 'bg-white', isIconOnly && !isActive && !isDefaultTheme && 'hover:bg-white/30', isIconWithLabelHorizontal && 'mb-0.5 w-[11.5rem] rounded-lg p-2 hover:bg-white', isIconWithLabelHorizontal && isActive ? 'bg-white' : '', isIconWithLabelVertical && 'mb-2') },
+        React.createElement("a", { className: classNames("relative flex h-full w-full items-center gap-y-1", isIconWithLabelHorizontal
+                ? 'flex-row gap-x-2 text-gray-600 hover:text-gray-900'
+                : "".concat(theme === null || theme === void 0 ? void 0 : theme.sideBarColorDefault, " flex-col group-hover:text-white")), href: href },
+            React.createElement("div", { className: classNames('z-10', isIconOnly && !isDefaultTheme && 'pt-1.5', isIconWithLabelVertical && 'rounded-lg p-1', isIconWithLabelVertical && isActive && !isDefaultTheme && 'bg-white', isIconWithLabelVertical && !isActive && !isDefaultTheme && 'group-hover:bg-white/30') },
+                React.createElement(Icon, { activeColor: isIconWithLabelHorizontal ? '#111827' : theme === null || theme === void 0 ? void 0 : theme.activeIconColor, isActive: isActive })),
+            React.createElement("div", { className: 'absolute -top-5 left-0 right-0 h-5' }),
+            isDefaultTheme && !isIconWithLabelHorizontal ? (React.createElement(React.Fragment, null, isActive ? (React.createElement("div", { className: classNames('absolute -top-1 h-8 w-8 rounded-full blur-[10px]', isIconOnly && '-left-[0.1rem] -top-[0.3rem]'), style: {
+                    backgroundColor: bgActiveColor,
+                } })) : (React.createElement("div", { className: classNames('absolute -top-1 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]', isIconWithLabelHorizontal ? '-left-2 h-7 w-7' : 'h-8 w-8') })))) : (React.createElement(React.Fragment, null)),
+            isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('absolute top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block', isIconWithLabelHorizontal && '-right-[0.96rem]', isIconOnly && '-right-[1rem] top-[0.5rem]', isIconWithLabelVertical && '-right-[0.625rem]') },
+                React.createElement("svg", { height: '18', viewBox: '0 0 12 18', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+                    React.createElement("path", { d: 'M11.6973 0L11.6973 18L1.69931 12.0012C-0.566378 10.6418 -0.566379 7.35819 1.69931 5.99878L11.6973 0Z', fill: 'white', stroke: '#d1d5db', strokeLinejoin: 'round', strokeWidth: '1' })))),
+            React.createElement("p", { className: classNames('text-center text-[10px]', isActive && isIconWithLabelHorizontal && 'font-medium text-gray-900', isActive && !isIconWithLabelHorizontal && 'text-white', isIconOnly && 'hidden', isIconWithLabelHorizontal && 'text-xxs') }, name.length > 7 && sideBarType !== SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? "".concat(name.slice(0, 7), "..") : name)),
+        isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('absolute top-0 z-[50] hidden h-[calc(100vh-5.5rem)] w-[14.9rem] rounded-xl border bg-[#FDFDFD] px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[12.4rem]' : '', isIconOnly ? 'left-[3.55rem]' : '', isIconWithLabelVertical ? 'left-[3.75rem]' : '') },
+            React.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5' }),
+            React.createElement("h2", { className: 'mt-4 text-sm font-[650] text-gray-900' }, name),
+            React.createElement("div", { className: classNames('mt-4 flex flex-col gap-1', isIconWithLabelHorizontal ? 'mt-4' : '', isIconOnly ? 'mt-3.5' : '') }, child === null || child === void 0 ? void 0 : child.map(function (c) {
+                var _a;
+                var disabled = !perCodes.includes(c.code);
+                var isHaveChild = ((_a = c.child) === null || _a === void 0 ? void 0 : _a.length) > 0 && !disabled;
+                return (React.createElement("div", { key: c.code, className: 'group/child relative' },
+                    disabled && React.createElement("div", { className: 'absolute inset-0 cursor-not-allowed rounded-md bg-white opacity-60' }),
+                    React.createElement("a", { className: classNames('peer mb-0.5 flex gap-x-2 rounded-md p-2 hover:bg-gray-100', isHaveChild ? 'pr-4' : ''), href: "/".concat(basePath).concat(c.path) },
+                        React.createElement(Image, { alt: 'icon', className: classNames(disabled ? '' : 'group-hover/child:brightness-50'), height: 18, quality: 100, src: 
+                            // @ts-ignore
+                            IconV2[normalizeCode(c.code)] ||
+                                // @ts-ignore
+                                IconV2["".concat(code, "_OUTLINE")], width: 18 }),
+                        React.createElement("span", { className: classNames('text-xs text-gray-500', disabled ? '' : 'group-hover/child:text-gray-900') }, c.name),
+                        isHaveChild && (React.createElement(ChevronRightIcon, { className: 'absolute right-2 top-1/2 -translate-y-1/2 text-gray-400', height: 14, width: 14 }))),
+                    isHaveChild && (React.createElement("div", { className: classNames('shadow-soft absolute -right-[13.2rem] top-0 hidden w-[12.375rem] rounded-lg bg-[#FDFDFD] p-2 drop-shadow-xl group-hover/child:block') },
+                        React.createElement("div", { className: 'absolute -left-40 bottom-0 top-9 w-40' }),
+                        React.createElement("div", { className: 'absolute -left-6 top-0 h-10 w-6' }),
+                        c.child.map(function (c2) { return (React.createElement("a", { key: c2.path, className: 'peer mb-0.5 flex gap-x-2 rounded-md p-2 text-xs text-gray-500 hover:bg-gray-100 hover:text-gray-900', href: "/".concat(basePath).concat(c2.path) }, c2.name)); })))));
+            }))))));
+}
+//# sourceMappingURL=nav-item.js.map

package/dist/esm/components/MainWrapV4/components/nav-item.js.map

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

package/dist/esm/components/MainWrapV4/components/other-menu.d.ts

@@ -0,0 +1,14 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { INavItem, ITheme, TSidebarType } from '../types';
+export default function OtherMenu({ active, handleChangePined, noPined, onChangeSideBarType, onChangeTheme, onOrder, pined, setActive, sideBarType, theme, }: {
+    pined: Array<INavItem>;
+    noPined: Array<INavItem>;
+    handleChangePined(navItem: INavItem): void;
+    onOrder(newArr: Array<INavItem>): void;
+    active: boolean;
+    setActive: Dispatch<SetStateAction<boolean>>;
+    onChangeSideBarType(type: TSidebarType): void;
+    sideBarType: TSidebarType;
+    theme: ITheme | undefined;
+    onChangeTheme(theme: ITheme): Promise<void>;
+}): React.JSX.Element;

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

@@ -0,0 +1,228 @@
+import { __awaiter, __generator } from "tslib";
+import Image from 'next/image';
+import React, { useEffect, useRef, useState } from 'react';
+import { IconV2 } from '../assets/Icon';
+import { IconV3 } from '../assets/icon-v3';
+import OtherIcon from '../assets/icon-v3/other-menu-icon';
+import { LOCALSTORAGE_SHOW_SIDEBAR_TYPE, MENU_CODE, SIDEBAR_TYPE, THEME_CODE, themes } from '../constant';
+import { normalizeString } from '../helper';
+import { classNames } from '../../types';
+import { PHXModal } from '../../Modal';
+import { PHXButton, 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 normalizeString(navItem.name).includes(normalizeString(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 gap-y-1 ' }, filteredList.map(function (navItem, index) { return (React.createElement("div", { key: index, className: " relative flex h-[90px] w-[90px] flex-col  items-center rounded-xl   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-[0.5rem] -top-[0.5rem] z-10 hidden rounded-full bg-white p-1 text-black  drop-shadow-md hover:bg-gray-200 group-hover:block', onClick: function () { return handleChangePined(navItem); }, type: 'button' }, navItem.isPined ? React.createElement(IconV3.UN_PIN, null) : React.createElement(IconV3.PIN, null)),
+            React.createElement("div", { className: 'shadow-soft absolute -right-[0.6rem] -top-[3rem] hidden rounded-lg bg-white  p-2 drop-shadow-md peer-hover:block' },
+                React.createElement("p", { className: 'text-xs' }, !navItem.isPined ? 'Ghim' : 'Bỏ ghim'),
+                React.createElement("div", { className: ' absolute bottom-0 right-0.5 z-10 h-2 w-6 rounded-lg bg-white' }),
+                React.createElement("div", { className: classNames('absolute  right-1  h-5 w-3 -rotate-90 overflow-hidden pl-1') },
+                    React.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-200 bg-white' }))),
+            React.createElement("a", { className: 'flex flex-col items-center', href: navItem.path },
+                React.createElement(Image, { alt: 'icon', height: 36, quality: 100, 
+                    // @ts-ignore
+                    src: IconV2["".concat(navItem.code, "_OTHER_MENU")], width: 36 }),
+                React.createElement("p", { className: 'test-gray-900 mt-1.5 w-[10ch] 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 _this = this;
+    var data = _a.data, onChangeSideBarType = _a.onChangeSideBarType, onChangeTheme = _a.onChangeTheme, onOpen = _a.onOpen, onOrder = _a.onOrder, themeCode = _a.themeCode;
+    var _b = useState(false), show = _b[0], setShow = _b[1];
+    var searchValue = useState('')[0];
+    var _c = useState(data), orderData = _c[0], setOrderData = _c[1];
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var _e = useState(SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL), sideBarType = _e[0], setSideBarType = _e[1];
+    var _f = useState(themeCode || THEME_CODE.BLACK), selectedThemeCode = _f[0], setSelectedThemeCode = _f[1];
+    var arrSideBarType = [
+        {
+            name: 'Biểu tượng và Nhãn ngang',
+            image: IconV2.NAV2,
+            code: SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL,
+        },
+        {
+            name: 'Chỉ biểu tượng',
+            image: IconV2.NAV1,
+            code: SIDEBAR_TYPE.ONLY_ICON,
+        },
+        {
+            name: 'Biểu tượng và Nhãn dọc',
+            image: IconV2.NAV3,
+            code: SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL,
+        },
+    ];
+    var onSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
+        var e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, onChangeTheme(themes.find(function (item) { return item.code === selectedThemeCode; }) || themes[0])];
+                case 2:
+                    _a.sent();
+                    onOrder(orderData);
+                    onChangeSideBarType(sideBarType);
+                    onHide();
+                    return [3 /*break*/, 5];
+                case 3:
+                    e_1 = _a.sent();
+                    console.error(e_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    function onHide() {
+        setShow(false);
+    }
+    useEffect(function () {
+        setOrderData(data);
+    }, [data.length]);
+    useEffect(function () {
+        if (show) {
+            var savedSideBarType = localStorage.getItem(LOCALSTORAGE_SHOW_SIDEBAR_TYPE);
+            if (savedSideBarType) {
+                setSideBarType(savedSideBarType);
+            }
+        }
+    }, [show]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PHXButton, { onClick: function () {
+                setShow(true);
+                onOpen();
+            }, secondary: true, size: 'micro' },
+            React.createElement(Image, { alt: 'icon', height: 18, quality: 100, src: IconV2.SETTING_OTHER_MENU, width: 18 })),
+        React.createElement(PHXModal, { inCard: false, onHide: onHide, onSubmit: onSubmit, primaryActionText: 'L\u01B0u l\u1EA1i', primaryLoading: loading, show: show, size: 'medium', title: 'Tu\u1EF3 ch\u1EC9nh thanh b\u00EAn' },
+            React.createElement("h2", { className: 'mb-2 text-xs font-[650] text-gray-900' }, "B\u1ED1 c\u1EE5c"),
+            React.createElement("div", { className: 'mb-4 flex items-center gap-x-5' }, arrSideBarType.map(function (type) { return (React.createElement("button", { key: type.code, onClick: function () {
+                    setSideBarType(type.code);
+                }, type: 'button' },
+                React.createElement(Image, { alt: 'icon', className: " border-2 ".concat(sideBarType === type.code ? 'rounded-[16px] border-[#1A1A1A]' : ' border-white'), height: 110, quality: 100, 
+                    // @ts-ignore
+                    src: type.image, width: 160 }),
+                React.createElement("p", { className: "mt-2 ".concat(sideBarType === type.code ? 'text-gray-900' : '') }, type.name))); })),
+            sideBarType !== SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL && (React.createElement(React.Fragment, null,
+                React.createElement("h2", { className: 'mb-2 text-xs font-[650] text-gray-900' }, "M\u00E0u ch\u1EE7 \u0111\u1EC1"),
+                React.createElement("div", { className: 'mb-4 flex flex-wrap gap-3' }, themes.map(function (theme) {
+                    var isActive = theme.code === selectedThemeCode;
+                    return (React.createElement("button", { key: theme.code, className: "flex min-w-[10.4rem] items-center gap-x-2 rounded-lg border  px-4 py-3 text-xs  ".concat(isActive ? 'text-gray-900' : 'text-gray-500'), onClick: function () { return setSelectedThemeCode(theme.code); }, style: {
+                            backgroundColor: isActive ? theme.activeBgColor : '',
+                            borderColor: isActive ? theme.borderColor : '#e5e7eb',
+                        }, type: 'button' },
+                        React.createElement("span", { className: 'flex h-6 w-6 items-center justify-center rounded-md', style: {
+                                backgroundColor: theme.checkBoxColor,
+                            } }, isActive && (React.createElement("svg", { fill: 'none', height: '8', viewBox: '0 0 11 8', width: '11', xmlns: 'http://www.w3.org/2000/svg' },
+                            React.createElement("path", { clipRule: 'evenodd', d: 'M10.7071 0.292893C11.0976 0.683417 11.0976 1.31658 10.7071 1.70711L4.70711 7.70711C4.31658 8.09763 3.68342 8.09763 3.29289 7.70711L0.292893 4.70711C-0.0976311 4.31658 -0.0976311 3.68342 0.292893 3.29289C0.683417 2.90237 1.31658 2.90237 1.70711 3.29289L4 5.58579L9.29289 0.292893C9.68342 -0.0976311 10.3166 -0.0976311 10.7071 0.292893Z', fill: 'white', fillRule: 'evenodd' })))),
+                        React.createElement("span", null, theme.name)));
+                })))),
+            React.createElement("div", { className: 'space-y-2' },
+                React.createElement("h2", { className: 'text-xs font-[650] text-gray-900' }, "Ph\u00E2n h\u1EC7 \u0111\u00E3 ghim"),
+                React.createElement(PHXSortable, { className: 'space-y-1 overflow-y-auto !rounded-xl p-2', 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, { className: 'group rounded-lg !px-3 !py-2 hover:bg-gray-100', dragIconPosition: 'left', title: React.createElement("div", { className: 'relative ml-2 flex items-center gap-x-1.5' },
+                                isDisabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                                React.createElement(Image, { alt: 'icon', className: 'brightness-0 invert-[40%] group-hover:brightness-100 group-hover:invert-0', height: 18, quality: 100, 
+                                    // @ts-ignore
+                                    src: IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                                React.createElement("p", { className: 'text-xs font-[450] text-gray-500 group-hover:text-gray-900' }, item.name)) }))));
+                    }, 
+                    // @ts-ignore
+                    setList: function (sortedData) { return setOrderData(sortedData); } })))));
+}
+export default function OtherMenu(_a) {
+    var active = _a.active, handleChangePined = _a.handleChangePined, noPined = _a.noPined, onChangeSideBarType = _a.onChangeSideBarType, onChangeTheme = _a.onChangeTheme, onOrder = _a.onOrder, pined = _a.pined, setActive = _a.setActive, sideBarType = _a.sideBarType, theme = _a.theme;
+    var pinedLength = pined.length;
+    var noPinedLength = noPined.length;
+    var countMenu = pinedLength + noPinedLength;
+    var otherMenuRef = useRef(null);
+    var containerRef = useRef(null);
+    var _b = useState(''), searchKeyword = _b[0], setSearchKeyWord = _b[1];
+    var isIconOnly = sideBarType === SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    var isDefaultTheme = (theme === null || theme === void 0 ? void 0 : theme.code) === THEME_CODE.BLACK;
+    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 },
+        React.createElement("button", { className: classNames('group relative flex items-center', isIconWithLabelHorizontal
+                ? 'w-[11.5rem] gap-x-2 rounded-lg px-2 pb-1 pt-1.5 hover:bg-white'
+                : 'mt-0.5 h-5 flex-col gap-y-2', isIconWithLabelHorizontal && active && 'bg-white', isIconOnly && !isDefaultTheme ? 'mt-1' : ''), onClick: function () { return setActive(!active); }, type: 'button' },
+            active && (React.createElement("div", { className: classNames('absolute z-[9999] h-5 w-3 overflow-hidden pl-1', isIconWithLabelHorizontal ? 'left-[11.55rem]' : '', isIconOnly ? 'left-[1.95rem] top-[0.25rem]' : '', isIconWithLabelVertical ? 'left-[2.75rem] top-[0.25rem]' : '') },
+                React.createElement("svg", { height: '18', viewBox: '0 0 12 18', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+                    React.createElement("path", { d: 'M11.6973 0L11.6973 18L1.69931 12.0012C-0.566378 10.6418 -0.566379 7.35819 1.69931 5.99878L11.6973 0Z', fill: 'white', stroke: '#d1d5db', strokeLinejoin: 'round', strokeWidth: '1' })))),
+            active ? (React.createElement("div", { className: classNames('absolute h-7 w-7 rounded-full ', isIconWithLabelHorizontal ? '-left-2' : '', isDefaultTheme ? 'bg-white blur-[18px]' : '') })) : (React.createElement("div", { className: classNames('absolute h-7  w-7 rounded-full py-1.5', isIconWithLabelHorizontal ? '-left-2' : '', isDefaultTheme ? 'group-hover:bg-white group-hover:blur-[18px]' : '') })),
+            pinedLength > 0 && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: classNames('relative h-[1.5rem] w-[1.5rem]', isIconOnly ? 'mt-1 pl-[0.08rem]' : '', isIconWithLabelVertical && 'pl-[0.08rem]') },
+                    (!active || isIconWithLabelHorizontal) && (React.createElement("div", { className: classNames(" absolute  top-0 z-10", isIconWithLabelHorizontal ? 'text-gray-600' : "".concat(theme === null || theme === void 0 ? void 0 : theme.sideBarColorDefault, " group-hover:hidden")) },
+                        React.createElement(OtherIcon, null))),
+                    !isIconWithLabelHorizontal && (React.createElement(Image, { alt: 'icon', className: classNames('absolute top-0 z-10 ', active
+                            ? 'scale-100'
+                            : 'scale-75 opacity-0 transition-all group-hover:scale-100 group-hover:opacity-100', isIconWithLabelHorizontal ? '' : 'left-1/2 -translate-x-1/2'), height: 20, 
+                        // @ts-ignore
+                        src: IconV2.OHTER_MENU_HOVER, width: 20 }))),
+                !isIconOnly && (React.createElement("p", { className: classNames("text-center", active && isIconWithLabelHorizontal ? 'text-gray-900' : '', active && !isIconWithLabelHorizontal ? 'text-white' : '', isIconWithLabelHorizontal
+                        ? '-ml-1 -mt-0.5 text-xxs text-gray-600 group-hover:text-gray-900'
+                        : "".concat(theme === null || theme === void 0 ? void 0 : theme.sideBarColorDefault, " group-hover:text-white"), isIconWithLabelVertical ? 'mt-[1rem] text-[10px]' : '') }, "M\u1EE5c kh\u00E1c"))))),
+        React.createElement("div", { className: " absolute top-0 w-[25rem]  ".concat(active ? '-right-[25.3rem]' : '-left-[1000px] opacity-0') },
+            React.createElement("div", { ref: otherMenuRef, className: 'shadow-soft rounded-xl bg-white' },
+                React.createElement("div", { className: 'flex items-center justify-between px-4 pt-4' },
+                    React.createElement("h2", { className: 'text-base font-[650] text-gray-900' }, "M\u1EE5c kh\u00E1c"),
+                    React.createElement(ModalCustomPin, { data: pined, onChangeSideBarType: onChangeSideBarType, onChangeTheme: onChangeTheme, onOpen: function () { return setActive(false); }, onOrder: onOrder, themeCode: theme === null || theme === void 0 ? void 0 : theme.code })),
+                React.createElement(SearchBar, { className: 'mx-4 mt-4', currValue: searchKeyword, onChange: function (value) { return setSearchKeyWord(value); } }),
+                React.createElement("style", null, "/* custom scrollbar */\n              .custom-scrollbar::-webkit-scrollbar {\n                width: 6px;\n                height: 6px;\n              }\n              .custom-scrollbar::-webkit-scrollbar-thumb {\n                background: rgb(199 199 199); /* gray-400 */\n                border-radius: 16px; /* bo tr\u00F2n */\n              }\n            "),
+                React.createElement("div", { className: 'custom-scrollbar mr-[1px] mt-2 max-h-[calc(100vh-10.3rem)]  overflow-y-auto px-4 pb-4 pt-6' },
+                    React.createElement(PinList, { handleChangePined: handleChangePined, list: pined, searchKeyword: searchKeyword, title: "\u0110\u00E3 ghim (".concat(pinedLength, "/").concat(countMenu, ")") }),
+                    React.createElement(PinList, { className: "".concat(pinedLength > 1 ? 'mt-2' : ''), 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/quick-action.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function QuickAction({ perCodes }: {
+    perCodes: Array<string>;
+}): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/quick-action.js

@@ -0,0 +1,94 @@
+import { Transition } from '@headlessui/react';
+import { XMarkIcon } from '@heroicons/react/24/outline';
+import { Fragment, useState } from 'react';
+import { IconV3 } from '../assets/icon-v3';
+import { enablePer } from '../helper';
+import React from 'react';
+import { classNames } from '../../types';
+import { PHXSkeleton } from '../../Skeleton';
+import { eventBus } from '../utils/eventBus';
+import PHXFuncGetCookieSession from '../../Func/getCookieSession';
+export default function QuickAction(_a) {
+    var perCodes = _a.perCodes;
+    var session = PHXFuncGetCookieSession();
+    var actionPermisstions = session === null || session === void 0 ? void 0 : session.action_permission;
+    var _b = useState(false), show = _b[0], setShow = _b[1];
+    var _c = useState(), selectedQuickAction = _c[0], setSelectedQuickAction = _c[1];
+    var data = [
+        {
+            name: 'Thư viện tiểu học',
+            code: 'LIBRARY_TIEU_HOC',
+            moduleCode: 'LIBRARY',
+            quickActions: [
+                {
+                    name: 'Mượn sách',
+                    code: 'LIBRARY_TIEU_HOC_BORROW_TICKET_CREATE',
+                    icon: 'LIBRARY_BORROW_TICKET_CREATE',
+                },
+                {
+                    name: 'Trả sách',
+                    code: 'LIBRARY_TIEU_HOC_BORROW_TICKET_RETURN',
+                    icon: 'LIBRARY_BORROW_TICKET_RETURN',
+                },
+            ],
+        },
+        {
+            name: 'Thư viện trung học',
+            code: 'LIBRARY_TRUNG_HOC',
+            moduleCode: 'LIBRARY',
+            quickActions: [
+                {
+                    name: 'Mượn sách',
+                    code: 'LIBRARY_TRUNG_HOC_BORROW_TICKET_CREATE',
+                    icon: 'LIBRARY_BORROW_TICKET_CREATE',
+                },
+                {
+                    name: 'Trả sách',
+                    code: 'LIBRARY_TRUNG_HOC_BORROW_TICKET_RETURN',
+                    icon: 'LIBRARY_BORROW_TICKET_RETURN',
+                },
+            ],
+        },
+    ];
+    return perCodes.length > 0 && actionPermisstions ? (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: '-ml-3 hidden h-8 gap-1.5 lg:flex' }, data.map(function (item) {
+            // disabled khi ko có quyền module hoặc ko có quyền ở tất cả các action
+            var isDisabled = !enablePer(item.code, perCodes) || item.quickActions.every(function (action) { return !actionPermisstions[action.code]; });
+            // @ts-ignore
+            var Icon = IconV3[item.code];
+            return (React.createElement("button", { key: item.code, className: classNames('flex h-6 items-center gap-x-1 rounded-lg px-2 text-xxs font-[450]', isDisabled
+                    ? 'cursor-not-allowed bg-[#F1F1F1] text-gray-400'
+                    : 'cursor-pointer bg-[#F1F1F1] text-gray-600 hover:bg-white hover:text-gray-900'), onClick: function () {
+                    if (!isDisabled) {
+                        setSelectedQuickAction(item);
+                        setShow(true);
+                    }
+                }, type: 'button' },
+                React.createElement("span", { className: 'flex h-[0.875rem] w-[0.875rem] items-center justify-center' },
+                    React.createElement(Icon, null)),
+                React.createElement("span", null, item.name)));
+        })),
+        React.createElement("div", { "aria-live": 'assertive', className: 'pointer-events-none absolute inset-0 flex items-center sm:items-start sm:px-4 sm:py-6' },
+            React.createElement("div", { className: 'fixed bottom-10 left-0 z-[50] mr-8 hidden w-full flex-col items-center lg:flex' },
+                React.createElement(Transition, { as: Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-300 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: show },
+                    React.createElement("div", { className: 'pointer-events-auto flex items-center gap-x-10 rounded-xl bg-indigo-800 p-2.5 text-[12px] sm:min-w-[30rem] sm:justify-between sm:gap-x-20 sm:text-xs' },
+                        React.createElement("button", { className: 'flex items-center gap-x-2 rounded-lg border border-gray-600 p-1.5 text-gray-300 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return setShow(false); }, type: 'button' },
+                            React.createElement("p", { className: 'font-normal' }, selectedQuickAction === null || selectedQuickAction === void 0 ? void 0 : selectedQuickAction.name),
+                            React.createElement(XMarkIcon, { className: 'mt-0.5 h-4 w-4' })),
+                        React.createElement("div", { className: 'flex items-center gap-x-1' }, selectedQuickAction === null || selectedQuickAction === void 0 ? void 0 : selectedQuickAction.quickActions.map(function (action) {
+                            // @ts-ignore
+                            var IconAction = IconV3[action.icon];
+                            // chỉ hiển thị những action có quyền
+                            if (actionPermisstions[action.code]) {
+                                return (React.createElement("button", { key: action.code, className: 'flex items-center gap-x-1.5 rounded-lg px-2.5 py-1.5 text-xs text-gray-300 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () {
+                                        eventBus.emit(selectedQuickAction.moduleCode, action);
+                                        setShow(false);
+                                    }, type: 'button' },
+                                    React.createElement("span", { className: 'h-[1.125ren] w-[1.125rem]' },
+                                        React.createElement(IconAction, null)),
+                                    React.createElement("span", null, action.name)));
+                            }
+                            return null;
+                        })))))))) : (React.createElement("div", { className: '-ml-3 hidden h-8 items-center gap-1.5 lg:flex' }, data.map(function (_, index) { return (React.createElement(PHXSkeleton, { key: index, className: '!h-5 w-[150px]', type: 'only-header' })); })));
+}
+//# sourceMappingURL=quick-action.js.map

package/dist/esm/components/MainWrapV4/components/quick-action.js.map

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

package/dist/esm/components/MainWrapV4/components/search/SearchBarDesktop.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { INavItem, TSidebarType } from '../../types';
+export default function SearchBarHeaderDesktop({ menu, perCode, sideBarType, userId, }: {
+    menu: Array<INavItem>;
+    userId: number;
+    perCode: Array<string>;
+    sideBarType: TSidebarType;
+}): React.JSX.Element;