@admin-layout/tailwind-design-pro 10.0.9-alpha.4 → 10.0.9-alpha.44

package/README.md

@@ -1 +1,88 @@
-# Tailwind UI
+# Tailwind Design Pro
+
+A universal tailwind design system for use across all projects.
+
+## Features
+
+-   Unified theme system with light and dark mode support
+-   Consistent styling across all projects
+-   Easy to customize and extend
+-   Built-in typography, forms, and aspect ratio support
+
+## Usage in Servers
+
+To use this package in your server project, follow these steps:
+
+### 1. Install the package
+
+```bash
+npm install @admin-layout/tailwind-design-pro
+```
+
+### 2. Use the Universal Tailwind Config
+
+Create a `tailwind.config.js` or `tailwind.config.ts` file in your server project and import the universal config:
+
+```typescript
+// tailwind.config.ts or tailwind.config.js
+import { themeConfig } from '@admin-layout/tailwind-design-pro';
+
+export default {
+    // Override content paths to include server-specific paths
+    content: [
+        './src/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}',
+        './app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}',
+        '../../packages/**/*.{js,jsx,ts,tsx}',
+        '../../packages-modules/**/*.{js,jsx,ts,tsx}',
+    ],
+
+    // You can add server-specific overrides here if needed
+    theme: {
+        extend: {
+            // Any server-specific extensions would go here
+            ...themeConfig,
+        },
+    },
+    darkMode: 'class',
+    variants: {
+        typography: ['dark'],
+    },
+    plugins: [typography, forms, aspectRatio],
+};
+```
+
+### 3. Using the ThemeProvider
+
+To enable theme switching functionality in your application, wrap your app with the ThemeProvider:
+
+```tsx
+import { ThemeProvider } from '@admin-layout/tailwind-design-pro';
+
+function App() {
+    // Example settings for the theme
+    const settings = {
+        theme: 'airbnb', // Use our unified theme
+        themeType: 'light', // 'light' or 'dark'
+        primaryColor: '#1890ff', // Optional custom primary color
+        fontFamily: 'Inter, sans-serif', // Optional custom font
+    };
+
+    return (
+        <ThemeProvider settings={settings}>
+            <YourApp />
+        </ThemeProvider>
+    );
+}
+```
+
+## Theme Customization
+
+The theme system is built on Tailwind's theme extension mechanism. You can customize the theme by modifying the `themeRegistry.ts` file.
+
+## Available Themes
+
+-   `default` - The default theme
+-   `github` - GitHub-inspired theme
+-   `slack` - Slack-inspired theme
+-   `airbnb` - Airbnb-inspired theme
+-   `spotify` - Spotify-inspired theme

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

@@ -5,6 +5,8 @@
     "header": "Header",
     "footer": "Footer",
     "search_bar": "Search Bar",
+    "search_bar_on_scroll": "Show Search Bar on Scroll",
+    "search_bar_overlay": "Show Overlay on Search",
     "menu": "Menu",
     "menu_header": "Menu Header",
     "setting": "Setting",
@@ -15,5 +17,8 @@
     "other_setting": "Other Setting",
     "weak_mode": "Weak Mode",
     "light": "Light",
-    "dark": "Dark"
+    "dark": "Dark",
+    "font_family": "Font Family",
+    "select_theme": "Select Theme",
+    "scroll_threshold": "Searchbar Scroll Threshold"
 }

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

@@ -3,8 +3,10 @@
     "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",
@@ -15,5 +17,6 @@
     "other_setting": "Otra Configuración",
     "weak_mode": "Modo Débil",
     "light": "Claro",
