@admin-layout/tailwind-design-pro 12.0.16-alpha.5 → 12.0.16-alpha.51

package/lib/components/SettingDrawer/LayoutChange.js

@@ -1,8 +1,9 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function LayoutChange(props) {
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {getConfigValue,getNestedValue,setConfigOverride}from'../../utils/configOverrides.js';function LayoutChange(props) {
   const {
     settings,
     changeSetting,
-    location
+    location,
+    applyToAllRoutes = false
   } = props;
   const {
     t
@@ -14,15 +15,52 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
   const {
     navTheme
   } = settings || {};
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Helper to get config value with overrides applied
+  const getConfigValue$1 = (configKey, defaultValue) => {
+    // If applyToAllRoutes is true, use global settings only
+    if (applyToAllRoutes) {
+      return getConfigValue(settings, configKey, {}, defaultValue);
+    }
+    // Otherwise, check for route-specific overrides first
+    if (settings?.uiSettings?.overrides) {
+      const contextKey = `[${currentRoute}][${deviceType}]`;
+      const overrideSettings = settings.uiSettings.overrides[contextKey];
+      if (overrideSettings) {
+        // Handle the uilayout wrapper in override structure
+        const overrideData = overrideSettings.uilayout || overrideSettings;
+        const value = getNestedValue(overrideData, configKey);
+        if (value !== undefined) {
+          return value;
+        }
+      }
+    }
+    // Fallback to regular settings
+    return getConfigValue(settings, configKey, {
+      route: currentRoute,
+      device: deviceType
+    }, defaultValue);
+  };
+  // Get layout values using override system
+  const layoutValues = useMemo(() => ({
+    fixedHeader: getConfigValue$1('fixedHeader', true),
+    fixedSidebar: getConfigValue$1('fixedSidebar', true),
+    splitMenus: getConfigValue$1('splitMenus', false),
+    upperMenuDividerName: getConfigValue$1('upperMenuDividerName', 'Navigation'),
+    middleMenuDividerName: getConfigValue$1('middleMenuDividerName', 'Dashboard'),
+    lowerMenuDividerName: getConfigValue$1('lowerMenuDividerName', 'Admin')
+  }), [settings, currentRoute, deviceType]);
   const handleLayoutChange = (key, value) => {
     if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-      ...deviceLayout,
-      [key]: value
-    });
+    // Create context for override resolution
+    const context = {
+      route: currentRoute,
+      device: deviceType
+    };
+    // Use setConfigOverride to get the properly formatted key
+    const override = setConfigOverride(key, value, context);
+    // Send the flat key with override identifier to the backend
+    changeSetting(`${override.contextKey}.${override.path}`, value);
   };
   const textColor = {
     color: navTheme === 'dark' ? '#ffff' : 'black'
@@ -37,7 +75,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: deviceLayout.fixedHeader,
+        value: layoutValues.fixedHeader,
         onChange: checked => handleLayoutChange('fixedHeader', checked)
       })]
     }), jsxs("div", {
@@ -49,7 +87,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: deviceLayout.fixedSidebar,
+        value: layoutValues.fixedSidebar,
         onChange: checked => handleLayoutChange('fixedSidebar', checked)
       })]
     }), jsxs("div", {
@@ -61,10 +99,10 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: deviceLayout.splitMenus,
+        value: layoutValues.splitMenus,
         onChange: checked => handleLayoutChange('splitMenus', checked)
       })]
