@admin-layout/tailwind-design-pro 10.0.9-alpha.57 → 10.0.9-alpha.58

package/lib/cdm-locales/en/settings.json

@@ -28,5 +28,12 @@
     "header_elements": "Header Elements",
     "show_logo": "Show Logo",
     "show_search_slot": "Show Search Slot",
-    "show_right_content": "Show Right Content"
+    "show_right_content": "Show Right Content",
+    "desktop_settings": "Desktop Settings",
+    "mobile_settings": "Mobile Settings",
+    "show_menu_toggle": "Show Menu Toggle",
+    "show_back_button": "Show Back Button",
+    "show_page_title": "Show Page Title",
+    "show_action_buttons": "Show Action Buttons",
+    "show_header": "Show Header"
 }

package/lib/cdm-locales/es/settings.json

@@ -3,28 +3,37 @@
     "fixed_sidebar": "Barra Lateral Fija",
     "split_menus": "Menús Divididos",
     "header": "Encabezado",
-    "footer": "Pie de página",
+    "footer": "Pie de Página",
     "search_bar": "Barra de Búsqueda",
     "search_bar_on_scroll": "Mostrar Barra de Búsqueda al Desplazar",
     "search_bar_overlay": "Mostrar Superposición en Búsqueda",
     "menu": "Menú",
     "menu_header": "Encabezado del Menú",
     "setting": "Configuración",
-    "page_style_settings": "Configuraciones de Estilo de Página",
+    "page_style_settings": "Configuración de Estilo de Página",
     "theme_color": "Color del Tema",
     "navigation_mode": "Modo de Navegación",
-    "regional_rettings": "Configuraciones Regionales",
+    "regional_rettings": "Configuración Regional",
     "other_setting": "Otra Configuración",
     "weak_mode": "Modo Débil",
     "light": "Claro",
     "dark": "Oscuro",
-    "scroll_threshold": "Umbral de Desplazamiento",
-    "menu_divider_names": "Nombres de los Separadores de Menú",
-    "upper_menu_divider": "Separador del Menú Superior",
-    "middle_menu_divider": "Separador del Menú Central",
-    "lower_menu_divider": "Separador del Menú Inferior",
+    "font_family": "Familia de Fuente",
+    "select_theme": "Seleccionar Tema",
+    "scroll_threshold": "Umbral de Desplazamiento de la Barra de Búsqueda",
+    "menu_divider_names": "Nombres de Divisores de Menú",
+    "upper_menu_divider": "Divisor Superior del Menú",
+    "middle_menu_divider": "Divisor Medio del Menú",
+    "lower_menu_divider": "Divisor Inferior del Menú",
     "header_elements": "Elementos del Encabezado",
     "show_logo": "Mostrar Logo",
     "show_search_slot": "Mostrar Espacio de Búsqueda",
-    "show_right_content": "Mostrar Contenido Derecho"
+    "show_right_content": "Mostrar Contenido Derecho",
+    "desktop_settings": "Configuración de Escritorio",
+    "mobile_settings": "Configuración Móvil",
+    "show_menu_toggle": "Mostrar Alternador de Menú",
+    "show_back_button": "Mostrar Botón de Atrás",
+    "show_page_title": "Mostrar Título de Página",
+    "show_action_buttons": "Mostrar Botones de Acción",
+    "show_header": "Mostrar Encabezado"
 }

package/lib/components/Layout/BasicLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAS9B,eAAO,MAAM,mBAAmB;;;;uCA4B/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAkO3F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;uCA4B/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA0N3F,CAAC"}

package/lib/components/Layout/BasicLayout/index.js

