@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.0

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

@@ -1,10 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect,createContext,useContext}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {useLocation,Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {GlobalFooter}from'../GlobalFooter/Footer.js';const ThemeContext = createContext(undefined);
-const useTheme = () => {
-  const context = useContext(ThemeContext);
-  return context;
-};
-const useHorizontalScroll = ({
-  scrolled,
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.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';const useHorizontalScroll = ({
   setScrolled,
   setSearchOptionsShown,
   onScrollReachEnd
@@ -16,7 +10,9 @@ const useHorizontalScroll = ({
       const onWheel = e => {
         if (e.deltaY == 0) return;
         e.preventDefault();
-        setSearchOptionsShown(false);
+        // if (!isMobileView) {
+        //     setSearchOptionsShown(false);
+        // }
         if (window.scrollY > 50) {
           setScrolled(true);
         }
@@ -65,30 +61,66 @@ const BasicLayout = props => {
     ...props
   };
   const [scrolled, setScrolled] = useState(false);
-  const [collapsed, setCollapsed] = useState();
+  const [collapsed, setCollapsed] = useState(false);
   const {
-    children,
     menuData,
-    // location,
+    location,
     routeParams,
     settings,
+    authorities,
     primaryColor,
     onSettingChange,
-    mainHeaderProps
+    mainHeaderProps,
+    actor
   } = propsWithSettings;
   const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
-  const [isDarkMode, setIsDarkMode] = useState(false);
-  const location = useLocation();
   const [scrollEnd, setScrollEnd] = useState(false);
   const [searchOptionsShown, setSearchOptionsShown] = useState(false);
   const {
     picture
   } = mainHeaderProps;
+  const {
+    LAYOUT_ROOT
+  } = config;
+  const {
+    isMobile
+  } = useMediaQuery();
+  // Effect to disable scrolling when search modal is open in mobile view
+  useEffect(() => {
+    if (searchOptionsShown && isMobile) {
+      // Save the current scroll position
+      const scrollY = window.scrollY;
+      // Add the no-scroll class to the body
+      document.body.style.position = 'fixed';
+      document.body.style.top = `-${scrollY}px`;
+      document.body.style.width = '100%';
+      document.body.style.overflow = 'hidden';
+      return () => {
+        // Remove the no-scroll class when component unmounts or modal closes
+        document.body.style.position = '';
+        document.body.style.top = '';
+        document.body.style.width = '';
+        document.body.style.overflow = '';
+        // Restore scroll position
+        window.scrollTo(0, scrollY);
+      };
+    }
+  }, [searchOptionsShown, isMobile]);
+  // 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 backgroundSettings = deviceSettings?.background || {
+    type: 'color',
+    color: 'inherit',
+    image: ''};
   const onScrollReachEnd = () => {
     setScrollEnd(prevScrollEnd => !prevScrollEnd);
   };
-  useHorizontalScroll({
-    scrolled,
+  const horizontalScrollRef = useHorizontalScroll({
     setScrolled,
     setSearchOptionsShown,
     onScrollReachEnd
@@ -96,13 +128,20 @@ const BasicLayout = props => {
   const defaultProps = omit({
     ...propsWithSettings
   }, ['layout']);
-  defaultPageTitleRender({
+  const pageTitleInfo = defaultPageTitleRender({
     pathname: location?.pathname,
     ...defaultProps
   }, propsWithSettings);
   const settingRef = useRef(settings);
+  const scrollThreshold = deviceSettings?.header?.scrollThreshold || 50;
+  const {
+    componentVisibility
+  } = useScrollThreshold([{
+    threshold: scrollThreshold,
+    id: 'search-bar',
+    useWindowScroll: true
+  }]);
   useEffect(() => {
-    // Only update if the primaryColor actually needs to change
     if (settingRef.current?.primaryColor === '#3FA541C' && primaryColor !== '#3FA541C') {
       const newState = {
         ...settingRef.current,
@@ -111,6 +150,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]);
   const {
     ref: refHeader,
     height: heightHeader
@@ -129,67 +177,95 @@ const BasicLayout = props => {
       if (heightBody < window.innerHeight - heightHeader - heightFooter) setFooterFixed(true);else setFooterFixed(false);
     }
   }, [heightHeader, heightBody, heightFooter]);
-  useEffect(() => {
-    const savedTheme = localStorage.getItem('theme');
-    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    if (savedTheme === 'dark' || !savedTheme && prefersDark) {
-      setIsDarkMode(true);
-      document.documentElement.classList.add('dark');
-    }
-  }, []);
-  const toggleTheme = () => {
-    setIsDarkMode(!isDarkMode);
-    if (isDarkMode) {
-      document.documentElement.classList.remove('dark');
-      localStorage.setItem('theme', 'light');
-    } else {
-      document.documentElement.classList.add('dark');
-      localStorage.setItem('theme', 'dark');
-    }
-  };
   const toggleSideMenu = () => {
     setIsSideMenuOpen(!isSideMenuOpen);
   };
   const closeSideMenu = () => {
     setIsSideMenuOpen(false);
   };
-  return jsx(ThemeContext.Provider, {
-    value: {
-      isDarkMode,
-      toggleTheme
-    },
-    children: jsxs("div", {
-      className: `flex h-screen bg-gray-50 dark:bg-gray-900`,
-      children: [jsx(Sidebar, {
+  // Use CSS classes instead of theme-based styling
+  const getBackgroundClasses = () => {
+    let classes = 'flex flex-col h-screen bg-background font-sans relative';
+    if (backgroundSettings.type === 'image' && backgroundSettings.image) {
+      classes += ' bg-cover bg-center bg-fixed';
+    }
+    return classes;
+  };
+  return jsxs("div", {
+    className: getBackgroundClasses(),
+    ref: horizontalScrollRef,
+    style: backgroundSettings.type === 'image' && backgroundSettings.image ? {
+      backgroundImage: `url(${backgroundSettings.image})`
+    } : backgroundSettings.type === 'color' && backgroundSettings.color !== 'inherit' ? {
+      backgroundColor: backgroundSettings.color
+    } : {},
+    children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
+      toggleSideMenu: toggleSideMenu,
+      settings: settings,
+      upperMenus: getMenuSeparation(menuData).upperMenus,
+      routeParams: routeParams,
+      collapsed: collapsed,
+      ...props
+    }), LAYOUT_ROOT === '/' && deviceSettings?.header?.showHeader && jsx(MainHeader, {
+      scrolled: scrolled,
+      location: location,
+      menuData: menuData,
+      settings: settings,
+      pageTitleInfo: pageTitleInfo,
+      onSettingChange: onSettingChange,
+      searchOptionsShown: searchOptionsShown,
+      setSearchOptionsShown: setSearchOptionsShown,
+      authorities: authorities,
+      picture: picture,
+      componentVisibility: componentVisibility
+    }), jsxs("div", {
+      children: [layoutSettings?.navigationMode !== 'topbar' && deviceSettings?.header?.showMenu && LAYOUT_ROOT != '/' && jsx(Sidebar, {
         isSideMenuOpen: isSideMenuOpen,
         closeSideMenu: closeSideMenu,
         menuData: menuData,
-        collapsed: children,
+        collapsed: collapsed,
+        setCollapsed: setCollapsed,
         routeParams: routeParams,
         settings: settings
       }), jsxs("div", {
-        className: "flex flex-col flex-1 w-full",
-        children: [jsx(GlobalHeader, {
-          toggleSideMenu: toggleSideMenu,
-          settings: settings,
-          upperMenus: getMenuSeparation(menuData).upperMenus,
-          routeParams: routeParams,
-          collapsed: collapsed
-        }), jsx(SettingDrawer, {
+        className: "flex flex-col flex-1",
+        style: {
+          marginLeft: layoutSettings?.navigationMode !== 'topbar' && deviceSettings?.header?.showMenu && layoutSettings?.fixedSidebar && !isMobile && LAYOUT_ROOT != '/' ? collapsed ? '64px' : '256px' : '0px',
+          padding: LAYOUT_ROOT != '/' ? '24px' : '0px'
+        },
+        children: [config.ENABLE_SETTING_DRAWER && jsx(SettingDrawer, {
           primaryColor: primaryColor,
           settings: settings,
-          onSettingChange: onSettingChange
-        }), jsx("main", {
-          className: "h-full overflow-y-auto",
-          children: jsx("div", {
-            className: "container px-6 mx-auto grid",
-            children: jsx(Outlet, {})
+          onSettingChange: newSettings => {
+            if (actor) {
+              actor.send({
+                type: 'UPDATE',
+                value: newSettings
+              });
+            }
+            onSettingChange?.(newSettings);
+          },
+          actor: actor,
+          colorList: getThemeColors(settings?.theme),
+          ...props
+        }), jsxs("main", {
+          className: "relative",
+          children: [searchOptionsShown && deviceSettings?.header?.searchBarOverlay && jsx("div", {
+            className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
+            onClick: e => {
+              e.stopPropagation();
+              setSearchOptionsShown(false);
+            }
+          }), jsx(Outlet, {})]
+        }), deviceSettings?.footer?.showFooter && jsx("div", {
+          ref: refFooter,
+          className: footerFixed ? 'fixed bottom-0 w-full' : '',
+          children: jsx(FooterSlot, {
+            settings: settings,
+            active: deviceSettings?.footer?.showFooter
           })
-        }), jsx(GlobalFooter, {
-          settings: settings,
-          active: settings?.showFooter
         })]
       })]
-    })
+    })]
   });
-};export{BasicLayout,useHorizontalScroll,useTheme};//# sourceMappingURL=index.js.map
+};export{BasicLayout,useHorizontalScroll};//# sourceMappingURL=index.js.map

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/BasicLayout/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,gBAAgB,yCAwB5B,CAAC;AAEF,eAAO,MAAM,QAAQ;eAA2B,OAAO;EAyD7C,CAAC;AAEX,eAAO,MAAM,uBAAuB;UAAsB,GAAG;eAAa,OAAO;EAK/E,CAAC;AAEH,eAAO,MAAM,eAAe,YAU3B,CAAC;AAEF,eAAO,MAAM,UAAU,+FAStB,CAAC;AAEF,eAAO,MAAM,WAAW,4BAUvB,CAAC;AAGF,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAAW,MAAM,WAchE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,gBAAgB,yCAwB5B,CAAC;AAEF,eAAO,MAAM,QAAQ;eAA2B,OAAO;EAyD7C,CAAC;AAEX,eAAO,MAAM,uBAAuB;UAAsB,GAAG;eAAa,OAAO;EAK/E,CAAC;AAEH,eAAO,MAAM,eAAe,YAU3B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAK,EAAE,WAAM,EAAE,WAAM,EAAE,UAAK,4CAStD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAY,UAUvC,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,WAchE,CAAC"}

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

@@ -114,17 +114,4 @@ const FooterSubMenuItemRender = React.memo(({
   return jsx("span", {
     children: item?.name
   });
-});
-// Function for generate lighter shade form colorPrimary
-const generateLightShade = (color, percent) => {
-  let r = parseInt(color.slice(1, 3), 16);
-  let g = parseInt(color.slice(3, 5), 16);
-  let b = parseInt(color.slice(5, 7), 16);
-  r += Math.round((255 - r) * percent);
-  g += Math.round((255 - g) * percent);
-  b += Math.round((255 - b) * percent);
-  r = Math.min(r, 255);
-  g = Math.min(g, 255);
-  b = Math.min(b, 255);
-  return '#' + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');
-};export{FooterSubMenuItemRender,UserView,generateLightShade};//# sourceMappingURL=utils.js.map
+});export{FooterSubMenuItemRender,UserView};//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"6MAKgCA,IAC5B,CAAA,QAAA,EAAA;AAyBJ,EAAA,SAAO,EAAM,gDAAiE;AAC1E,EAAA,QAAM,EAAE,CAAOA,IAAA,CAAA,KAAK,EAAE;AACtB,IAAA,SAAgB,EAAA,qBAAK;AACrB,IAAA,QAAQ,EAAA,CAAAC,GAAQ,CAAA,GAAA,EAAM;MAElB,IAAA,EAAA,qBAA0B;YACnB,EAAA,QACE;MA8BZ,GAAA,EAAA,qBAAA;MAEM,SAEY,EAAA,qDACS;AAehC,MAAW,QAAA,EAAA;AAEX,KAAA,CAAM,EAACA,GAAA,CAAM,GAAuB,EAAA;AAChC,MAAA,MAAQ,4BAAuB;AAC3B,MAAA,MAAA,EAAA,QAAgB;MACnB,GAAA,EAAA,qBAAA;AACD,MAAA,SAAc,EAAA,qDAAmB;AACrC,MAAG,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAEH,QAAO,SAAqB,EAAA,SAAA;AACxB,QAAI,IAAO,EAAA,cAAY;AACvB,QAAA,OAAkB,EAAA;QACd,UAAUA,GAAA,CAAA,MAAA,EAAA;UACN,CAAA,EAAA;SACD;;AAEC,KAAA,CAAA;SACH,CAAA,KAAA,EAAA;IACL,SAAC,EAAA,uBAAA;AACL,IAAE,QAAA,EAAA,CAAA,EAAA,IAAA,IAAA,EAAA,CAAA,WAAA,EAAA,CAAA,eAAA;AAEF,GAAA,CAAA;;sBAGa,CAAA,IAAG,CAAA,CAAA;AAMhB,EAAE;AAEF,CAAM,KAAA;AACF,EAAA,MAAI;WACO,GAAA;AACH,GAAA,GAAA,cAAA,CAAA,KAAA,IAAA,KAAA,EAAA,IAAA,IAAA,EAAA,CAAA;AACI,EAAA,MAAA;AACA,IAAA;AACH,GAAA,GAAA,iBAAA,EAAA;AACD,EAAA,MAAA;UACF;IACN,IAAC;AACL,IAAE,QAAA;AAEF,IAAwD;AACxD,GAAM,GAAA,OAAO,IAAkB,EAAA;AAC3B,EAAA,IAAA,OAAgB,CAAA,OAAC,KAAK,MAAM,IAAI,IAAI,EAAE;AACtC,IAAA,OAAKA,GAAW,CAAA,KAAC;AACjB,MAAA,SAAgB,EAAA;AAEhB,MAAK,QAAK,EAAAA,GAAM,CAAC,KAAG,EAAI;AACxB,QAAK,SAAK,EAAK,UAAU;AACzB,QAAK,QAAK,EAAAD,IAAU,CAAA,IAAI,EAAI;YAEpB,EAAC,QAAU;kBACL,EAAE,CAAG,CAAA,SAAE,IAAAA,IAAA,CAAA,QAAA,EAAA;YACb,SAAW,EAAA,qGAAE;AAErB,oBAAuB,EAAA,CAAAC,GAAA,CAAC;AAC5B,cAAE,SAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"6MAKgCA,IAC5B,CAAA,QAAA,EAAA;AAyBJ,EAAA,SAAO,EAAM,gDAAiE;AAC1E,EAAA,QAAM,EAAE,CAAOA,IAAA,CAAA,KAAK,EAAE;AACtB,IAAA,SAAgB,EAAA,qBAAK;AACrB,IAAA,QAAQ,EAAA,CAAAC,GAAQ,CAAA,GAAA,EAAM;MAElB,IAAA,EAAA,qBAA0B;YACnB,EAAA,QACE;MA8BZ,GAAA,EAAA,qBAAA;MAEM,SAEY,EAAA,qDACS;AAehC,MAAW,QAAA,EAAA;AAEX,KAAA,CAAM,EAACA,GAAA,CAAM,GAAuB,EAAA;AAChC,MAAA,MAAQ,4BAAuB;AAC3B,MAAA,MAAA,EAAA,QAAgB;MACnB,GAAA,EAAA,qBAAA;AACD,MAAA,SAAc,EAAA,qDAAmB;AACrC,MAAG,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAEH,QAAO,SAAqB,EAAA,SAAA;AACxB,QAAI,IAAO,EAAA,cAAY;AACvB,QAAA,OAAkB,EAAA;QACd,UAAUA,GAAA,CAAA,MAAA,EAAA;UACN,CAAA,EAAA;SACD;;AAEC,KAAA,CAAA;SACH,CAAA,KAAA,EAAA;IACL,SAAC,EAAA,uBAAA;AACL,IAAE,QAAA,EAAA,CAAA,EAAA,IAAA,IAAA,EAAA,CAAA,WAAA,EAAA,CAAA,eAAA;AAEF,GAAA,CAAA;;sBAGa,CAAA,IAAG,CAAA,CAAA;AAMhB,EAAE;AAEF,CAAM,KAAA;AACF,EAAA,MAAI;WACO,GAAA;AACH,GAAA,GAAA,cAAA,CAAA,KAAA,IAAA,KAAA,EAAA,IAAA,IAAA,EAAA,CAAA;AACI,EAAA,MAAA;AACA,IAAA;AACH,GAAA,GAAA,iBAAA,EAAA;AACD,EAAA,MAAA;UACF;IACN,IAAC;AACL,IAAE,QAAA;AAEF,IAAwD;AACxD,GAAM,GAAA,OAAO,IAAkB,EAAA;AAC3B,EAAA,IAAA,OAAgB,CAAA,OAAC,KAAK,MAAM,IAAI,IAAI,EAAE;AACtC,IAAA,OAAKA,GAAW,CAAA,KAAC;AACjB,MAAA,SAAgB,EAAA;AAEhB,MAAK,QAAK,EAAAA,GAAM,CAAC,KAAG,EAAI;AACxB,QAAK,SAAK,EAAK,UAAU;AACzB,QAAK,QAAK,EAAAD,IAAU,CAAA,IAAI,EAAI;YAEpB,EAAC,QAAU;kBACL,EAAE,CAAG,CAAA,SAAE,IAAAA,IAAA,CAAA,QAAA,EAAA;YACb,SAAW,EAAA,qGAAE;AAErB,oBAAuB,EAAA,CAAAC,GAAA,CAAC;AAC5B,cAAE,SAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts

@@ -1,12 +1,5 @@
 import * as React from 'react';
-export interface BottomMenuDropDownProps {
-    menus: any;
-    collapsed: boolean;
-    routeParams: {
-        orgName?: string;
-        [key: string]: string;
-    };
-}
+import { BottomMenuDropDownProps } from '../../typings';
 declare const BottomMenuDropDown: React.FC<BottomMenuDropDownProps>;
 export default BottomMenuDropDown;
 //# sourceMappingURL=BottomMenuDropdown.d.ts.map

package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomMenuDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;CACL;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2EzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"BottomMenuDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2EzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomMenuDropdown.js","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"kOAcA,MAAM,kBAAkB,GAAsC,KAAC,IAAS;QAC9D;AACN,IAAA,KAAA;AACA,IAAA,SAAO;IACP;AAEA,GAAA,GAAA,KAAM;AACF,EAAA,MAAA,QAAwB,GAAA,WAAA,EAAA;AACpB,EAAA,MAAA,CAAA,MAAA,YAAe,GAAC,KAAO,CAAI,eAAY;mBAC1B,GAAA,KAAM,CAAA,MAAE,CAAA,IAAA,CAAA;iBACpB,CAAA,MAAA;AACL,IAAA,MAAE,kBAAA,GAAA,KAAA,IAAA;AAEF,MAAA,IAAA,WAAyB,CAAA,OAAA,IAAA,CAAC,WAAW,CAAE,OAAA,CAAA,QAAA,CAAA,KAAoB,CAAA,MAAA,CAAA,EAAA;AAC3D,QAAA,UAAU,KAAE,CAAA;AACR;AACJ,KAAA;IACJ,QAAO,CAAA,gBAAA,CAAA,WAAA,EAAA,kBAAA,CAAA;AAEP,IAAA,OAAiB,MAAA;cACT,CAAA,mBAAU,CAAA,WAAA,EAAA,kBAAA,CAAA;AACd,KAAA;AACI,GAAA,EAAA,EAAA,CAAA;AACI,EAAA,MAAA,WAAA,GAAO,GAAA,IAAA;iBACD;aACT,OAAA,IAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA;UACJ,OAAA,CAAA,GAAA,KAAA,GAAA,EAAA;QACD,IAAQ,GAAA;QACR;AACJ;;AAGI,IAAA,QAAA,CAAA,gBAAmB,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AACvB,IAAA,SAAE,CAAA,KAAA,CAAA;AAEF,GAAA;QACI,oBAAO,GAAA,MAAA;aACE,CAAA,CAAA,MAAM,CAAA;;iBAEP,GAAM,KAAK,EAAA,QAAA,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,GAAA,CAAA,IAAA,IAAA;;WAEjB,EAAA,IAAA,CAAA,IAAA;AACN,MAAE,GAAC,EAAA,IAAA,CAAA,GAAA;MAEI,IAAA,EACH,IAAK,CAAA,IAAA;;AAMO,KAAA;AACJ,GAAA,CAAA;AAuBhB,EAAE,OAAAA,IAAA,CAAA,KAAA,EAAA;AAEF,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomMenuDropdown.js","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"kOAMA,MAAM,kBAAkB,GAAsC,KAAC,IAAS;QAC9D;AACN,IAAA,KAAA;AACA,IAAA,SAAO;IACP;AAEA,GAAA,GAAA,KAAM;AACF,EAAA,MAAA,QAAwB,GAAA,WAAA,EAAA;AACpB,EAAA,MAAA,CAAA,MAAA,YAAe,GAAC,KAAO,CAAI,eAAY;mBAC1B,GAAA,KAAM,CAAA,MAAE,CAAA,IAAA,CAAA;iBACpB,CAAA,MAAA;AACL,IAAA,MAAE,kBAAA,GAAA,KAAA,IAAA;AAEF,MAAA,IAAA,WAAyB,CAAA,OAAA,IAAA,CAAC,WAAW,CAAE,OAAA,CAAA,QAAA,CAAA,KAAoB,CAAA,MAAA,CAAA,EAAA;AAC3D,QAAA,UAAU,KAAE,CAAA;AACR;AACJ,KAAA;IACJ,QAAO,CAAA,gBAAA,CAAA,WAAA,EAAA,kBAAA,CAAA;AAEP,IAAA,OAAiB,MAAA;cACT,CAAA,mBAAU,CAAA,WAAA,EAAA,kBAAA,CAAA;AACd,KAAA;AACI,GAAA,EAAA,EAAA,CAAA;AACI,EAAA,MAAA,WAAA,GAAO,GAAA,IAAA;iBACD;aACT,OAAA,IAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA;UACJ,OAAA,CAAA,GAAA,KAAA,GAAA,EAAA;QACD,IAAQ,GAAA;QACR;AACJ;;AAGI,IAAA,QAAA,CAAA,gBAAmB,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AACvB,IAAA,SAAE,CAAA,KAAA,CAAA;AAEF,GAAA;QACI,oBAAO,GAAA,MAAA;aACE,CAAA,CAAA,MAAM,CAAA;;iBAEP,GAAM,KAAK,EAAA,QAAA,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,GAAA,CAAA,IAAA,IAAA;;WAEjB,EAAA,IAAA,CAAA,IAAA;AACN,MAAE,GAAC,EAAA,IAAA,CAAA,GAAA;MAEI,IAAA,EACH,IAAK,CAAA,IAAA;;AAMO,KAAA;AACJ,GAAA,CAAA;AAuBhB,EAAE,OAAAA,IAAA,CAAA,KAAA,EAAA;AAEF,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalFooter/Copyright.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/Copyright.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;6CAId,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/Copyright.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,GAAI;;CAAS,4CAI3B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/Layout/GlobalFooter/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/Footer.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;;6CAexB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/Footer.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI;;;CAAoB,4CAehD,CAAC"}

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

@@ -1,18 +1,5 @@
 import React from 'react';
-import { ProSettings } from '@admin-layout/client';
-export interface GlobalHeaderRightProps {
-    theme?: string;
-    layout?: any;
-    upperMenus: any;
-    routeParams: {
-        orgName?: string;
-        [key: string]: string;
-    };
-    formatMessage?: any;
-    collapsed?: boolean;
-    settings?: ProSettings;
-    toggleSideMenu?: any;
-}
+import { GlobalHeaderRightProps } from '../../typings';
 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;AAK1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4EzD,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;AAK1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqHzD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Menu,Search,Sun,Moon}from'lucide-react';import {useTheme}from'../BasicLayout/index.js';import OrganizationDropDown from'./OrganizationDropdown.js';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';const GlobalHeader = props => {
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {useDispatch,useSelector}from'react-redux';import {RightContent}from'./RightContent.js';import {icons}from'../../../icons.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';import {SearchBar}from'./SearchBar.js';const GlobalHeader = props => {
   const {
     theme,
     layout,
@@ -6,68 +6,93 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Me
     routeParams,
     collapsed,
     settings,
-    toggleSideMenu
+    toggleSideMenu,
+    location
   } = props;
-  const [isNotificationsMenuOpen, setIsNotificationsMenuOpen] = useState(false);
-  const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false);
   const {
-    isDarkMode,
-    toggleTheme
-  } = useTheme();
-  if (!settings?.showHeader) return null;
+    MenuIcon
+  } = icons;
+  const {
+    isMobile
+  } = useMediaQuery();
+  useDispatch();
+  const {
+    searchQuery,
+    isSearching
+  } = useSelector(state => state.search);
+  const currentRoute = location?.pathname || '/';
+  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 || {};
+  const backgroundSettings = deviceSettings?.background || {
+    type: 'color',
+    color: 'inherit',
+    image: ''};
+  // Use CSS classes instead of theme-based styling
+  const getHeaderClasses = () => {
+    let classes = `z-10 py-4 top-0 border-b border-border relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`;
+    if (backgroundSettings.type === 'image' && backgroundSettings.image) {
+      classes += ' bg-cover bg-center';
+    }
+    return classes;
+  };
+  const getHeaderStyles = () => {
+    const baseStyles = {};
+    if (backgroundSettings.type === 'image' && backgroundSettings.image) {
+      baseStyles.backgroundImage = `url(${backgroundSettings.image})`;
+    } else if (backgroundSettings.type === 'color' && backgroundSettings.color !== 'inherit') {
+      baseStyles.backgroundColor = backgroundSettings.color;
+    }
+    // Add dark theme styling
+    if (settings?.navTheme === 'realDark') {
+      baseStyles.backgroundColor = '#222';
+      baseStyles.color = '#fff !important';
+    }
+    return baseStyles;
+  };
+  // 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 bg-white shadow-md dark:bg-gray-800",
+    className: getHeaderClasses(),
+    style: getHeaderStyles(),
     children: jsxs("div", {
-      className: "container flex items-center justify-end h-full px-6 mx-auto text-gray-700 dark:text-gray-200",
-      children: [jsx("button", {
-        className: "p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple",
+      className: `flex items-center justify-between h-full px-4 sm:px-6 mx-auto relative z-10 ${settings?.navTheme === 'realDark' ? 'text-white' : 'text-foreground'}`,
+      children: [isMobile && headerSettings?.showMenuToggle && jsx("button", {
+        className: "p-1 -ml-1 rounded-md md:hidden focus:outline-none focus-themed",
         onClick: toggleSideMenu,
         "aria-label": "Menu",
-        children: jsx(Menu, {
+        children: jsx(MenuIcon, {
           className: "w-6 h-6"
         })
-      }), settings?.searchBarRender && jsx("div", {
-        className: "flex justify-center flex-1 lg:mr-32",
-        children: jsxs("div", {
-          className: "relative w-full max-w-xl mr-6 focus-within:text-purple-500",
-          children: [jsx("div", {
-            className: "absolute inset-y-0 flex items-center pl-2",
-            children: jsx(Search, {
-              className: "w-4 h-4"
-            })
-          }), jsx("input", {
-            className: "w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input",
-            type: "text",
-            placeholder: "Search",
-            "aria-label": "Search"
+      }), headerSettings?.showLogo && jsx("div", {
+        children: jsxs(Link, {
+          to: "/",
+          className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-foreground",
+          children: [typeof settings?.logo === 'string' ? jsx("img", {
+            src: settings?.logo,
+            alt: "Logo",
+            className: "w-[28px]"
+          }) : settings?.logo, !isMobile && headerSettings?.showPageTitle && jsx("span", {
+            style: {
+              color: settings?.navTheme === 'realDark' ? '#fff' : undefined
+            },
+            children: settings?.title
           })]
         })
-      }), jsxs("ul", {
-        className: "flex items-center flex-shrink-0 space-x-6",
-        children: [jsx("li", {
-          className: "flex",
-          children: jsx("button", {
-            className: "rounded-md focus:outline-none focus:shadow-outline-purple",
-            onClick: toggleTheme,
-            "aria-label": "Toggle color mode",
-            children: isDarkMode ? jsx(Sun, {
-              className: "w-5 h-5"
-            }) : jsx(Moon, {
-              className: "w-5 h-5"
-            })
-          })
-        }), jsx("li", {
-          className: "relative",
-          children: jsx(LanguageMenu, {})
-        }), jsx("li", {
-          className: "relative",
-          children: jsx(OrganizationDropDown, {
-            upperMenus: upperMenus,
-            routeParams: routeParams,
-            collapsed: collapsed,
-            settings: settings
-          })
-        })]
+      }), showSearchBar && jsx("div", {
+        className: "flex-1 max-w-xl mx-4 hidden md:block",
+        children: jsx(SearchBar, {})
+      }), showRightContent && jsx(RightContent, {
+        upperMenus: upperMenus,
+        collapsed: collapsed,
+        routeParams: routeParams,
+        settings: settings
       })]
     })
   });

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":"+RAsBa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;IACA,KAAM;IACN,MAAM;IACN;IAEA,WAAM;AACF,IAAA,SAAA;YACoB;AACxB,IAAA;MAEM,KAAA;AACF,EAAA,MAAA,CAAA,uBAAuC,EAAA,0BAAE,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACzC,CAA0B,iBAAA,EAAA,oBAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE;IAEF,UAAa;AAAc,IAAA;AAC3B,GAAA,GAAA,QACY,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"6cASa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AACN,IAAA,UAAc;AACd,IAAA,WAAmB;AAEnB,IAAA;AACA,IAAA;IACA,cAAM;IACN;MACM,KAAA;AACN,EAAA,MAAA;AACA,IAAA;AACI,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,aAAS,EAAA;EACX,WAAA;QAE+C;IACjD,WAAM;AACF,IAAA;iBAII,CAAA,KAAA,IAAA,KAAmB,CAAA,MAAS,CAAA;oBACrB,GAAI,sBAAsB,GAAA;QACrC,aAAC,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAED,EAAA,MAAA,qBAAe,GAAA,QAAA,GAAA,SAAA;AACnB,EAAA,MAAE,cAAA,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QAEI,cAAA,GAAe,aAAQ,EAAA,MAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QACzB,cAAM,GAAkC,cAAG,EAAA,MAAA,IAAA,EAAA;QAE3C,kBAAI,GAAA,cAA4B,EAAA,UAA6B,IAAA;iBAC/C;SACb,EAAA,SAAA;AAAM,IAAA,KAAA,EAAA;;AAKP,EAAA,MAAA,gBAAuB,GAAA,MAAa;AAChC,IAAA,IAAA,OAAA,GAAA,CAAA,gDAAoC,EAAA,cAAA,EAAA,WAAA,GAAA,QAAA,GAAA,UAAA,CAAA,CAAA;AACpC,IAAA,IAAA,kBAAW,CAAA,IAAQ,KAAA,OAAA,IAAA,kBAAkB,CAAA,KAAA,EAAA;aACxC,IAAA,qBAAA;AAED;AACJ,IAAA,OAAE,OAAA;;QAGE,eAAe,GAAY,MAAA;AAAE,IAAA,MAAA,UAAY,GAAA,EAAA;IAE7C,IAA0C,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;MACpC,UAAA,CAAA,eAA8B,GAAA,CAAA,IAAA,EAAE,kBAAkB,CAAA,KAAA,CAAA,CAAA,CAAA;KAEX,MAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,EAAA;MACvC,UAAA,CAAA,eAAmB,GAAA,kBAAgB,CAAA,KAAA;;AA2D7C;AAEA,IAAA,IAAA,uBAA4B,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILogoProps } from '../../typings';
+export declare const Logo: React.FC<ILogoProps>;
+//# sourceMappingURL=Logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA4B3C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsJrC,CAAC"}