phx-uikit 1.0.256 → 1.0.258

package/dist/cjs/components/MainWrapV4/assets/icon-v3.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconV3 = void 0;
+var tslib_1 = require("tslib");
+var activity_history_1 = tslib_1.__importDefault(require("./icon-v3/activity-history"));
+var bep_an_1 = tslib_1.__importDefault(require("./icon-v3/bep-an"));
+var cham_cong_1 = tslib_1.__importDefault(require("./icon-v3/cham-cong"));
+var cham_tiet_1 = tslib_1.__importDefault(require("./icon-v3/cham-tiet"));
+var chat_1 = tslib_1.__importDefault(require("./icon-v3/chat"));
+var cua_hang_1 = tslib_1.__importDefault(require("./icon-v3/cua-hang"));
+var diem_danh_1 = tslib_1.__importDefault(require("./icon-v3/diem-danh"));
+var diem_van_minh_1 = tslib_1.__importDefault(require("./icon-v3/diem-van-minh"));
+var email_dashboard_1 = tslib_1.__importDefault(require("./icon-v3/email-dashboard"));
+var giao_vu_1 = tslib_1.__importDefault(require("./icon-v3/giao-vu"));
+var gop_y_1 = tslib_1.__importDefault(require("./icon-v3/gop-y"));
+var hoc_phi_1 = tslib_1.__importDefault(require("./icon-v3/hoc-phi"));
+var home_icon_1 = tslib_1.__importDefault(require("./icon-v3/home-icon"));
+var lms_1 = tslib_1.__importDefault(require("./icon-v3/lms"));
+var nhan_su_1 = tslib_1.__importDefault(require("./icon-v3/nhan-su"));
+var noi_tru_icon_1 = tslib_1.__importDefault(require("./icon-v3/noi-tru-icon"));
+var pbf_1 = tslib_1.__importDefault(require("./icon-v3/pbf"));
+var phong_ban_1 = tslib_1.__importDefault(require("./icon-v3/phong-ban"));
+var pin_1 = tslib_1.__importDefault(require("./icon-v3/pin"));
+var robot_motion_1 = tslib_1.__importDefault(require("./icon-v3/robot-motion"));
+var setting_1 = tslib_1.__importDefault(require("./icon-v3/setting"));
+var tai_san_1 = tslib_1.__importDefault(require("./icon-v3/tai-san"));
+var team_building_1 = tslib_1.__importDefault(require("./icon-v3/team-building"));
+var tep_doi_tuong_1 = tslib_1.__importDefault(require("./icon-v3/tep-doi-tuong"));
+var thong_bao_1 = tslib_1.__importDefault(require("./icon-v3/thong-bao"));
+var thu_vien_tieu_hoc_1 = tslib_1.__importDefault(require("./icon-v3/thu-vien-tieu-hoc"));
+var thu_vien_trung_hoc_1 = tslib_1.__importDefault(require("./icon-v3/thu-vien-trung-hoc"));
+var truyen_thong_1 = tslib_1.__importDefault(require("./icon-v3/truyen-thong"));
+var tuyen_sinh_1 = tslib_1.__importDefault(require("./icon-v3/tuyen-sinh"));
+var un_pin_1 = tslib_1.__importDefault(require("./icon-v3/un-pin"));
+var user_1 = tslib_1.__importDefault(require("./icon-v3/user"));
+var van_hanh_xe_tuyen_1 = tslib_1.__importDefault(require("./icon-v3/van-hanh-xe-tuyen"));
+var xe_tuyen_1 = tslib_1.__importDefault(require("./icon-v3/xe-tuyen"));
+var y_te_1 = tslib_1.__importDefault(require("./icon-v3/y-te"));
+var quick_action_library_create_ticket_1 = tslib_1.__importDefault(require("./icon-v3/quick-action-library-create-ticket"));
+var quick_action_library_return_ticket_1 = tslib_1.__importDefault(require("./icon-v3/quick-action-library-return-ticket"));
+exports.IconV3 = {
+    LIBRARY_BORROW_TICKET_CREATE: quick_action_library_create_ticket_1.default,
+    LIBRARY_BORROW_TICKET_RETURN: quick_action_library_return_ticket_1.default,
+    DASHBOARD: home_icon_1.default,
+    NOITRU: noi_tru_icon_1.default,
+    USER: user_1.default,
+    GIAOVU: giao_vu_1.default,
+    STUDENT_AFFAIRS: diem_danh_1.default,
+    CIVILIZED_POINT: diem_van_minh_1.default,
+    CHAM_TIET: cham_tiet_1.default,
+    TUITION: hoc_phi_1.default,
+    BUS_MANAGE: xe_tuyen_1.default,
+    BUS_OPERATE: van_hanh_xe_tuyen_1.default,
+    STORE: cua_hang_1.default,
+    FOOD: bep_an_1.default,
+    ASSET: tai_san_1.default,
+    LIBRARY_TIEU_HOC: thu_vien_tieu_hoc_1.default,
+    LIBRARY_TRUNG_HOC: thu_vien_trung_hoc_1.default,
+    MEDICAL: y_te_1.default,
+    EVENT: truyen_thong_1.default,
+    SEGMENT_USER: tep_doi_tuong_1.default,
+    CHAT_DASHBOARD: chat_1.default,
+    FEEDBACK: gop_y_1.default,
+    HRM_SALARY: nhan_su_1.default,
+    DEPARTMENT: phong_ban_1.default,
+    HRM_CHECKIN: cham_cong_1.default,
+    EMAIL_DASHBOARD: email_dashboard_1.default,
+    BROADCAST: thong_bao_1.default,
+    ROBOT_MOTION: robot_motion_1.default,
+    ENROLL: tuyen_sinh_1.default,
+    TEAM_BUILDING: team_building_1.default,
+    LMS: lms_1.default,
+    PBF_STONE: pbf_1.default,
+    SETTING_SITE: setting_1.default,
+    ACTIVITY_HISTORY: activity_history_1.default,
+    UN_PIN: un_pin_1.default,
+    PIN: pin_1.default,
+};
+//# sourceMappingURL=icon-v3.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-v3.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/assets/icon-v3.ts"],"names":[],"mappings":";;;;AAAA,wFAAyD;AACzD,oEAAmC;AACnC,0EAA6C;AAC7C,0EAA2C;AAC3C,gEAA2C;AAC3C,wEAAsC;AACtC,0EAAiD;AACjD,kFAAqD;AACrD,sFAAuD;AACvD,sEAAsC;AACtC,kEAAsC;AACtC,sEAAuC;AACvC,0EAA2C;AAC3C,8DAA+B;AAC/B,sEAA0C;AAC1C,gFAA2C;AAC3C,8DAAqC;AACrC,0EAA4C;AAC5C,8DAA+B;AAC/B,gFAAiD;AACjD,sEAA4C;AAC5C,sEAAqC;AACrC,kFAAmD;AACnD,kFAAkD;AAClD,0EAA2C;AAC3C,0FAA0D;AAC1D,4FAA4D;AAC5D,gFAA0C;AAC1C,4EAAyC;AACzC,oEAAqC;AACrC,gEAAiC;AACjC,0FAAqD;AACrD,wEAA2C;AAC3C,gEAAoC;AACpC,4HAAuF;AACvF,4HAAuF;AAE1E,QAAA,MAAM,GAAG;IACpB,4BAA4B,8CAAA;IAC5B,4BAA4B,8CAAA;IAC5B,SAAS,qBAAA;IACT,MAAM,wBAAA;IACN,IAAI,gBAAA;IACJ,MAAM,mBAAA;IACN,eAAe,qBAAA;IACf,eAAe,yBAAA;IACf,SAAS,qBAAA;IACT,OAAO,mBAAA;IACP,UAAU,oBAAA;IACV,WAAW,6BAAA;IACX,KAAK,oBAAA;IACL,IAAI,kBAAA;IACJ,KAAK,mBAAA;IACL,gBAAgB,6BAAA;IAChB,iBAAiB,8BAAA;IACjB,OAAO,gBAAA;IACP,KAAK,wBAAA;IACL,YAAY,yBAAA;IACZ,cAAc,gBAAA;IACd,QAAQ,iBAAA;IACR,UAAU,mBAAA;IACV,UAAU,qBAAA;IACV,WAAW,qBAAA;IACX,eAAe,2BAAA;IACf,SAAS,qBAAA;IACT,YAAY,wBAAA;IACZ,MAAM,sBAAA;IACN,aAAa,yBAAA;IACb,GAAG,eAAA;IACH,SAAS,eAAA;IACT,YAAY,mBAAA;IACZ,gBAAgB,4BAAA;IAChB,MAAM,kBAAA;IACN,GAAG,eAAA;CACJ,CAAA"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3.ts