@@ -63,14 +63,10 @@ const BasicLayout = props => {
   const {
     children,
     onCollapse: propsOnCollapse,
-    // contentStyle,
     defaultCollapsed,
     menuData,
-    // style,
-    // disableContentMargin,
     siderWidth = 208,
     menu,
-    // isChildrenLayout: propsIsChildrenLayout,
     menuDataRender,
     loading,
     location,
@@ -98,9 +94,13 @@ const BasicLayout = props => {
   const {
     isMobile
   } = useMediaQuery();
-  // Get current route settings
+  // Get current route settings with proper fallback
   const currentRoute = location?.pathname || '/';
   const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  // Get device-specific settings
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceSettings = routeSettings?.regions?.[deviceType] || {};
+  const layoutSettings = routeSettings?.layout?.[deviceType] || {};
   const onScrollReachEnd = () => {
     setScrollEnd(prevScrollEnd => !prevScrollEnd);
   };
@@ -117,7 +117,7 @@ const BasicLayout = props => {
     ...defaultProps
   }, propsWithSettings);
   const settingRef = useRef(settings);
-  const scrollThreshold = routeSettings?.regions?.scrollThreshold || 50;
+  const scrollThreshold = deviceSettings?.header?.scrollThreshold || 50;
   const {
     componentVisibility
   } = useScrollThreshold([{
@@ -126,7 +126,6 @@ const BasicLayout = props => {
     useWindowScroll: true
   }]);
   useEffect(() => {
-    // Only update if the primaryColor actually needs to change
     if (settingRef.current?.primaryColor === '#3FA541C' && primaryColor !== '#3FA541C') {
       const newState = {
         ...settingRef.current,
@@ -135,15 +134,15 @@ const BasicLayout = props => {
       onSettingChange(newState);
     }
   }, [primaryColor, isBrowser, settingRef]);
-  // // Update settings when route changes
-  // useEffect(() => {
-  //     if (actor && location.pathname) {
-  //         actor.send({
-  //             type: 'ROUTE_CHANGE',
-  //             pathname: location.pathname
-  //         });
-  //     }
-  // }, [location.pathname, actor]);
+  // Update settings when route changes
+  useEffect(() => {
+    if (actor && location?.pathname) {
+      actor.send({
+        type: 'ROUTE_CHANGE',
+        pathname: location?.pathname
+      });
+    }
+  }, [location?.pathname, actor]);
   const {
     ref: refHeader,
     height: heightHeader
@@ -168,7 +167,6 @@ const BasicLayout = props => {
   const closeSideMenu = () => {
     setIsSideMenuOpen(false);
   };
-  // Get background color based on dark mode
   const backgroundColor = isDarkMode ? theme.colors.background.dark : theme.colors.background.light;
   return jsxs("div", {
     className: "flex flex-col h-screen bg-background font-sans",
@@ -176,14 +174,14 @@ const BasicLayout = props => {
     style: {
       backgroundColor: backgroundColor
     },
-    children: [routeSettings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
+    children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
       toggleSideMenu: toggleSideMenu,
       settings: settings,
       upperMenus: getMenuSeparation(menuData).upperMenus,
       routeParams: routeParams,
       collapsed: collapsed,
       ...props
-    }), LAYOUT_ROOT === '/' && routeSettings?.regions.showHeader && jsx(MainHeader, {
+    }), LAYOUT_ROOT === '/' && deviceSettings?.header?.showHeader && jsx(MainHeader, {
       scrolled: scrolled,
       location: location,
       menuData: menuData,
@@ -197,7 +195,7 @@ const BasicLayout = props => {
       componentVisibility: componentVisibility
     }), jsxs("div", {
       className: "flex flex-1 relative",
-      children: [routeSettings?.layout.navigationMode !== 'topbar' && routeSettings?.regions.showMenu && LAYOUT_ROOT != '/' && jsx(Sidebar, {
+      children: [layoutSettings?.navigationMode !== 'topbar' && deviceSettings?.header?.showMenu && LAYOUT_ROOT != '/' && jsx(Sidebar, {
         isSideMenuOpen: isSideMenuOpen,
         closeSideMenu: closeSideMenu,
         menuData: menuData,
@@ -208,13 +206,12 @@ const BasicLayout = props => {
       }), jsxs("div", {
         className: "flex flex-col flex-1 overflow-auto",
         style: {
-          marginLeft: routeSettings?.layout.navigationMode !== 'topbar' && routeSettings?.regions.showMenu && routeSettings?.layout.fixedSidebar && !isMobile && LAYOUT_ROOT != '/' ? collapsed ? '64px' : '256px' : '0px'
+          marginLeft: layoutSettings?.navigationMode !== 'topbar' && deviceSettings?.header?.showMenu && layoutSettings?.fixedSidebar && !isMobile && LAYOUT_ROOT != '/' ? collapsed ? '64px' : '256px' : '0px'
         },
         children: [jsx(SettingDrawer, {
           primaryColor: primaryColor,
           settings: settings,
           onSettingChange: newSettings => {
-            // Update settings for current route
             if (actor) {
               actor.send({
                 type: 'UPDATE',
@@ -228,7 +225,7 @@ const BasicLayout = props => {
           ...props
         }), jsxs("main", {
           className: "relative",
-          children: [searchOptionsShown && routeSettings?.regions?.searchBarOverlay && jsx("div", {
+          children: [searchOptionsShown && deviceSettings?.header?.searchBarOverlay && jsx("div", {
             className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
             onClick: e => {
               e.stopPropagation();
@@ -240,7 +237,7 @@ const BasicLayout = props => {
           className: footerFixed ? 'fixed bottom-0 w-full' : '',
           children: jsx(FooterSlot, {
             settings: settings,
-            active: routeSettings?.regions?.showFooter === undefined ? true : routeSettings?.regions?.showFooter
+            active: deviceSettings?.footer?.showFooter
           })
         })]
       })]

package/lib/components/Layout/BasicLayout/index.js.map

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

package/lib/components/Layout/GlobalHeader/Header.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { GlobalHeaderRightProps } from '../../typings';
-export declare const GlobalHeader: React.FC<GlobalHeaderRightProps | any>;
+export declare const GlobalHeader: React.FC<GlobalHeaderRightProps>;
 export default GlobalHeader;
 //# sourceMappingURL=Header.d.ts.map

package/lib/components/Layout/GlobalHeader/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,GAAG,CAsF/D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqGzD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Layout/GlobalHeader/Header.js

@@ -17,43 +17,51 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
     isMobile
   } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || {};
-  const headerElements = routeSettings?.regions?.headerElements || {
-    showLogo: true,
-    showSearchSlot: true,
-    showRightContent: true
-  };
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceSettings = routeSettings?.regions?.[deviceType] || {};
+  const layoutSettings = routeSettings?.layout?.[deviceType] || {};
+  const headerSettings = deviceSettings?.header || {};
   // Calculate header styles
   const headerStyles = React__default.useMemo(() => ({
     backgroundColor: settings?.navTheme === 'realDark' ? '#222' : 'white',
     color: settings?.navTheme === 'realDark' ? '#fff' : ''
-  }), [settings]);
-  if (!routeSettings?.regions?.showHeader) return null;
+    // height: headerSettings?.height,
+    // position: headerSettings?.position,
+    // boxShadow: headerSettings?.elevation ? `0 ${headerSettings.elevation}px 6px rgba(0, 0, 0, 0.1)` : 'none',
+  }), [settings?.navTheme, headerSettings]);
+  // Early return if header is disabled
+  if (!headerSettings?.showHeader) return null;
+  // Determine if search bar should be shown
+  const showSearchBar = headerSettings?.showSearchSlot && headerSettings?.searchBarRender;
+  // Determine if right content should be shown
+  const showRightContent = headerSettings?.showRightContent && layoutSettings?.navigationMode !== 'sidebar';
   return jsx("header", {
-    className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 ${routeSettings?.layout?.fixedHeader ? 'sticky' : 'relative'}`,
+    className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`,
     style: headerStyles,
     children: jsxs("div", {
       className: "flex items-center justify-between h-full px-4 sm:px-6 mx-auto text-gray-700 dark:text-gray-200",
-      children: [jsx("button", {
+      children: [isMobile && headerSettings?.showMenuToggle && jsx("button", {
         className: "p-1 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple",
         onClick: toggleSideMenu,
         "aria-label": "Menu",
         children: jsx(MenuIcon, {
           className: "w-6 h-6"
         })
-      }), headerElements.showLogo && jsx("div", {
+      }), headerSettings?.showLogo && jsx("div", {
         children: jsxs(Link, {
           to: "/",
           className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-gray-800 dark:text-gray-200",
           style: headerStyles,
-          children: [jsx("img", {
-            src: settings?.logo,
+          children: [typeof settings?.logo === 'string' ? jsx("img", {
+            src: settings.logo,
+            alt: "Logo",
             className: "w-[28px]"
-          }), !isMobile && jsx("span", {
+          }) : settings?.logo, !isMobile && headerSettings?.showPageTitle && jsx("span", {
             children: settings?.title
           })]
         })
-      }), headerElements.showSearchSlot && routeSettings?.regions?.searchBarRender && jsx("div", {
+      }), showSearchBar && jsx("div", {
         className: "flex-1 max-w-xl mx-4 hidden md:block",
         style: headerStyles,
         children: jsxs("div", {
@@ -72,7 +80,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
             style: headerStyles
           })]
         })
-      }), headerElements.showRightContent && routeSettings?.layout?.navigationMode !== 'sidebar' && jsx(RightContent, {
+      }), showRightContent && jsx(RightContent, {
         upperMenus: upperMenus,
         collapsed: collapsed,
         routeParams: routeParams,

package/lib/components/Layout/GlobalHeader/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"wYAOa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;IACA,WAAM;AACN,IAAA;AACI,IAAA,QAAA;AACA,IAAA,cAAA;AACA,IAAA;MACF,KAAA;QAEwB;IAC1B,QAAM;AAGM,IAAA;AACA,GAAA,GAAA,KAAA;AACqB,EAAA,MAC7B;AAGJ,IAAA;AAAyC,GAAA,GAAA,aAAW,EAAC;QAE9C,uBAEU,EAAA;AA2DrB,EAAE,MAAA,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,EAAA;AAEF,EAAA,MAAA,8BAA4B,EAAA,OAAA,EAAA,cAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"wYAQa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;AACA,IAAA;IACA,SAAM;IACN,QAAM;IACN,cAAM;AACN,IAAA;MAE0B,KAAA;QACpB;AAGM,IAAA,QAAA;AACA,IAAA;WACkC;QAClC;;MAEqB,aAClB;QAGsB,YAAA,GAAA,QAAA,EAAA,QAAA,IAAA,GAAA;QACjC,aAAe,GAAA,QAAY,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAAE,EAAA,MAAA,aAAY,QAAA,GAAA,QAAA,GAAA,SAAA;QAEH,cAAA,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QACpC,cAAA,gBAA8B,EAAA,mBAAoB,CAAA,IAAA,EAAA;QAEX,cAAA,GAAA,cAAA,EAAA,MAAA,IAAA,EAAA;;QAGtC,8BAEC,OAAS,CAAA;AAiErB,IAAE,eAAA,EAAA,QAAA,EAAA,QAAA,KAAA,UAAA,GAAA,MAAA,GAAA,OAAA;AAEF,IAAA,KAAA,EAAA,kBAA4B,KAAA,UAAA,GAAA,MAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAoCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAmMrE,CAAC"}
+{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAkCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAqNrE,CAAC"}

package/lib/components/Layout/GlobalHeader/MainHeader.js

@@ -1,6 +1,4 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {getMenuSeparation}from'@admin-layout/client';import {keyframes}from'@emotion/react';import {useLocation,Link}from'@remix-run/react';import {RightMenu}from'./RightMenu.js';import'@common-stack/components-pro';import {HeaderSearchBarSlot}from'../slot-fill/HeaderSearchBar.js';import {HeaderSearchButtonSlot}from'../slot-fill/HeaderSearchButton.js';import {RightContentSlot}from'../slot-fill/RightContent.js';import {SearchBarBehavior}from'../../../machines/types.js';import {useState,useEffect}from'react';import {Logo}from'./Logo.js';// Helper function to check if code is running in browser
-const isBrowser = typeof window !== 'undefined';
-const spin = keyframes`
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {getMenuSeparation}from'@admin-layout/client';import {keyframes}from'@emotion/react';import {useLocation,Link}from'@remix-run/react';import {RightMenu}from'./RightMenu.js';import'@common-stack/components-pro';import {HeaderSearchBarSlot}from'../slot-fill/HeaderSearchBar.js';import {HeaderSearchButtonSlot}from'../slot-fill/HeaderSearchButton.js';import {RightContentSlot}from'../slot-fill/RightContent.js';import {SearchBarBehavior}from'../../../machines/types.js';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';import {Logo}from'./Logo.js';const spin = keyframes`
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 `;
@@ -53,9 +51,9 @@ const defaultRenderLogoAndTitle = (props, animation, renderKey = 'menuHeaderRend
     children: title
   });
   if (renderFunction) {
-    // when collapsed, no render title
-    // Safely check for window in browser environment only
-    const isMobile = isBrowser ? window.innerWidth < 768 : false;
+    const {
+      isMobile
+    } = useMediaQuery();
     return renderFunction(logoDom, isMobile ? null : titleDom, props);
   }
   if (layout === 'mix' && renderKey === 'menuHeaderRender') {
@@ -88,17 +86,18 @@ const MainHeader = props => {
     picture,
     componentVisibility
   } = props;
+  const {
+    isMobile
+  } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || {};
-  const headerElements = routeSettings?.regions?.headerElements || {
-    showLogo: true,
-    showSearchSlot: true,
-    showRightContent: true
-  };
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceRegions = routeSettings?.regions?.[deviceType] || {};
+  const headerSettings = deviceRegions?.header || {};
   // State to track reduced motion preference
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  const [showSearchBar, setShowSearchBar] = useState(false);
-  useEffect(() => {
+  const [prefersReducedMotion, setPrefersReducedMotion] = React.useState(false);
+  const [showSearchBar, setShowSearchBar] = React.useState(false);
+  React.useEffect(() => {
     // Check reduced motion preference - only in browser
     if (typeof window !== 'undefined') {
       setPrefersReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);
@@ -113,19 +112,19 @@ const MainHeader = props => {
       };
     }
   }, []);
-  useEffect(() => {
-    if (!routeSettings?.regions?.searchBarRender || !headerElements.showSearchSlot) {
+  React.useEffect(() => {
+    if (!deviceRegions?.searchBarRender || !headerSettings?.showSearchSlot) {
       setShowSearchBar(false);
       return;
     }
-    if (routeSettings?.regions?.searchBarBehavior === SearchBarBehavior.ON_SCROLL) {
+    if (deviceRegions?.searchBarBehavior === SearchBarBehavior.ON_SCROLL) {
       // Show search bar only when scrolling
       setShowSearchBar(componentVisibility['search-bar']);
     } else {
       // Show search bar by default when PERMANENT
       setShowSearchBar(true);
     }
-  }, [componentVisibility['search-bar'], scrolled, routeSettings?.regions?.searchBarRender, routeSettings?.regions?.searchBarBehavior, headerElements.showSearchSlot]);
+  }, [componentVisibility['search-bar'], scrolled, deviceRegions?.searchBarRender, deviceRegions?.searchBarBehavior, headerSettings?.showSearchSlot]);
   useLocation();
   // Use the state variable for animation
   const animation = prefersReducedMotion ? undefined : `${spin} infinite 20s linear`;
@@ -133,78 +132,94 @@ const MainHeader = props => {
     scrolled,
     ...props
   }, animation, layout === 'mix' ? 'headerTitleRender' : undefined);
-  return jsx(Fragment, {
-    children: routeSettings?.regions?.showHeader || routeSettings?.regions?.showHeader === undefined ? jsx("div", {
-      className: `
-                        ${scrolled ? 'fixed' : 'absolute'}
-                        w-full top-0 z-10 px-[8%] 
-                        ${scrolled ? 'py-2' : 'py-5'}
-                        ${searchOptionsShown ? 'pb-8' : ''}
-                        ${routeSettings?.regions?.showHeader === undefined || true ? 'block' : 'hidden'}
-                        ${scrolled && routeSettings?.regions?.navTheme === 'light' ? 'bg-white text-gray-900' : scrolled && settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : 'bg-transparent'}
-                        ${!scrolled ? '' : 'shadow-[0_4px_2px_-2px_rgba(0,0,0,.2)]'}
-                        transition-all duration-1000 ease-in-out
-                        group
+  // Calculate header styles based on scroll state, theme, and device type
+  const headerStyles = React.useMemo(() => {
+    const baseStyles = {
+      zIndex: 100,
+      backgroundColor: scrolled ? settings?.navTheme === 'dark' ? '#1f1f1f' : 'white' : settings?.navTheme === 'dark' ? '#1f1f1f' : 'transparent',
+      color: settings?.navTheme === 'dark' ? 'white' : 'text-gray-900'
+    };
+    // Add mobile-specific styles
+    if (isMobile && headerSettings) {
+      return {
+        ...baseStyles,
+        position: headerSettings.position || 'fixed',
+        height: headerSettings.height || '56px',
+        backgroundColor: headerSettings.backgroundColor || baseStyles.backgroundColor,
+        boxShadow: headerSettings.elevation ? `0 ${headerSettings.elevation}px 4px rgba(0,0,0,0.1)` : undefined
+      };
+    }
+    return baseStyles;
+  }, [scrolled, settings?.navTheme, isMobile, headerSettings]);
+  if (!deviceRegions?.showHeader && deviceRegions?.showHeader !== undefined) {
+    return null;
+  }
+  return jsx("div", {
+    className: `
+                ${isMobile ? headerSettings?.position || 'fixed' : scrolled ? 'fixed' : 'absolute'}
+                w-full top-0 z-10 px-[8%] 
+                ${scrolled ? 'py-2' : 'py-5'}
+                ${searchOptionsShown ? 'pb-8' : ''}
+                ${!scrolled ? '' : 'shadow-[0_4px_2px_-2px_rgba(0,0,0,.2)]'}
+                transition-all duration-1000 ease-in-out
+                group
+            `,
+    style: headerStyles,
+    children: jsx("div", {
+      className: "flex flex-col",
+      children: jsxs("div", {
+        className: `
+                        justify-around items-start ${deviceRegions?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
+                        ${deviceRegions?.hidden ? 'hidden' : 'flex'}
                     `,
-      style: {
-        zIndex: 100
-      },
-      children: jsx("div", {
-        className: "flex flex-col",
-        children: jsxs("div", {
-          className: `
-                                justify-around items-start ${routeSettings?.regions?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
-                                ${routeSettings?.regions?.hidden ? 'hidden' : 'flex'}
-                            `,
-          children: [headerElements.showLogo && jsx(Link, {
-            to: "/",
-            className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-gray-900'}`,
-            children: headerDom
+        children: [headerSettings?.showLogo && jsx(Link, {
+          to: "/",
+          className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-gray-900'}`,
+          children: headerDom
+        }), jsx("div", {
+          className: "flex-grow"
+        }), headerSettings?.showSearchSlot && jsxs("div", {
+          className: "relative flex items-start justify-center",
+          children: [jsx("div", {
+            className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-0 absolute' : 'opacity-100'}`,
+            children: showSearchBar && !searchOptionsShown ? jsx(HeaderSearchButtonSlot, {
+              transform: "scale",
+              transitionDuration: "1.5s",
+              transitionTimingFunction: "ease-in",
+              setSearchOptionsShown: () => {
+                setSearchOptionsShown(true);
+              }
+            }) : null
           }), jsx("div", {
-            className: "flex-grow"
-          }), headerElements.showSearchSlot && jsxs("div", {
-            className: "relative flex items-start justify-center",
-            children: [jsx("div", {
-              className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-0 absolute' : 'opacity-100'}`,
-              children: showSearchBar && !searchOptionsShown ? jsx(HeaderSearchButtonSlot, {
-                transform: "scale",
-                transitionDuration: "1.5s",
-                transitionTimingFunction: "ease-in",
-                setSearchOptionsShown: () => {
-                  setSearchOptionsShown(true);
-                }
-              }) : null
-            }), jsx("div", {
-              className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-100' : 'opacity-0 absolute'}`,
-              children: showSearchBar && searchOptionsShown ? jsx(HeaderSearchBarSlot, {
-                searchOptionsShown: searchOptionsShown,
-                listId: "navbar_searchbox",
-                onClose: () => {
-                  setSearchOptionsShown(false);
-                  setShowSearchBar(routeSettings?.regions?.searchBarBehavior !== SearchBarBehavior.ON_SCROLL || scrolled);
-                }
-              }) : null
-            })]
-          }), jsx("div", {
-            className: "flex-grow"
-          }), headerElements.showRightContent && jsxs("div", {
-            className: "flex space-x-1 md:space-x-4",
-            children: [jsx(RightContentSlot, {
-              scrolled: scrolled,
-              navTheme: settings?.navTheme
-            }), jsx(RightMenu, {
-              match: null,
-              menuData: menuData,
-              settings: settings,
-              routeParams: routeParams,
-              getMenuSeparation: getMenuSeparation,
-              scrolled: scrolled,
-              authorities: authorities,
-              picture: picture
-            })]
+            className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-100' : 'opacity-0 absolute'}`,
+            children: showSearchBar && searchOptionsShown ? jsx(HeaderSearchBarSlot, {
+              searchOptionsShown: searchOptionsShown,
+              listId: "navbar_searchbox",
+              onClose: () => {
+                setSearchOptionsShown(false);
+                setShowSearchBar(deviceRegions?.searchBarBehavior !== SearchBarBehavior.ON_SCROLL || scrolled);
+              }
+            }) : null
+          })]
+        }), jsx("div", {
+          className: "flex-grow"
+        }), headerSettings?.showRightContent && jsxs("div", {
+          className: "flex space-x-1 md:space-x-4",
+          children: [jsx(RightContentSlot, {
+            scrolled: scrolled,
+            navTheme: settings?.navTheme
+          }), jsx(RightMenu, {
+            match: null,
+            menuData: menuData,
+            settings: settings,
+            routeParams: routeParams,
+            getMenuSeparation: getMenuSeparation,
+            scrolled: scrolled,
+            authorities: authorities,
+            picture: picture
           })]
-        })
+        })]
       })
-    }) : null
+    })
   });
 };export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle};//# sourceMappingURL=MainHeader.js.map

package/lib/components/Layout/GlobalHeader/MainHeader.js.map

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

package/lib/components/Layout/Sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}