@admin-layout/tailwind-design-pro 10.0.4-alpha.19

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

@@ -0,0 +1,203 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {createContext,useState,useRef,useEffect,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,
+  setScrolled,
+  setSearchOptionsShown,
+  onScrollReachEnd
+}) => {
+  const elRef = useRef();
+  useEffect(() => {
+    const el = elRef.current || null;
+    if (el) {
+      const onWheel = e => {
+        if (e.deltaY == 0) return;
+        e.preventDefault();
+        setSearchOptionsShown(false);
+        if (window.scrollY > 50) {
+          setScrolled(true);
+        }
+        if (window.scrollY < 25) {
+          setScrolled(false);
+        }
+        if (window.innerHeight + window.scrollY >= document.body.scrollHeight) {
+          onScrollReachEnd();
+        }
+      };
+      window.addEventListener('scroll', onWheel);
+      return () => {
+        window.removeEventListener('scroll', onWheel);
+      };
+    }
+  }, []);
+  return elRef;
+};
+const defaultPageTitleRender = (pageProps, props) => {
+  const {
+    pageTitleRender
+  } = props;
+  const pageTitleInfo = getPageTitleInfo(pageProps);
+  if (pageTitleRender === false) {
+    return {
+      title: props.title || '',
+      id: '',
+      pageName: ''
+    };
+  }
+  if (pageTitleRender) {
+    const title = pageTitleRender(pageProps, pageTitleInfo.title, pageTitleInfo);
+    if (typeof title === 'string') {
+      return {
+        ...pageTitleInfo,
+        title
+      };
+    }
+    warning(typeof title === 'string', 'pro-layout: renderPageTitle return value should be a string');
+  }
+  return pageTitleInfo;
+};
+const BasicLayout = props => {
+  const propsWithSettings = {
+    ...defaultSettings,
+    ...props
+  };
+  const [scrolled, setScrolled] = useState(false);
+  const [collapsed, setCollapsed] = useState();
+  const {
+    children,
+    onCollapse: propsOnCollapse,
+    // contentStyle,
+    defaultCollapsed,
+    menuData,
+    // style,
+    // disableContentMargin,
+    siderWidth = 208,
+    menu,
+    // isChildrenLayout: propsIsChildrenLayout,
+    menuDataRender,
+    loading,
+    // location,
+    routeParams,
+    settings,
+    authorities,
+    primaryColor,
+    onSettingChange,
+    mainHeaderProps
+  } = 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 onScrollReachEnd = () => {
+    setScrollEnd(prevScrollEnd => !prevScrollEnd);
+  };
+  useHorizontalScroll({
+    scrolled,
+    setScrolled,
+    setSearchOptionsShown,
+    onScrollReachEnd
+  });
+  const defaultProps = omit({
+    ...propsWithSettings
+  }, ['layout']);
+  defaultPageTitleRender({
+    pathname: location?.pathname,
+    ...defaultProps
+  }, propsWithSettings);
+  const settingRef = useRef(settings);
+  useEffect(() => {
+    // Only update if the primaryColor actually needs to change
+    if (settingRef.current?.primaryColor === '#3FA541C' && primaryColor !== '#3FA541C') {
+      const newState = {
+        ...settingRef.current,
+        primaryColor
+      };
+      onSettingChange(newState);
+    }
+  }, [primaryColor, isBrowser, settingRef]);
+  const {
+    ref: refHeader,
+    height: heightHeader
+  } = useComponentSize();
+  const {
+    ref: refBody,
+    height: heightBody
+  } = useComponentSize();
+  const {
+    ref: refFooter,
+    height: heightFooter
+  } = useComponentSize();
+  const [footerFixed, setFooterFixed] = useState(false);
+  useEffect(() => {
+    if (heightHeader && heightBody && heightFooter) {
+      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, {
+        isSideMenuOpen: isSideMenuOpen,
+        closeSideMenu: closeSideMenu,
+        menuData: menuData,
+        collapsed: children,
+        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, {
+          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, {})
+          })
+        }), jsx(GlobalFooter, {
+          settings: settings,
+          active: settings?.showFooter
+        })]
+      })]
+    })
+  });
+};export{BasicLayout,useHorizontalScroll,useTheme};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export declare const defaultFooterDom: import("react/jsx-runtime").JSX.Element;
+export declare const UserView: React.NamedExoticComponent<{
+    collapsed: boolean;
+}>;
+export declare const FooterSubMenuItemRender: React.NamedExoticComponent<{
+    item: any;
+    collapsed: boolean;
+}>;
+export declare const handleMenuPopup: () => void;
+export declare const itemRender: (route: any, params: any, routes: any, paths: any) => import("react/jsx-runtime").JSX.Element;
+export declare const breadCrumbs: (routers?: any[]) => any[];
+export declare const generateLightShade: (color: string, percent: number) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,130 @@
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {Link}from'react-router-dom';import {isEmpty}from'lodash-es';import {useAppSelector,useLayoutSettings}from'@admin-layout/client';jsxs("footer", {
+  className: "flex flex-col items-center justify-center py-4",
+  children: [jsxs("div", {
+    className: "flex space-x-8 mb-2",
+    children: [jsx("a", {
+      href: "https://cdebase.com",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-gray-600 hover:text-gray-800 transition-colors",
+      children: "CDEBase Pro"
+    }), jsx("a", {
+      href: "https://github.com/cdebase",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-gray-600 hover:text-gray-800 transition-colors",
+      children: jsx("svg", {
+        className: "w-6 h-6",
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        children: jsx("path", {
+          d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+        })
+      })
+    })]
+  }), jsx("div", {
+    className: "text-gray-500 text-sm",
+    children: `${new Date().getFullYear()} By CDMBase LLC`
+  })]
+});
+const UserView = React.memo(({
+  collapsed
+}) => {
+  const {
+    profile = {}
+  } = useAppSelector(state => state?.user || {});
+  const {
+    settings
+  } = useLayoutSettings();
+  const {
+    isTest,
+    mock,
+    nickname,
+    picture
+  } = profile || {};
+  if (isEmpty(profile) || isTest || mock) {
+    return jsx("div", {
+      className: "flex",
+      children: jsx("div", {
+        className: "xl:w-2/3",
+        children: jsxs(Link, {
+          to: "/login",
+          children: [!collapsed && jsxs("button", {
+            className: "bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded flex items-center w-40 transition-colors",
+            children: [jsx("svg", {
+              className: "w-5 h-5 mr-2",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
+              })
+            }), "Login"]
+          }), collapsed && jsx("svg", {
+            className: "w-6 h-6",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
+            })
+          })]
+        })
+      })
+    });
+  }
+  return jsx("span", {
+    "data-user": nickname,
+    id: !isEmpty(profile) || isTest || mock ? `cde-user-placeholder` : 'cde-user',
+    className: `${settings?.themeType === 'dark' ? 'text-white' : ''}`,
+    children: jsxs("div", {
+      className: "flex items-center",
+      children: [jsx("div", {
+        className: "w-8 h-8 rounded-full bg-gray-300 flex items-center justify-center overflow-hidden ml-1 mb-1",
+        children: picture ? jsx("img", {
+          src: picture,
+          alt: nickname || 'Guest',
+          className: "w-full h-full object-cover"
+        }) : jsx("span", {
+          className: "text-sm",
+          children: (nickname || 'Guest').charAt(0)
+        })
+      }), !collapsed && jsx("span", {
+        className: "pl-2",
+        children: nickname || 'Guest'
+      })]
+    })
+  });
+});
+const FooterSubMenuItemRender = React.memo(({
+  item,
+  collapsed
+}) => {
+  if (item?.key === 'usermenu') {
+    return jsx(UserView, {
+      collapsed: collapsed
+    });
+  }
+  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

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,72 @@
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {generateMenuPath}from'@admin-layout/client';import {useNavigate}from'@remix-run/react';import {FooterSubMenuItemRender}from'../BasicLayout/utils.js';const BottomMenuDropDown = props => {
+  const {
+    menus,
+    collapsed,
+    routeParams
+  } = props;
+  const navigate = useNavigate();
+  const [isOpen, setIsOpen] = React.useState(false);
+  const dropdownRef = React.useRef(null);
+  React.useEffect(() => {
+    const handleClickOutside = event => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  const handleClick = key => {
+    let path = '';
+    for (let element of menus.menuData[0].children) {
+      if (element.key === key) {
+        path = element.path;
+        break;
+      }
+    }
+    navigate(generateMenuPath(path, routeParams));
+    setIsOpen(false);
+  };
+  const handleToggleDropdown = () => {
+    setIsOpen(!isOpen);
+  };
+  const menuItems = menus?.menuData[0]?.children?.map(menu => {
+    return {
+      label: menu.name,
+      key: menu.key,
+      path: menu.path,
+      icon: menu.icon
+    };
+  });
+  return jsxs("div", {
+    className: "relative",
+    ref: dropdownRef,
+    children: [jsx("div", {
+      className: "cursor-pointer",
+      onClick: handleToggleDropdown,
+      onContextMenu: e => {
+        e.preventDefault();
+        handleToggleDropdown();
+      },
+      children: jsx(FooterSubMenuItemRender, {
+        item: menus.menuData[0],
+        collapsed: collapsed
+      })
+    }), isOpen && jsx("div", {
+      className: "absolute bottom-full left-0 mb-1 bg-white border border-gray-200 rounded shadow-lg z-10 min-w-40",
+      children: jsx("div", {
+        className: "py-1",
+        children: menuItems?.map(item => jsxs("div", {
+          className: "flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer",
+          onClick: () => handleClick(item.key),
+          children: [item.icon && jsx("span", {
+            className: "mr-2",
+            children: item.icon
+          }), item.label]
+        }, item.key))
+      })
+    })]
+  });
+};export{BottomMenuDropDown as default};//# sourceMappingURL=BottomMenuDropdown.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+declare const Copyright: ({ title }: {
+    title: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Copyright;
+//# sourceMappingURL=Copyright.d.ts.map

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

@@ -0,0 +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"}

package/lib/components/Layout/GlobalFooter/Copyright.js

@@ -0,0 +1,8 @@
+import {jsxs}from'react/jsx-runtime';const Copyright = ({
+  title
+}) => jsxs("div", {
+  style: {
+    color: '#555353'
+  },
+  children: ["Copyright \u00A9 ", new Date().getFullYear(), " ", title, " All rights reserved."]
+});export{Copyright as default};//# sourceMappingURL=Copyright.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Copyright.js","sources":["../../../../src/components/Layout/GlobalFooter/Copyright.tsx"],"sourcesContent":[null],"names":[],"mappings":"qCAEA,MAAM,SAAS,GAAG,CAAC;AAMnB,EAAA;;;;;;"}

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

@@ -0,0 +1,5 @@
+export declare const GlobalFooter: ({ settings, active }: {
+    settings: any;
+    active: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

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

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

package/lib/components/Layout/GlobalFooter/Footer.js

@@ -0,0 +1,22 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import Copyright from'./Copyright.js';const GlobalFooter = ({
+  settings,
+  active
+}) => {
+  const {
+    title
+  } = settings;
+  if (!active) return null;
+  return jsxs("footer", {
+    className: "py-6 text-center",
+    children: [jsx("div", {
+      className: "my-8",
+      children: jsx(Link, {
+        to: "#",
+        className: "text-gray-600 hover:text-gray-800 transition-colors",
+        children: "Privacy Policy"
+      })
+    }), jsx(Copyright, {
+      title: title
+    })]
+  });
+};export{GlobalFooter};//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/GlobalFooter/Footer.tsx"],"sourcesContent":[null],"names":[],"mappings":"mHAIa,MAAA,YAAY,GAAG,CAAC;AACzB,EAAA,QAAM;AAEN,EAAA;AAAa,CAAA,KAAA;AAEb,EAAA,MAAA;AAUJ,IAAE;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+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;
+}
+export declare const GlobalHeader: React.FC<GlobalHeaderRightProps>;
+export default GlobalHeader;
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,74 @@
+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 => {
+  const {
+    theme,
+    layout,
+    upperMenus,
+    routeParams,
+    collapsed,
+    settings,
+    toggleSideMenu
+  } = props;
+  useState(false);
+  useState(false);
+  const {
+    isDarkMode,
+    toggleTheme
+  } = useTheme();
+  if (!settings?.showHeader) return null;
+  return jsx("header", {
+    className: "z-10 py-4 bg-white shadow-md dark:bg-gray-800",
+    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",
+        onClick: toggleSideMenu,
+        "aria-label": "Menu",
+        children: jsx(Menu, {
+          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"
+          })]
+        })
+      }), 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
+          })
+        })]
+      })]
+    })
+  });
+};export{GlobalHeader,GlobalHeader as default};//# sourceMappingURL=Header.js.map

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

@@ -0,0 +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,EAAyC,QAAA,CAAA,KAAA;EACP,QAAA,CAAA,KAAA;AACtC,EAAA,MAAE;IAEF,UAAa;AAAc,IAAA;AAC3B,GAAA,GAAA,QACY,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ProSettings } from '@ant-design/pro-layout';
+export interface GlobalHeaderRightProps {
+    theme?: string;
+    layout?: any;
+    upperMenus: any;
+    routeParams: {
+        orgName?: string;
+        [key: string]: string;
+    };
+    collapsed?: boolean;
+    settings?: ProSettings | any;
+}
+declare const OrganizationDropDown: React.FC<GlobalHeaderRightProps>;
+export default OrganizationDropDown;
+//# sourceMappingURL=OrganizationDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC;CAChC;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0E1D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}