@@ -0,0 +1,75 @@
+import ACTIVITY_HISTORY from './icon-v3/activity-history'
+import FOOD from './icon-v3/bep-an'
+import HRM_CHECKIN from './icon-v3/cham-cong'
+import CHAM_TIET from './icon-v3/cham-tiet'
+import CHAT_DASHBOARD from './icon-v3/chat'
+import STORE from './icon-v3/cua-hang'
+import STUDENT_AFFAIRS from './icon-v3/diem-danh'
+import CIVILIZED_POINT from './icon-v3/diem-van-minh'
+import EMAIL_DASHBOARD from './icon-v3/email-dashboard'
+import GIAOVU from './icon-v3/giao-vu'
+import FEEDBACK from './icon-v3/gop-y'
+import TUITION from './icon-v3/hoc-phi'
+import DASHBOARD from './icon-v3/home-icon'
+import LMS from './icon-v3/lms'
+import HRM_SALARY from './icon-v3/nhan-su'
+import NOITRU from './icon-v3/noi-tru-icon'
+import PBF_STONE from './icon-v3/pbf'
+import DEPARTMENT from './icon-v3/phong-ban'
+import PIN from './icon-v3/pin'
+import ROBOT_MOTION from './icon-v3/robot-motion'
+import SETTING_SITE from './icon-v3/setting'
+import ASSET from './icon-v3/tai-san'
+import TEAM_BUILDING from './icon-v3/team-building'
+import SEGMENT_USER from './icon-v3/tep-doi-tuong'
+import BROADCAST from './icon-v3/thong-bao'
+import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc'
+import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc'
+import EVENT from './icon-v3/truyen-thong'
+import ENROLL from './icon-v3/tuyen-sinh'
+import UN_PIN from './icon-v3/un-pin'
+import USER from './icon-v3/user'
+import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen'
+import BUS_MANAGE from './icon-v3/xe-tuyen'
+import MEDICAL from './icon-v3/y-te'
+import LIBRARY_BORROW_TICKET_CREATE from './icon-v3/quick-action-library-create-ticket'
+import LIBRARY_BORROW_TICKET_RETURN from './icon-v3/quick-action-library-return-ticket'
+
+export const IconV3 = {
+  LIBRARY_BORROW_TICKET_CREATE,
+  LIBRARY_BORROW_TICKET_RETURN,
+  DASHBOARD,
+  NOITRU,
+  USER,
+  GIAOVU,
+  STUDENT_AFFAIRS,
+  CIVILIZED_POINT,
+  CHAM_TIET,
+  TUITION,
+  BUS_MANAGE,
+  BUS_OPERATE,
+  STORE,
+  FOOD,
+  ASSET,
+  LIBRARY_TIEU_HOC,
+  LIBRARY_TRUNG_HOC,
+  MEDICAL,
+  EVENT,
+  SEGMENT_USER,
+  CHAT_DASHBOARD,
+  FEEDBACK,
+  HRM_SALARY,
+  DEPARTMENT,
+  HRM_CHECKIN,
+  EMAIL_DASHBOARD,
+  BROADCAST,
+  ROBOT_MOTION,
+  ENROLL,
+  TEAM_BUILDING,
+  LMS,
+  PBF_STONE,
+  SETTING_SITE,
+  ACTIVITY_HISTORY,
+  UN_PIN,
+  PIN,
+}

