phx-react 1.3.1395 → 1.3.1397

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

@@ -0,0 +1,65 @@
+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 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 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 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';
+export declare const IconV3: {
+    DASHBOARD: typeof DASHBOARD;
+    NOITRU: typeof NOITRU;
+    USER: typeof USER;
+    GIAOVU: typeof GIAOVU;
+    STUDENT_AFFAIRS: typeof STUDENT_AFFAIRS;
+    CIVILIZED_POINT: typeof CIVILIZED_POINT;
+    CHAM_TIET: typeof CHAM_TIET;
+    TUITION: typeof TUITION;
+    BUS_MANAGE: typeof BUS_MANAGE;
+    BUS_OPERATE: typeof BUS_OPERATE;
+    STORE: typeof STORE;
+    FOOD: typeof FOOD;
+    ASSET: typeof ASSET;
+    LIBRARY_TIEU_HOC: typeof LIBRARY_TIEU_HOC;
+    LIBRARY_TRUNG_HOC: typeof LIBRARY_TRUNG_HOC;
+    MEDICAL: typeof MEDICAL;
+    EVENT: typeof EVENT;
+    SEGMENT_USER: typeof SEGMENT_USER;
+    CHAT_DASHBOARD: typeof CHAT_DASHBOARD;
+    FEEDBACK: typeof FEEDBACK;
+    HRM_SALARY: typeof HRM_SALARY;
+    DEPARTMENT: typeof DEPARTMENT;
+    HRM_CHECKIN: typeof HRM_CHECKIN;
+    EMAIL_DASHBOARD: typeof HRM_CHECKIN;
+    BROADCAST: typeof BROADCAST;
+    ROBOT_MOTION: typeof ROBOT_MOTION;
+    ENROLL: typeof ENROLL;
+    TEAM_BUILDING: typeof TEAM_BUILDING;
+    LMS: typeof LMS;
+    PBF_STONE: typeof PBF_STONE;
+    SETTING_SITE: typeof SETTING_SITE;
+    ACTIVITY_HISTORY: typeof ACTIVITY_HISTORY;
+};

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

@@ -0,0 +1,71 @@
+"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_cong_2 = 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 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 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 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"));
+exports.IconV3 = {
+    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: cham_cong_2.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,
+};
+//# 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,0EAAiD;AACjD,0EAA2C;AAC3C,gEAA2C;AAC3C,wEAAsC;AACtC,0EAAiD;AACjD,kFAAqD;AACrD,sEAAsC;AACtC,kEAAsC;AACtC,sEAAuC;AACvC,0EAA2C;AAC3C,8DAA+B;AAC/B,sEAA0C;AAC1C,gFAA2C;AAC3C,8DAAqC;AACrC,0EAA4C;AAC5C,gFAAiD;AACjD,sEAA4C;AAC5C,sEAAqC;AACrC,kFAAmD;AACnD,kFAAkD;AAClD,0EAA2C;AAC3C,0FAA0D;AAC1D,4FAA4D;AAC5D,gFAA0C;AAC1C,4EAAyC;AACzC,gEAAiC;AACjC,0FAAqD;AACrD,wEAA2C;AAC3C,gEAAoC;AAEvB,QAAA,MAAM,GAAG;IACpB,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,qBAAA;IACf,SAAS,qBAAA;IACT,YAAY,wBAAA;IACZ,MAAM,sBAAA;IACN,aAAa,yBAAA;IACb,GAAG,eAAA;IACH,SAAS,eAAA;IACT,YAAY,mBAAA;IACZ,gBAAgB,4BAAA;CACjB,CAAA"}

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

@@ -0,0 +1,67 @@
+import ACTIVITY_HISTORY from './icon-v3/activity-history'
+import FOOD from './icon-v3/bep-an'
+import HRM_CHECKIN from './icon-v3/cham-cong'
+import EMAIL_DASHBOARD 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 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 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 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'
+
+export const IconV3 = {
+  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,
+}

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

@@ -1,17 +1,17 @@
-import { INavItem, TSidebarType } from '../types';
 import React from 'react';