-    "dark": "Oscuro"
+    "dark": "Oscuro",
+    "scroll_threshold": "Umbral de Desplazamiento"
 }

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import { BasicLayoutProps, GlobalHeaderProps } from '@admin-layout/client';
-export declare const useHorizontalScroll: ({ scrolled, setScrolled, setSearchOptionsShown, onScrollReachEnd }: {
+export declare const useHorizontalScroll: ({ scrolled, setScrolled, setSearchOptionsShown, onScrollReachEnd, settings, onSettingChange, }: {
     scrolled: any;
     setScrolled: any;
     setSearchOptionsShown: any;
     onScrollReachEnd: any;
+    settings: any;
+    onSettingChange: any;
 }) => React.MutableRefObject<undefined>;
 export declare const BasicLayout: React.FC<BasicLayoutProps & GlobalHeaderProps & {
     routeParams?: any;

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,EAEpB,MAAM,sBAAsB,CAAC;AAY9B,eAAO,MAAM,mBAAmB;;;;;uCA6B/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,CAiJ3F,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;;;;;;;uCAgE/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,CAoL3F,CAAC"}

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

@@ -1,9 +1,10 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {createContext,useState,useRef,useEffect}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 useHorizontalScroll = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}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 {useTheme}from'../../ThemeProvider/ThemeProvider.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 {SearchBarBehavior}from'../../../machines/types.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.js';const useHorizontalScroll = ({
   scrolled,
   setScrolled,
   setSearchOptionsShown,
-  onScrollReachEnd
+  onScrollReachEnd,
+  settings,
+  onSettingChange
 }) => {
   const elRef = useRef();
   useEffect(() => {
@@ -13,11 +14,37 @@ const useHorizontalScroll = ({
         if (e.deltaY == 0) return;
         e.preventDefault();
         setSearchOptionsShown(false);
-        if (window.scrollY > 50) {
-          setScrolled(true);
-        }
-        if (window.scrollY < 25) {
-          setScrolled(false);
+        if (settings?.regions?.searchBarBehavior === SearchBarBehavior.ON_SCROLL) {
+          if (window.scrollY > 50) {
+            setScrolled(true);
+            // Update search bar visibility
+            onSettingChange({
+              ...settings,
+              regions: {
+                ...settings.regions,
+                searchBarRender: true
+              }
+            });
+          }
+          if (window.scrollY < 25) {
+            setScrolled(false);
+            // Hide search bar when scrolling back to top
+            onSettingChange({
+              ...settings,
+              regions: {
+                ...settings.regions,
+                searchBarRender: false
+              }
+            });
+          }
+        } else {
+          // For permanent search bar, just update scroll state
+          if (window.scrollY > 50) {
+            setScrolled(true);
+          }
+          if (window.scrollY < 25) {
+            setScrolled(false);
+          }
         }
         if (window.innerHeight + window.scrollY >= document.body.scrollHeight) {
           onScrollReachEnd();
@@ -28,7 +55,7 @@ const useHorizontalScroll = ({
         window.removeEventListener('scroll', onWheel);
       };
     }
-  }, []);
+  }, [settings?.regions?.searchBarBehavior]);
   return elRef;
 };
 const defaultPageTitleRender = (pageProps, props) => {
@@ -75,7 +102,7 @@ const BasicLayout = props => {
     // isChildrenLayout: propsIsChildrenLayout,
     menuDataRender,
     loading,
-    // location,
+    location,
     routeParams,
     settings,
     authorities,
@@ -85,27 +112,46 @@ const BasicLayout = props => {
     actor
   } = propsWithSettings;
   const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
-  const [isDarkMode, setIsDarkMode] = useState(false);
-  const location = useLocation();
+  // const location = useLocation();
   const [scrollEnd, setScrollEnd] = useState(false);
   const [searchOptionsShown, setSearchOptionsShown] = useState(false);
+  const {
+    picture
+  } = mainHeaderProps;
+  const {
+    LAYOUT_ROOT
+  } = config;
+  const {
+    theme,
+    isDarkMode
+  } = useTheme();
   const onScrollReachEnd = () => {
     setScrollEnd(prevScrollEnd => !prevScrollEnd);
   };
-  useHorizontalScroll({
+  const horizontalScrollRef = useHorizontalScroll({
     scrolled,
     setScrolled,
     setSearchOptionsShown,
-    onScrollReachEnd
+    onScrollReachEnd,
+    settings,
+    onSettingChange
   });
   const defaultProps = omit({
     ...propsWithSettings
   }, ['layout']);
-  defaultPageTitleRender({
+  const pageTitleInfo = defaultPageTitleRender({
     pathname: location?.pathname,
     ...defaultProps
   }, propsWithSettings);
   const settingRef = useRef(settings);
+  const scrollThreshold = settings?.regions?.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') {
@@ -134,62 +180,71 @@ const BasicLayout = props => {
       if (heightBody < window.innerHeight - heightHeader - heightFooter) setFooterFixed(true);else setFooterFixed(false);
     }
   }, [heightHeader, heightBody, heightFooter]);
-  useEffect(() => {
-    if (settings?.navTheme === 'light') {
-      setIsDarkMode(false);
-      document.documentElement.classList.remove('dark');
-    } else if (settings?.navTheme === 'dark') {
-      document.documentElement.classList.add('dark');
-      setIsDarkMode(true);
-    } else {
-      setIsDarkMode(false);
-      document.documentElement.classList.remove('dark');
-    }
-  }, [settings]);
   const toggleSideMenu = () => {
     setIsSideMenuOpen(!isSideMenuOpen);
   };
   const closeSideMenu = () => {
     setIsSideMenuOpen(false);
   };
-  return jsx(ThemeContext.Provider, {
-    value: {
-      isDarkMode
+  // Get background color based on dark mode
+  const backgroundColor = isDarkMode ? theme.colors.background.dark : theme.colors.background.light;
+  return jsxs("div", {
+    className: "flex h-screen bg-background font-sans",
+    ref: horizontalScrollRef,
+    style: {
+      backgroundColor: backgroundColor
     },
-    children: jsxs("div", {
-      className: `flex h-screen bg-gray-50 dark:bg-gray-900`,
-      children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && jsx(Sidebar, {
-        isSideMenuOpen: isSideMenuOpen,
-        closeSideMenu: closeSideMenu,
-        menuData: menuData,
-        collapsed: collapsed,
-        setCollapsed: setCollapsed,
+    children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && LAYOUT_ROOT != '/' && jsx(Sidebar, {
+      isSideMenuOpen: isSideMenuOpen,
+      closeSideMenu: closeSideMenu,
+      menuData: menuData,
+      collapsed: collapsed,
+      setCollapsed: setCollapsed,
+      routeParams: routeParams,
+      settings: settings
+    }), jsxs("div", {
+      className: "flex flex-col flex-1 w-full",
+      children: [settings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
+        toggleSideMenu: toggleSideMenu,
+        settings: settings,
+        upperMenus: getMenuSeparation(menuData).upperMenus,
         routeParams: routeParams,
-        settings: settings
-      }), jsxs("div", {
-        className: "flex flex-col flex-1 w-full",
-        children: [settings?.regions.showHeader && jsx(GlobalHeader, {
-          toggleSideMenu: toggleSideMenu,
-          settings: settings,
-          upperMenus: getMenuSeparation(menuData).upperMenus,
-          routeParams: routeParams,
-          collapsed: collapsed
-        }), jsx(SettingDrawer, {
-          primaryColor: primaryColor,
-          settings: settings,
-          onSettingChange: onSettingChange,
-          actor: actor
-        }), jsx("main", {
-          className: "h-full overflow-y-auto",
-          children: jsx("div", {
-            className: "container px-6 mx-auto grid",
-            children: jsx(Outlet, {})
-          })
-        }), jsx(GlobalFooter, {
+        collapsed: collapsed
+      }), LAYOUT_ROOT === '/' && settings?.regions.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
+      }), jsx(SettingDrawer, {
+        primaryColor: primaryColor,
+        settings: settings,
+        onSettingChange: onSettingChange,
+        actor: actor,
+        colorList: getThemeColors(settings?.theme)
+      }), jsxs("main", {
+        className: "relative",
+        children: [searchOptionsShown && settings?.regions?.searchBarOverlay && jsx("div", {
+          className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
+          onClick: e => {
+            e.stopPropagation();
+            setSearchOptionsShown(false);
+          }
+        }), jsx(Outlet, {})]
+      }), jsx("div", {
+        ref: refFooter,
+        className: footerFixed ? 'fixed bottom-0 w-full' : '',
+        children: jsx(FooterSlot, {
           settings: settings,
-          active: settings?.regions?.showFooter
-        })]
+          active: settings?.regions?.showFooter === undefined ? true : settings?.regions?.showFooter
+        })
       })]
-    })
+    })]
   });
 };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":"ymBAuBA,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC;AAEpE,MAAM,mBAAmB,GAAG,CAAC;AAChC,EAAA,QAAM;aAEG;AACL,EAAA,qBAAW;;AAEP,CAAA,KAAA;AACI,EAAA,MAAA,KAAA,GAAA,MAAM,EAAM;;oBACI,CAAA,OAAA,IAAA,IAAG;;AAEnB,MAAA,MAAA,OAAA,QAAW;oBACP,IAAW,CAAA,EAAA;wBACd,EAAA;AACD,QAAA,qBAAW,CAAA,KAAU,CAAA;0BACN,GAAA,EAAA,EAAM;qBACpB,CAAA,IAAA,CAAA;AACD;AACI,QAAA,IAAA,MAAA,CAAA,OAAA,GAAA,EAAA,EAAA;qBACH,CAAA,KAAA,CAAA;AACL;AAEA,QAAA,IAAA,MAAM,CAAC,WAAgB,GAAA,cAAW,IAAA,QAAS,CAAA,IAAA,CAAA,YAAA,EAAA;AAC3C,UAAA,gBAAY,EAAA;AACR;AACJ,OAAA;YACH,CAAA,gBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;MACJ,OAAM,MAAA;AAEP,QAAA,0BAAa,CAAA,QAAA,EAAA,OAAA,CAAA;AACjB,OAAE;AAEF;AAQI,GAAA,EAAA,EAAA,CAAA;AACA,EAAA,OAAA;AACA;4BACW,GAAA,CAAA,SAAA,EAAA,KAAA,KAAA;AACH,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;qBACF,GAAA,gBAAA,CAAA,SAAA,CAAA;MACL,eAAA,KAAA,KAAA,EAAA;IACD,OAAI;AACA,MAAA,KAAA,EAAA,KAAW,CAAA,KAAkB,IAAA,EAAA;AAC7B,MAAA,EAAA,EAAA,EAAI;cACO,EAAA;AACH,KAAA;;qBAEF,EAAA;UACL,KAAA,GAAA,eAAA,CAAA,SAAA,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;QACD,OAAO,UAAa,QAAK;MAC5B,OAAA;AACD,QAAA,GAAO,aAAa;AACxB,QAAE;AAEF,OAAO;;IAIH,OAAO,CAAQ,OAAA,KAAa,KAAA,QAAY,EAAA,6DAAQ,CAAA;;AAEhD,EAAA,OAAA,aAEI;;AAEA,MAAA,WACQ,GAAA,KAAA,IAAA;QACC,iBAAA,GAAA;IACT,GAAwB,eAAA;IACxB,GAAU;;AAGV,EAAA,MAAA,CAAA,QAAA,aACO,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACK,CAAA,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACZ,EAAA,MAAA;IAQJ,QAAqB;IACrB,UAAiB,EAAA,eAAe;AAChC;IACA,gBAAgB;IAChB,QAAyB;AACzB;;cAGgB,GAAA,GAAA;AAChB,IAAA,IAAE;;kBAGU;WACG;;eAEK;AACnB,IAAA,QAAE;IAEH,WAAM;AAEE,IAAA,YAAoB;AACvB,IAAA,eAEH;IACF,eAAM;;AAGE,GAAA,GAAA,iBAAe;QAEnB,CAAA,cAAA,EACH,iBAAC,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAEF,EAAA,MAAA,CAAA,YAAmB,aAAO,CAAA,GAAQ,QAAE,CAAA,KAAA,CAAA;QAE3B,WAAM,WAAA,EAAA;QACX,CAA2D,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAC3D,EAAA,MAAA,CAAA,kBAAsB,EAAA,qBAA6B,CAAA,GAAA,QAAA,CAAI,KAAY,CAAA;QAInE,yBAAyB;AAE7B,IAAA,YAAa,CAAA,aAAW,IAAM,CAAE,aAAY,CAAE;AAC9C,GAAA;AACA,EAAwB,mBAAsB,CAAA;IAC9C,QAAkB;IAClB;AACI,IAAA,qBAAoB;;;;;cAGnB,CAAA,CAAA;wBACqC,CAAC;IAE3C,QAAS,EAAC,QAAK,EAAA,QAAA;AACX,IAAA,GAAA;sBACiB;kBACL,GAAC,eAAe,CAAC;WAC5B,CAAA,MAAA;AAAM;kBACK,CAAA,qBAAiB,KAAA,UAAoB,IAAE,YAAA,KAAA,UAAA,EAAA;YAC/C,QAAa,GAAA;QACjB,GAAC,UAAA,CAAA,OAAA;;;qBAEY;;AAEjB,GAAA,EAAC,CAAE,YAAW,EAAC,SAAA,EAAA,UAAA,CAAA,CAAA;QAET;AACF,IAAA,GAAA,EAAA,SAAA;AACJ,IAAA,MAAE,EAAA;MAEI,gBAAA,EAAgB;QAClB;AACJ,IAAA,GAAE,EAAA,OAAA;IAEF,MAAO,EACH;sBAGoB,EAAA;AACR,EAAA,MAAA;AAuCpB,IAAE,GAAA,EAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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/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 | any>;
 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;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,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,GAAG,GAAG,CAwE/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;AAEvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,GAAG,CAwE/D,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -19,7 +19,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
   }), [settings]);
   if (!settings?.regions?.showHeader) return null;
   return jsx("header", {
-    className: "z-10 py-4  shadow-md dark:bg-gray-800",
+    className: "z-10 py-4  dark:bg-gray-800",
     style: headerStyles,
     children: jsxs("div", {
       className: "container flex items-center justify-end h-full px-6 mx-auto text-gray-700 dark:text-gray-200",

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":"kMAqBa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;AACA,IAAA,KAAA;IAEA,MAA0B;IAC1B,UAAM;AAGM,IAAA,WAAA;AACA,IAAA,SAAK;AACgB,IAAA,QACpB;AAGb,IAAA;AAAoC,GAAA,GAAA,KAAA;AACpC,EAAA,MAAA;AAyDJ,IAAE,QAAA;AAEF,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"kMAMa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;AACA,IAAA,KAAA;IAEA,MAA0B;IAC1B,UAAM;AAGM,IAAA,WAAA;AACA,IAAA,SAAK;AACgB,IAAA,QACpB;AAGb,IAAA;AAAoC,GAAA,GAAA,KAAA;AACpC,EAAA,MAAA;AAyDJ,IAAE,QAAA;AAEF,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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"}