-    }), deviceLayout.splitMenus && jsxs(Fragment, {
+    }), layoutValues.splitMenus && jsxs(Fragment, {
       children: [jsx("div", {
         className: "mt-6 mb-2",
         children: jsx("p", {
@@ -83,7 +121,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
           }), jsx("input", {
             type: "text",
             className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.upperMenuDividerName,
+            value: layoutValues.upperMenuDividerName,
             onChange: e => {
               handleLayoutChange('upperMenuDividerName', e.target.value);
             }
@@ -97,7 +135,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
           }), jsx("input", {
             type: "text",
             className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.middleMenuDividerName,
+            value: layoutValues.middleMenuDividerName,
             onChange: e => {
               handleLayoutChange('middleMenuDividerName', e.target.value);
             }
@@ -111,7 +149,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
           }), jsx("input", {
             type: "text",
             className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.lowerMenuDividerName,
+            value: layoutValues.lowerMenuDividerName,
             onChange: e => {
               handleLayoutChange('lowerMenuDividerName', e.target.value);
             }

package/lib/components/SettingDrawer/LayoutChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"kVAMwB,SAAA,YAAY,CAAC,KAAiC,EAAA;QAC5D;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;AACA,EAAA,MAAA;IACA;MACM,cAAA,CAAA,UAAe,CAAA;AAErB,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAE3B,EAAA,MAAA,YAAA,GAA+B,QAAA,EAAA,QAAA,IAAA,GAAA;AAC3B,EAAA,MAAA;;AAEH,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAEF,EAAA,MAAA,aAAkB,QAAO,WAAe,GAAA,SAAQ;QAEzC,YAEC,GAAA,aAAA,EAAA,MAAA,GAAA,UAAc,CAAA,IAAA,EAAC;6CAiD2B;AACtB,IAAA,IAAA,CAAA,aAAA,EAAA;+CAYsB,CAAA,QAAA,EAAA;AACtB,MAAA,GAAA,YAAA;;AAaA,KAAA,CAAA;AAQhC,GAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":["getConfigValue","getConfigValueUtil"],"mappings":"6YAQc,SAAU,YAAY,CAAC,KAAiC,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;AACR,IAAA;AACA,IAAA,gBAAgB;AAChB,GAAA,GAAA,KAAM;QAEN;AACA,IAAA;oBACI,CAAA,UAAA,CAAA;QACA;;mBAEC,EAAA;QAED,YAAA,GAAA,QAAA,EAAA,QAAA,IAAA,GAAA;AACA,EAAA,MAAA;AACI,IAAA;cACA,IAAM,EAAA;kBACF,GAAA,QAAA,GAAgB,QAAG,GAAA,SAAA;;AAEnB,EAAA,MAAAA,gBAAM,aAAY,EAAG,YAAA,KAAiB;;AAEtC,IAAA,IAAA,gBAAI,EAAK;AACL,MAAA,OAAAC,eAAY,QAAC,EAAA,SAAA,EAAA,EAAA,EAAA,YAAA,CAAA;;;QAGzB,QAAC,EAAA,UAAA,EAAA,SAAA,EAAA;YAED,UAAA,GAAA,CAAA,CAAA,EAAA,YAA+B,CAAA,EAAA,EAAA,UAAA,CAAA,CAAA,CAAA;AAC/B,MAAA,MAAA,2BAA0B,CAAA,UAAU,CAAA,SAAa,CAAA,UAAO,CAAA;AAC5D,MAAE,IAAA,gBAAA,EAAA;;AAGF,QAAA,kBAAqB,GAAA,gBACV,CAAA,QAAA,IAAA,gBAAA;AACH,QAAA,MAAA,KAAW,GAAE,cAAe,CAAA,YAAa,EAAE,SAAK,CAAA;AAChD,QAAA,IAAA,KAAA,KAAc,SAAA,EAAA;AACd,UAAA,OAAA,KAAY;AACZ,QAAA;AACA,MAAA;AACA,IAAA;;AAKR,IAAA,qBAAwB,CAAA,QAAiB,EAAA,SAAc,EAAA;AACnD,MAAA,KAAA,EAAK,YAAA;YAAe,EAAA;mBAEpB,CAAA;;;QAIA,YAAM,GAAQ,OAAG,CAAA,OAAA;eAEjB,EAAAD,gBAAA,CAAA,aAAA,EAAA,IAAA,CAAA;AACA,IAAA,YAAA,EAAAA,gBAAiB,CAAQ,cAAW,EAAI,IAAA,CAAA;AAC5C,IAAA,UAAE,EAAAA,gBAAA,CAAA,YAAA,EAAA,KAAA,CAAA;AAEF,IAAA,oBAAoB,EAAAA,gBAAe,CAAA,sBAAwB,EAAA,YAAU,CAAA;IAErE,qBACI,EAAAA,gBACI,CAAA;iEAiD2C;AACvB,GAAA,CAAA,EAAA,CAAA,QAAA,EAAA,YAAA,EAAA,UAAC;6CAYG;AACJ,IAAA,IAAA,CAAA,aAAA,EAAA;;AAaA,IAAA,MAAA,OAAA,GAAA;AAQhC,MAAC,KAAA,EAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts

@@ -0,0 +1,20 @@
+interface MenuItem {
+    key: string;
+    name: string;
+    path: string;
+    position?: string;
+    children?: MenuItem[];
+    tab?: string;
+    [key: string]: any;
+}
+interface MenuVisibilitySettingsProps {
+    fullMenuData: MenuItem[];
+    settings: {
+        hiddenMenuKeys?: string[];
+        [key: string]: any;
+    };
+    changeSetting: (key: string, value: any) => void;
+}
+export default function MenuVisibilitySettings({ fullMenuData, settings, changeSetting }: MenuVisibilitySettingsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MenuVisibilitySettings.d.ts.map

package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuVisibilitySettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/MenuVisibilitySettings.tsx"],"names":[],"mappings":"AAQA,UAAU,QAAQ;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,QAAQ,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,2BAA2B,2CAqFpH"}

package/lib/components/SettingDrawer/MenuVisibilitySettings.js

@@ -0,0 +1,120 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';// Constants
+// all keys included now ['usermenu', 'topmenu']
+const EXCLUDED_MENU_KEYS = [];
+const MENU_POSITIONS = ['UPPER', 'MIDDLE', 'LOWER', 'BOTTOM'];
+function MenuVisibilitySettings({
+  fullMenuData,
+  settings,
+  changeSetting
+}) {
+  const {
+    t
+  } = useTranslation('settings');
+  const [isExpanded, setIsExpanded] = useState(false);
+  // Get deduplicated hidden menu keys
+  const hiddenMenuKeys = useMemo(() => {
+    return settings.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  }, [settings.hiddenMenuKeys]);
+  // Organize menu items by position
+  const allMenuItems = useMemo(() => {
+    const categories = [];
+    if (fullMenuData?.length) {
+      MENU_POSITIONS.forEach(position => {
+        const positionItems = fullMenuData.filter(item => item.position === position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+        categories.push(...positionItems);
+      });
+      const itemsWithoutPosition = fullMenuData.filter(item => !item.position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+      categories.push(...itemsWithoutPosition);
+    }
+    return categories;
+  }, [fullMenuData]);
+  // Create bound functions with current dependencies
+  const boundGetDisplayName = useCallback(item => getDisplayName(item, t), [t]);
+  const boundToggleMenuItem = useCallback(itemKey => toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting), [hiddenMenuKeys, changeSetting]);
+  // Memoize rendered menu items to prevent unnecessary JSX creation
+  const renderedMenuItems = useMemo(() => {
+    return renderMenuItems(allMenuItems, 0, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem);
+  }, [allMenuItems, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem]);
+  return jsxs("div", {
+    className: "space-y-4",
+    children: [jsx("div", {
+      className: "flex items-center mb-2",
+      children: jsxs("button", {
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
+        children: [jsx("svg", {
+          className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180' : ''}`,
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        }), jsx("p", {
+          className: "text-md font-medium text-black dark:text-white",
+          children: t('menu_visibility.title') || 'Menu Visibility'
+        })]
+      })
+    }), jsx("div", {
+      className: `grid transition-all duration-300 ease-in-out ${isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
+      children: jsx("div", {
+        className: "overflow-hidden",
+        children: jsx("div", {
+          className: "ml-4 mb-4 border-l-2 border-gray-200 dark:border-gray-600 pl-4",
+          children: jsx("div", {
+            className: "space-y-2",
+            children: allMenuItems.length === 0 ? jsx("div", {
+              className: "text-center text-gray-500 dark:text-gray-400 py-4",
+              children: t('menu_visibility.no_items') || 'No menu items found'
+            }) : renderedMenuItems
+          })
+        })
+      })
+    })]
+  });
+}
+// Helper functions
+function getDisplayName(item, t) {
+  if (item.tab) return item.tab;
+  if (item.name?.startsWith('menu.')) {
+    const parts = item.name.split('.');
+    return parts.length > 1 ? parts[parts.length - 1].charAt(0).toUpperCase() + parts[parts.length - 1].slice(1) : item.name;
+  }
+  return t(item.name) || item.name;
+}
+function toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting) {
+  const uniqueKeys = new Set(hiddenMenuKeys);
+  uniqueKeys.has(itemKey) ? uniqueKeys.delete(itemKey) : uniqueKeys.add(itemKey);
+  changeSetting('hiddenMenuKeys', Array.from(uniqueKeys));
+}
+function renderMenuItems(items, indent, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn) {
+  return items.map(item => {
+    const isVisible = !hiddenMenuKeys.includes(item.key);
+    const displayName = getDisplayNameFn(item);
+    return jsxs("div", {
+      children: [jsxs("div", {
+        className: "flex items-center py-0.5",
+        children: [jsx("input", {
+          type: "checkbox",
+          id: `menu-item-${item.key}`,
+          className: "mr-2 h-3 w-3 rounded border-gray-300 dark:border-gray-600 focus:ring-primary dark:focus:ring-primary bg-white dark:bg-gray-700 accent-primary",
+          checked: isVisible,
+          onChange: () => toggleMenuItemFn(item.key)
+        }), jsx("label", {
+          htmlFor: `menu-item-${item.key}`,
+          className: "text-xs text-black dark:text-white cursor-pointer flex-1",
+          style: {
+            paddingLeft: `${indent * 12}px`
+          },
+          children: displayName
+        })]
+      }), isVisible && item.children && item.children.length > 0 && jsx("div", {
+        className: "ml-6",
+        children: renderMenuItems(item.children, indent + 1, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn)
+      })]
+    }, item.key);
+  });
+}export{MenuVisibilitySettings as default};//# sourceMappingURL=MenuVisibilitySettings.js.map

package/lib/components/SettingDrawer/MenuVisibilitySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuVisibilitySettings.js","sources":["../../../src/components/SettingDrawer/MenuVisibilitySettings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/components/SettingDrawer/NavigationsModes.d.ts

@@ -1,3 +1,3 @@
 import { NavMenuSelectorProps } from './types';
-export default function NavigationModes({ changeSetting, settings, location }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function NavigationModes({ changeSetting, settings, location, applyToAllRoutes, }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NavigationsModes.d.ts.map

package/lib/components/SettingDrawer/NavigationsModes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA4E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8ElG"}
+{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgG/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,gBAAwB,GAC3B,EAAE,oBAAoB,2CAqHtB"}

package/lib/components/SettingDrawer/NavigationsModes.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const navigationModes = [{
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo}from'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {setConfigOverride,getConfigValue,getNestedValue}from'../../utils/configOverrides.js';const navigationModes = [{
   key: 'sidebar',
   title: 'Sidebar',
   svg: jsxs("svg", {
@@ -219,19 +219,131 @@ const menuTypes = [{
       opacity: "0.65"
     })]
   })
+}, {
+  key: 'perplexLayout',
+  title: 'Perplex Layout',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 80 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      x: "1",
+      y: "1",
+      width: "78",
+      height: "58",
+      rx: "4",
+      fill: "white",
+      stroke: "#E5E7EB",
+      strokeWidth: "2"
+    }), jsx("rect", {
+      x: "1",
+      y: "1",
+      width: "20",
+      height: "58",
+      rx: "3",
+      fill: "#0F172A"
+    }), jsx("rect", {
+      x: "5",
+      y: "10",
+      width: "10",
+      height: "3",
+      rx: "1.5",
+      fill: "white",
+      opacity: "0.9"
+    }), jsx("rect", {
+      x: "5",
+      y: "20",
+      width: "10",
+      height: "3",
+      rx: "1.5",
+      fill: "white",
+      opacity: "0.6"
+    }), jsx("rect", {
+      x: "5",
+      y: "30",
+      width: "10",
+      height: "3",
+      rx: "1.5",
+      fill: "white",
+      opacity: "0.4"
+    }), jsx("rect", {
+      x: "25",
+      y: "10",
+      width: "40",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.7"
+    }), jsx("rect", {
+      x: "25",
+      y: "20",
+      width: "30",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.5"
+    }), jsx("rect", {
+      x: "25",
+      y: "35",
+      width: "45",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.4"
+    }), jsx("rect", {
+      x: "25",
+      y: "45",
+      width: "35",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.3"
+    })]
+  })
 }];
 function NavigationModes({
   changeSetting,
   settings,
-  location
+  location,
+  applyToAllRoutes = false
 }) {
   const {
     isMobile
   } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Helper to get config value with overrides applied
+  const getConfigValue$1 = (configKey, defaultValue) => {
+    // If applyToAllRoutes is true, use global settings only
+    if (applyToAllRoutes) {
+      return getConfigValue(settings, configKey, {}, defaultValue);
+    }
+    // Otherwise, check for route-specific overrides first
+    if (settings?.uiSettings?.overrides) {
+      const contextKey = `[${currentRoute}][${deviceType}]`;
+      const overrideSettings = settings.uiSettings.overrides[contextKey];
+      if (overrideSettings) {
+        // Handle the uilayout wrapper in override structure
+        const overrideData = overrideSettings.uilayout || overrideSettings;
+        const value = getNestedValue(overrideData, configKey);
+        if (value !== undefined) {
+          return value;
+        }
+      }
+    }
+    // Fallback to regular settings
+    return getConfigValue(settings, configKey, {
+      route: currentRoute,
+      device: deviceType
+    }, defaultValue);
+  };
+  // Get navigation values using override system
+  const navigationValues = useMemo(() => ({
+    navigationMode: getConfigValue$1('navigationMode', 'mixed'),
+    sideMenuType: getConfigValue$1('sideMenuType', 'expanded')
+  }), [settings, currentRoute, deviceType]);
   return jsxs("div", {
     className: "space-y-8",
     children: [jsxs("section", {
@@ -242,13 +354,19 @@ function NavigationModes({
         className: "flex flex-row gap-4",
         children: navigationModes.map((mode, index) => jsx("div", {
           className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
-          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-            ...deviceLayout,
-            navigationMode: mode.key
-          }),
+          onClick: () => {
+            // Create context for override resolution
+            const context = {
+              route: currentRoute,
+              device: deviceType
+            };
+            // Use setConfigOverride to get the properly formatted key
+            const override = setConfigOverride('navigationMode', mode.key, context);
+            changeSetting(`${override.contextKey}.${override.path}`, mode.key);
+          },
           children: jsxs("div", {
             className: "relative",
-            children: [mode.svg, deviceLayout?.navigationMode === mode.key && jsx("svg", {
+            children: [mode.svg, navigationValues.navigationMode === mode.key && jsx("svg", {
               className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
               viewBox: "0 0 24 24",
               fill: "currentColor",
@@ -267,13 +385,21 @@ function NavigationModes({
         className: "flex flex-row gap-4",
         children: menuTypes.map((type, index) => jsx("div", {
           className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
-          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-            ...deviceLayout,
-            sideMenuType: type.key
-          }),
+          onClick: () => {
+            // Create context for override resolution
+            const context = {
+              route: currentRoute,
+              device: deviceType
+            };
+            // Use setConfigOverride to get the properly formatted key
+            const override = setConfigOverride('sideMenuType', type.key, context);
+            changeSetting(`${override.contextKey}.${override.path}`, type.key);
+            // Also update the global sideMenuType for compatibility
+            changeSetting('sideMenuType', type.key);
+          },
           children: jsxs("div", {
             className: "relative",
-            children: [type.svg, deviceLayout?.sideMenuType === type.key && jsx("svg", {
+            children: [type.svg, navigationValues.sideMenuType === type.key && jsx("svg", {
               className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
               viewBox: "0 0 24 24",
               fill: "currentColor",

package/lib/components/SettingDrawer/NavigationsModes.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uPAIA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,KAAQ,EAAA,IAAA;AACV,MAAA,MAAQ,EAAQ,GAAA;AAChB,MAAA,EAAA,EAAM;AACN,MAAA,IAAM;MACA,OAAA,EAAA;KACA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MAEC,CAAA,EAAA,GACH;AAa4B,MAAA,CAAA,EAAA,IAAA;;;AAkCA,MAAA,EAAA,EAAA,GAAA;;;AAuBpC,KAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"kTAIA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;AACP,IAAA,KAAA,EAAG,IACC;AAQP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAS,EAAA;AAChB,MAAA,KAAG,EAAE,IACD;AAQP,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAE,EAAA;SACP,GAAG;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAA,EAAA;AACL,MAAA,CAAA,EAAA,GAAA;SACA,GAAG;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;AACD,MAAA,CAAA,EAAA,IAAA;AACI,MAAA,KAAG,EAAE,IAAA;AACL,MAAA,MAAA,KAAO;AACP,MAAA,EAAA,EAAA,GAAK;AAaR,MAAA,IAAA,EAAA,SAAA;MACH,OAAA,EAAA;AAEF,KAAA,CAAA,EAAOA,GAAE,CAAA,MAAS,EAAA;AAClB,MAAA,CAAO,EAAE,GAAA;AAET,MAAM,CAAC,EAAA,IAAA;AAMH,MAAA,OAAQ,IAAA;AACR,MAAA;AACA,MAAA,EAAA,EAAM,GAAA;MAEN,IAAA,EAAA,SAAA;AACA,MAAA;;;;eAIK;SAED,SAAA;AACA,EAAA,GAAA,EAAAD,IAAI,QAAQ;AACR,IAAA,KAAA,EAAA,IAAA;YACA,IAAA;aACA,WAAI;uCACA;AACA,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA;iBACA;AACA,MAAA,MAAA,EAAA,IAAA;AACI,MAAA,EAAA,EAAA,GAAA;;WAER,CAAC,MAAA,EAAA;SACJ,GAAA;SAED,GAAA;AACA,MAAA,KAAA,EAAA;AACJ,MAAE,MAAA,EAAA,IAAA;MAEF,IAAA,EAAA;AACA,KAAA,CAAA,EAAAA;AAEQ,MAAA,CAAA,EAAA,GAAA;AACA,MAAA,CAAA,EAAA,GAAA;MACF,KACD,EAAA,IAAQ;MAGb,MACI;;;;AAgBwB,MAAA,CAAA,EAAA,IAAA;AACA,MAAA,CAAA,EAAA,GAAA;;;;;AAmCA,MAAA,OAAA,EAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;;AAGA,MAAA,CAAA,EAAA,GAAA;;AAqBhC,MAAC,MAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/RegionalSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAgoBrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAijBrE"}