-export default function NavItem({ bgActiveColor, child, code, delayHover, href, icon, isActive, isShowOtherMenu, name, parentPath, perCodes, showSubMenu, sideBarType, }: {
+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;
-    icon: any;
     child?: Array<INavItem>;
     parentPath?: string;
     bgActiveColor: string;
     showSubMenu?: boolean;
-    code?: string;
+    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

@@ -2,32 +2,39 @@
 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 react_1 = tslib_1.__importDefault(require("react"));
-var types_1 = require("../../types");
-var solid_1 = require("@heroicons/react/24/solid");
 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, icon = _a.icon, 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;
+    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;
-    return (react_1.default.createElement("div", { className: (0, types_1.classNames)(!isActive && 'bg-opacity-25', 'group mb-4 flex w-[3.1rem] flex-col items-center  gap-y-2', isIconOnly ? 'my-[0.25rem]' : '', isIconWithLabelHorizontal ? 'my-[0.25rem] w-[8.5rem]' : '') },
-        react_1.default.createElement("a", { className: (0, types_1.classNames)('relative flex h-full w-full items-center  gap-y-2', isIconWithLabelHorizontal ? 'flex-row gap-x-2' : 'flex-col justify-center'), href: href },
+    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-[9.6rem] rounded-lg p-2 hover:bg-gray-50', isIconWithLabelHorizontal && isActive ? 'bg-gray-50' : '', 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' }),
-            react_1.default.createElement(image_1.default, { alt: 'icon', className: " z-10 h-5 w-5  ".concat(isActive ? '' : 'brightness-[0.65] group-hover:brightness-200'), height: 20, src: icon, width: 20 }),
-            isActive ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('absolute -top-1 h-8 w-8 rounded-full blur-[10px]', isIconWithLabelHorizontal ? '-left-[0.45rem]' : ''), style: {
+            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') })),
-            isShowSubMenuWhenHover && (react_1.default.createElement("div", { className: (0, types_1.classNames)('absolute -right-[0.5rem] top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block', isIconWithLabelHorizontal ? '-right-[1rem]' : '', isIconOnly ? '-right-[0.45rem]' : '') },
-                react_1.default.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-300 bg-white' }))),
-            react_1.default.createElement("p", { className: (0, types_1.classNames)('text-center text-[10px]', isActive ? 'text-white' : 'text-gray-400 group-hover:brightness-200', 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)('shadow-soft absolute top-[0.05rem] z-[50] hidden h-[calc(100vh-3.6rem)] w-[13rem]  rounded-xl bg-white px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[10.25rem]' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
+                } })) : (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-[1.2rem]', isIconOnly && '-right-[1.02rem] top-[0.5rem]', isIconWithLabelVertical && '-right-[0.64rem]') },
+                react_1.default.createElement("div", { className: (0, types_1.classNames)('h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px] border  border-gray-300 bg-[#F7F7F7] ') }))),
+            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)('shadow-soft absolute top-[0.05rem] z-[50] hidden h-[calc(100vh-3.6rem)] w-[13.5rem] rounded-xl  bg-[#F7F7F7] px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[10.6rem] ' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
             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) {
@@ -35,8 +42,8 @@ function NavItem(_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 hover:bg-gray-100' })),
-                    react_1.default.createElement("a", { className: (0, types_1.classNames)('peer mb-0.5 flex gap-x-2 rounded-md p-2 ', isHaveChild ? 'pr-4 hover:bg-gray-100' : ''), href: "/".concat(basePath).concat(c.path) },
+                    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-white', 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)] ||
@@ -44,10 +51,10 @@ function NavItem(_a) {
                                 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: 'shadow-soft absolute -right-[13.2rem] top-0 hidden w-[12.375rem] rounded-lg bg-white p-2 drop-shadow-xl group-hover/child:block' },
+                    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-[#F7F7F7] 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', href: "/".concat(basePath).concat(c2.path) }, c2.name)); })))));
+                        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-white 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

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

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