nexus-public 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexus-public",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Nexus public React components for Next.js",
   "type": "module",
   "sideEffects": false,
@@ -20,7 +20,7 @@
     "next": "16.2.6"
   },
   "dependencies": {
-    "nexus-shared": "^1.1.20"
+    "nexus-shared": "^1.1.21"
   },
   "devDependencies": {
     "@types/react": "^19.2.15",

package/src/api-services/system-service.tsx

@@ -0,0 +1,13 @@
+"use server";
+
+import { APIS, EMenuTargets, HttpGet, IClientMenu, NEXUS_CONFIG, NEXUS_INFO } from "nexus-shared";
+
+// @ts-ignore
+const processEnv = process.env;
+const TOKEN_GLOBAL_CLIENT_MENU = processEnv.TOKEN_GLOBAL_CLIENT_MENU as string;
+
+export const GetClientMenusAsync = async (): Promise<IClientMenu[]> => {
+  const response = await HttpGet(`${APIS.CONFIGURATION}/Resources/GlobalMenus/${NEXUS_INFO.CURRENT_MODULE}/${NEXUS_INFO.IS_ADMIN_MODULE ? EMenuTargets.AdminModule : EMenuTargets.ClientModule}/${TOKEN_GLOBAL_CLIENT_MENU}`, null, NEXUS_CONFIG.DEFAULT_REVALIDATE_TIME_ONE_DAY);
+  if (!response.isSuccess) return [];
+  return response.result as IClientMenu[];
+};

package/src/components/layouts/client-layout.tsx

@@ -1,8 +1,9 @@
 "use server";
 
-import { EBackgrounds, GetClientMenusAsync, GetUserPanelsAsync, GetUtilityMenusAsync, GlobalLayout, HasAccessToken, IGlobalLayout, NEXUS_CONFIG } from "nexus-shared";
+import { EBackgrounds, GetUserPanelsAsync, GetUtilityMenusAsync, GlobalLayout, HasAccessToken, IGlobalLayout, NEXUS_CONFIG } from "nexus-shared";
 import { UtilityMenu } from "nexus-shared/client";
 import React from "react";
+import { GetClientMenusAsync } from "../../api-services/system-service";
 import { ClientMenu } from "./client-menu";
 
 import "./../../styles/nexus.layout.css";

package/src/components/layouts/client-menu.tsx

@@ -1,8 +1,8 @@
 "use client";
 import Image from "next/image";
 import Link from "next/link";
-import { DEFAULT_ANIMATION_DURATION, DEFAULT_BUTTON_CLASS, DEFAULT_ICON_ELEMENT_NAME, DEFAULT_MOBILE_VIEW_WIDTH, EBackgroundColors, EBackgrounds, EColorTypes, EIcons, EIconTypes, EOpacity, EPositions, ESizes, FILES, GetButton, GetVisibleAndHiddenItems, IClientMenu, IDialogboxResults, RenderChildren, UN } from "nexus-shared";
-import { CreateButtons, CreateToggleButton, FindParentElement, GetCurrentBaseURL, GetCurrentFullURL, GetDynamicColor, HideLoader, Icon, ICON_BOX_SCALES, Iconbox, InitializeDialogbox, SET_BUTTON_ACTIVE_CLASS, SetDocumentTitleDebounce, ShowLoader } from "nexus-shared/client";
+import { DEFAULT_ANIMATION_DURATION, DEFAULT_BUTTON_CLASS, DEFAULT_ICON_ELEMENT_NAME, DEFAULT_MOBILE_VIEW_WIDTH, EBackgroundColors, EBackgrounds, EColorTypes, EIcons, EIconTypes, EOpacity, EPositions, ESizes, FILES, FindActiveMenu, GetButton, GetVisibleAndHiddenItems, IClientMenu, IDialogboxResults, RenderChildren, SetSiblingMenuLinkActive, UN } from "nexus-shared";
+import { CreateButtons, CreateToggleButton, FindParentElement, GetDynamicColor, HideLoader, Icon, Iconbox, InitializeDialogbox, SET_BUTTON_ACTIVE_CLASS, SetDocumentTitleDebounce, ShowLoader } from "nexus-shared/client";
 import React, { useEffect, useRef } from "react";
 
 const TOGGLE_BUTTON_ID = "client-menu-toggle-button";
@@ -77,19 +77,6 @@ export const ClientMenu = ({ clientMenus, column, boxBackground }: Readonly<{ cl
     </div>
   );
 };
-const FindActiveMenu = (clientMenus: IClientMenu[]) => {
-  let fullUrl = GetCurrentFullURL().split("?")[0];
-  const baseURL = GetCurrentBaseURL();
-  const url = fullUrl.replace(baseURL, "");
-  if (url === "/" || url === "" || url === "/home" || url === "home" || url === "/index" || url === "index") {
-    const activeMenu = clientMenus.find((x) => x.menuUrl === "/home");
-    SetDocumentTitleDebounce(activeMenu?.documentTitle ?? activeMenu?.menuName);
-    return activeMenu;
-  }
-  const activeMenu = clientMenus.find((x) => url.includes(x.menuUrl ?? ""));
-  SetDocumentTitleDebounce(activeMenu?.documentTitle ?? activeMenu?.menuName);
-  return activeMenu;
-};
 const onMainLinkClicked = (e: React.MouseEvent | HTMLElement, menu: IClientMenu | null, toggleClientMenu: (isShow: boolean) => void, boxBackground: EBackgrounds, showLoader: boolean = true) => {
   if (showLoader) {
     ShowLoader();
@@ -97,11 +84,7 @@ const onMainLinkClicked = (e: React.MouseEvent | HTMLElement, menu: IClientMenu
   }
   toggleClientMenu(false);
   const link = e instanceof HTMLElement ? e : (e.currentTarget as HTMLElement);
-  SET_BUTTON_ACTIVE_CLASS(true, link, GetDynamicColor(boxBackground, EColorTypes.Hover) as EBackgroundColors, null, GetDynamicColor(boxBackground, EColorTypes.Text) as EBackgroundColors, "left-active");
-  const allMenuLinks = link.parentElement?.parentElement?.querySelectorAll("a.client-menu-link") ?? [];
-  for (const menuLink of allMenuLinks) {
-    if (menuLink !== link) SET_BUTTON_ACTIVE_CLASS(false, menuLink as HTMLElement, null, null, null, "left-active");
-  }
+  SetSiblingMenuLinkActive(link, link.closest("ul"), "a.client-menu-link", boxBackground);
   document.body.click();
 };
 
@@ -153,7 +136,7 @@ const renderClientMenu = (closeMenuHandler: (isShow: boolean) => void, clientMen
     link.innerHTML = `</${DEFAULT_ICON_ELEMENT_NAME}><span class="fw400 en nw">${menu.menuName ?? "Unknown"}</span>`;
     link.onclick = (event: Event) => onMenuLinkClick(event, menu);
     link.className = _getLinkClass(isActive, boxBackground);
-    link.style.minHeight = `calc(var(--IH) * ${ICON_BOX_SCALES.sm})`;
+    link.style.minHeight = `var(--TOP_HEIGHT)`;
     SET_BUTTON_ACTIVE_CLASS(isActive, link, GetDynamicColor(boxBackground, EColorTypes.Hover) as EBackgroundColors, null, GetDynamicColor(boxBackground, EColorTypes.Text) as EBackgroundColors, "active");
     menuItem.appendChild(link);
     return menuItem;