package/dist/cjs/components/MainWrapV4/components/main-content.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TSidebarType } from '../types';
+export default function MainContent({ children, currentCode, isLoadingPermission, perCode, showSubMenu, sideBarType, }: {
+    showSubMenu: boolean;
+    sideBarType: TSidebarType;
+    children: React.ReactNode;
+    isLoadingPermission: boolean;
+    perCode: Array<string>;
+    currentCode: string;
+}): React.JSX.Element;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MainContent;
+var tslib_1 = require("tslib");
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = tslib_1.__importDefault(require("react"));
+var constant_1 = require("../constant");
+var helper_1 = require("../helper");
+var types_1 = require("../../types");
+var Card_1 = require("../../Card");
+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[constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL] = {
+            open: 'lg:left-[19.25rem]',
+            close: 'lg:left-[4.5rem]',
+        },
+        _b[constant_1.SIDEBAR_TYPE.ONLY_ICON] = {
+            open: 'lg:left-[19rem]',
+            close: 'lg:left-[4.25rem]',
+        },
+        _b[constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL] = {
+            open: 'lg:left-[28.2rem]',
+            close: 'lg:left-[13.5rem]',
+        },
+        _b);
+    var contentClassname = (0, types_1.classNames)('scrollbar-thin overscroll-contain bg-[#dedede] p-4 lg:h-[calc(100vh-5.56rem)] lg:overflow-y-auto lg:rounded-xl', sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? 'lg:bg-[#F3F3F3]' : 'lg:bg-[#F1F1F1]');
+    return (react_1.default.createElement("main", { className: (0, types_1.classNames)('transition-all lg:absolute lg:inset-0 lg:right-2 lg:top-[5.06rem]', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close) }, isLoadingPermission ? (react_1.default.createElement("div", { className: contentClassname })) : (0, helper_1.enablePer)(currentCode, perCode) ? (react_1.default.createElement("div", { className: contentClassname }, children)) : (react_1.default.createElement("div", { className: contentClassname },
+        react_1.default.createElement(Card_1.PHXCard, null,
+            react_1.default.createElement("div", { className: 'my-10 flex flex-col  items-center justify-center' },
+                react_1.default.createElement(outline_1.LockClosedIcon, { className: 'text-gray-400', height: 70, width: 70 }),
+                react_1.default.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/cjs/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":";;AAQA,8BA4DC;;AApED,uDAA4D;AAC5D,wDAAyB;AACzB,wCAA0C;AAC1C,oCAAqC;AAErC,qCAAwC;AACxC,mCAAoC;AAEpC,SAAwB,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,uBAAY,CAAC,uBAAuB,IAAG;YACtC,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,kBAAkB;SAC1B;QACD,GAAC,uBAAY,CAAC,SAAS,IAAG;YACxB,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,mBAAmB;SAC3B;QACD,GAAC,uBAAY,CAAC,yBAAyB,IAAG;YACxC,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,mBAAmB;SAC3B;WACF,CAAA;IACD,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,gHAAgH,EAChH,WAAW,KAAK,uBAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC/F,CAAA;IAED,OAAO,CACL,wCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,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,uCAAK,SAAS,EAAE,gBAAgB,GAAI,CACrC,CAAC,CAAC,CAAC,IAAA,kBAAS,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CACpC,uCAAK,SAAS,EAAE,gBAAgB,IAAG,QAAQ,CAAO,CACnD,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,gBAAgB;QAC9B,8BAAC,cAAO;YACN,uCAAK,SAAS,EAAC,kDAAkD;gBAC/D,8BAAC,wBAAc,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;gBAEnE,uCAAK,SAAS,EAAC,qFAAqF,2DAE9F,CACF,CACE,CACN,CACP,CACI,CACR,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NavItem;
+var tslib_1 = require("tslib");
+var solid_1 = require("@heroicons/react/24/solid");
+var image_1 = tslib_1.__importDefault(require("next/image"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var Icon_1 = require("../assets/Icon");
+var icon_v3_1 = require("../assets/icon-v3");
+var constant_1 = require("../constant");
+var helper_1 = require("../helper");
+var types_1 = require("../../types");
+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 === constant_1.SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    var isDefaultTheme = (theme === null || theme === void 0 ? void 0 : theme.code) === constant_1.THEME_CODE.BLACK;
+    // @ts-ignore
+    var Icon = icon_v3_1.IconV3[code] || icon_v3_1.IconV3.DASHBOARD;
+    return (react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement("a", { className: (0, types_1.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_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement(Icon, { activeColor: isIconWithLabelHorizontal ? '#111827' : theme === null || theme === void 0 ? void 0 : theme.activeIconColor, isActive: isActive })),
+            react_1.default.createElement("div", { className: 'absolute -top-5 left-0 right-0 h-5' }),
+            isDefaultTheme && !isIconWithLabelHorizontal ? (react_1.default.createElement(react_1.default.Fragment, null, isActive ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('absolute -top-1 h-8 w-8 rounded-full blur-[10px]', isIconOnly && '-left-[0.1rem] -top-[0.3rem]'), style: {
+                    backgroundColor: bgActiveColor,
+                } })) : (react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement(react_1.default.Fragment, null)),
+            isShowSubMenuWhenHover && (react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement("svg", { height: '18', viewBox: '0 0 12 18', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.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_1.default.createElement("p", { className: (0, types_1.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 !== constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? "".concat(name.slice(0, 7), "..") : name)),
+        isShowSubMenuWhenHover && (react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5' }),
+            react_1.default.createElement("h2", { className: 'mt-4 text-sm font-[650] text-gray-900' }, name),
+            react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement("div", { key: c.code, className: 'group/child relative' },
+                    disabled && react_1.default.createElement("div", { className: 'absolute inset-0 cursor-not-allowed rounded-md bg-white opacity-60' }),
+                    react_1.default.createElement("a", { className: (0, types_1.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_1.default.createElement(image_1.default, { alt: 'icon', className: (0, types_1.classNames)(disabled ? '' : 'group-hover/child:brightness-50'), height: 18, quality: 100, src: 
+                            // @ts-ignore
+                            Icon_1.IconV2[(0, helper_1.normalizeCode)(c.code)] ||
+                                // @ts-ignore
+                                Icon_1.IconV2["".concat(code, "_OUTLINE")], width: 18 }),
+                        react_1.default.createElement("span", { className: (0, types_1.classNames)('text-xs text-gray-500', disabled ? '' : 'group-hover/child:text-gray-900') }, c.name),
+                        isHaveChild && (react_1.default.createElement(solid_1.ChevronRightIcon, { className: 'absolute right-2 top-1/2 -translate-y-1/2 text-gray-400', height: 14, width: 14 }))),
+                    isHaveChild && (react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement("div", { className: 'absolute -left-40 bottom-0 top-9 w-40' }),
+                        react_1.default.createElement("div", { className: 'absolute -left-6 top-0 h-10 w-6' }),
+                        c.child.map(function (c2) { return (react_1.default.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/cjs/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/cjs/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/cjs/components/MainWrapV4/components/other-menu.js

@@ -0,0 +1,231 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OtherMenu;
+var tslib_1 = require("tslib");
+var image_1 = tslib_1.__importDefault(require("next/image"));
+var react_1 = tslib_1.__importStar(require("react"));
+var Icon_1 = require("../assets/Icon");
+var icon_v3_1 = require("../assets/icon-v3");
+var other_menu_icon_1 = tslib_1.__importDefault(require("../assets/icon-v3/other-menu-icon"));
+var constant_1 = require("../constant");
+var helper_1 = require("../helper");
+var types_1 = require("../../types");
+var Modal_1 = require("../../Modal");
+var __1 = require("../../..");
+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 (0, helper_1.normalizeString)(navItem.name).includes((0, helper_1.normalizeString)(searchKeyword.toLowerCase())) &&
+            navItem.code !== constant_1.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_1.default.createElement("div", { className: className },
+        react_1.default.createElement("p", { className: 'text-xxs text-gray-500' }, title),
+        react_1.default.createElement("div", { className: 'mt-3 grid grid-cols-4 gap-y-1 ' }, filteredList.map(function (navItem, index) { return (react_1.default.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_1.default.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+            react_1.default.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_1.default.createElement(icon_v3_1.IconV3.UN_PIN, null) : react_1.default.createElement(icon_v3_1.IconV3.PIN, null)),
+            react_1.default.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_1.default.createElement("p", { className: 'text-xs' }, !navItem.isPined ? 'Ghim' : 'Bỏ ghim'),
+                react_1.default.createElement("div", { className: ' absolute bottom-0 right-0.5 z-10 h-2 w-6 rounded-lg bg-white' }),
+                react_1.default.createElement("div", { className: (0, types_1.classNames)('absolute  right-1  h-5 w-3 -rotate-90 overflow-hidden pl-1') },
+                    react_1.default.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-200 bg-white' }))),
+            react_1.default.createElement("a", { className: 'flex flex-col items-center', href: navItem.path },
+                react_1.default.createElement(image_1.default, { alt: 'icon', height: 36, quality: 100, 
+                    // @ts-ignore
+                    src: Icon_1.IconV2["".concat(navItem.code, "_OTHER_MENU")], width: 36 }),
+                react_1.default.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_1.default.createElement("div", { className: "flex items-center overflow-hidden rounded-xl border border-gray-300 px-3 ".concat(className) },
+        react_1.default.createElement(image_1.default, { alt: 'icon', height: 20, quality: 100, src: Icon_1.IconV2.SEARCH, width: 20 }),
+        react_1.default.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 = (0, react_1.useState)(false), show = _b[0], setShow = _b[1];
+    var searchValue = (0, react_1.useState)('')[0];
+    var _c = (0, react_1.useState)(data), orderData = _c[0], setOrderData = _c[1];
+    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
+    var _e = (0, react_1.useState)(constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL), sideBarType = _e[0], setSideBarType = _e[1];
+    var _f = (0, react_1.useState)(themeCode || constant_1.THEME_CODE.BLACK), selectedThemeCode = _f[0], setSelectedThemeCode = _f[1];
+    var arrSideBarType = [
+        {
+            name: 'Biểu tượng và Nhãn ngang',
+            image: Icon_1.IconV2.NAV2,
+            code: constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL,
+        },
+        {
+            name: 'Chỉ biểu tượng',
+            image: Icon_1.IconV2.NAV1,
+            code: constant_1.SIDEBAR_TYPE.ONLY_ICON,
+        },
+        {
+            name: 'Biểu tượng và Nhãn dọc',
+            image: Icon_1.IconV2.NAV3,
+            code: constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL,
+        },
+    ];
+    var onSubmit = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var e_1;
+        return tslib_1.__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(constant_1.themes.find(function (item) { return item.code === selectedThemeCode; }) || constant_1.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);
+    }
+    (0, react_1.useEffect)(function () {
+        setOrderData(data);
+    }, [data.length]);
+    (0, react_1.useEffect)(function () {
+        if (show) {
+            var savedSideBarType = localStorage.getItem(constant_1.LOCALSTORAGE_SHOW_SIDEBAR_TYPE);
+            if (savedSideBarType) {
+                setSideBarType(savedSideBarType);
+            }
+        }
+    }, [show]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(__1.PHXButton, { onClick: function () {
+                setShow(true);
+                onOpen();
+            }, secondary: true, size: 'micro' },
+            react_1.default.createElement(image_1.default, { alt: 'icon', height: 18, quality: 100, src: Icon_1.IconV2.SETTING_OTHER_MENU, width: 18 })),
+        react_1.default.createElement(Modal_1.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_1.default.createElement("h2", { className: 'mb-2 text-xs font-[650] text-gray-900' }, "B\u1ED1 c\u1EE5c"),
+            react_1.default.createElement("div", { className: 'mb-4 flex items-center gap-x-5' }, arrSideBarType.map(function (type) { return (react_1.default.createElement("button", { key: type.code, onClick: function () {
+                    setSideBarType(type.code);
+                }, type: 'button' },
+                react_1.default.createElement(image_1.default, { 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_1.default.createElement("p", { className: "mt-2 ".concat(sideBarType === type.code ? 'text-gray-900' : '') }, type.name))); })),
+            sideBarType !== constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("h2", { className: 'mb-2 text-xs font-[650] text-gray-900' }, "M\u00E0u ch\u1EE7 \u0111\u1EC1"),
+                react_1.default.createElement("div", { className: 'mb-4 flex flex-wrap gap-3' }, constant_1.themes.map(function (theme) {
+                    var isActive = theme.code === selectedThemeCode;
+                    return (react_1.default.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_1.default.createElement("span", { className: 'flex h-6 w-6 items-center justify-center rounded-md', style: {
+                                backgroundColor: theme.checkBoxColor,
+                            } }, isActive && (react_1.default.createElement("svg", { fill: 'none', height: '8', viewBox: '0 0 11 8', width: '11', xmlns: 'http://www.w3.org/2000/svg' },
+                            react_1.default.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_1.default.createElement("span", null, theme.name)));
+                })))),
+            react_1.default.createElement("div", { className: 'space-y-2' },
+                react_1.default.createElement("h2", { className: 'text-xs font-[650] text-gray-900' }, "Ph\u00E2n h\u1EC7 \u0111\u00E3 ghim"),
+                react_1.default.createElement(__1.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_1.default.createElement("div", { key: index }, isDisabled ? (react_1.default.createElement("div", { className: 'relative flex cursor-not-allowed items-center gap-x-1.5 py-4 pl-4' },
+                            react_1.default.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                            react_1.default.createElement(image_1.default, { alt: 'icon', height: 18, quality: 100, 
+                                // @ts-ignore
+                                src: Icon_1.IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                            react_1.default.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name))) : (react_1.default.createElement(__1.PHXSortItem, { className: 'group rounded-lg !px-3 !py-2 hover:bg-gray-100', dragIconPosition: 'left', title: react_1.default.createElement("div", { className: 'relative ml-2 flex items-center gap-x-1.5' },
+                                isDisabled && react_1.default.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                                react_1.default.createElement(image_1.default, { alt: 'icon', className: 'brightness-0 invert-[40%] group-hover:brightness-100 group-hover:invert-0', height: 18, quality: 100, 
+                                    // @ts-ignore
+                                    src: Icon_1.IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                                react_1.default.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); } })))));
+}
+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 = (0, react_1.useRef)(null);
+    var containerRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(''), searchKeyword = _b[0], setSearchKeyWord = _b[1];
+    var isIconOnly = sideBarType === constant_1.SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    var isDefaultTheme = (theme === null || theme === void 0 ? void 0 : theme.code) === constant_1.THEME_CODE.BLACK;
+    (0, react_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); };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (!active) {
+            setSearchKeyWord('');
+        }
+    }, [active]);
+    return (react_1.default.createElement("div", { ref: containerRef },
+        react_1.default.createElement("button", { className: (0, types_1.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_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement("svg", { height: '18', viewBox: '0 0 12 18', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.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_1.default.createElement("div", { className: (0, types_1.classNames)('absolute h-7 w-7 rounded-full ', isIconWithLabelHorizontal ? '-left-2' : '', isDefaultTheme ? 'bg-white blur-[18px]' : '') })) : (react_1.default.createElement("div", { className: (0, types_1.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_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: (0, types_1.classNames)('relative h-[1.5rem] w-[1.5rem]', isIconOnly ? 'mt-1 pl-[0.08rem]' : '', isIconWithLabelVertical && 'pl-[0.08rem]') },
+                    (!active || isIconWithLabelHorizontal) && (react_1.default.createElement("div", { className: (0, types_1.classNames)(" absolute  top-0 z-10", isIconWithLabelHorizontal ? 'text-gray-600' : "".concat(theme === null || theme === void 0 ? void 0 : theme.sideBarColorDefault, " group-hover:hidden")) },
+                        react_1.default.createElement(other_menu_icon_1.default, null))),
+                    !isIconWithLabelHorizontal && (react_1.default.createElement(image_1.default, { alt: 'icon', className: (0, types_1.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: Icon_1.IconV2.OHTER_MENU_HOVER, width: 20 }))),
+                !isIconOnly && (react_1.default.createElement("p", { className: (0, types_1.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_1.default.createElement("div", { className: " absolute top-0 w-[25rem]  ".concat(active ? '-right-[25.3rem]' : '-left-[1000px] opacity-0') },
+            react_1.default.createElement("div", { ref: otherMenuRef, className: 'shadow-soft rounded-xl bg-white' },
+                react_1.default.createElement("div", { className: 'flex items-center justify-between px-4 pt-4' },
+                    react_1.default.createElement("h2", { className: 'text-base font-[650] text-gray-900' }, "M\u1EE5c kh\u00E1c"),
+                    react_1.default.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_1.default.createElement(SearchBar, { className: 'mx-4 mt-4', currValue: searchKeyword, onChange: function (value) { return setSearchKeyWord(value); } }),
+                react_1.default.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_1.default.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_1.default.createElement(PinList, { handleChangePined: handleChangePined, list: pined, searchKeyword: searchKeyword, title: "\u0110\u00E3 ghim (".concat(pinedLength, "/").concat(countMenu, ")") }),
+                    react_1.default.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/cjs/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/cjs/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;