@admin-layout/tailwind-design-pro 10.1.1-alpha.9 → 11.2.1-alpha.1

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

@@ -1,70 +1,4 @@
-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); }
-`;
-const defaultRenderLogo = (logo, animation, scrolled, settings, location) => {
-  if (typeof logo === 'string') {
-    return jsx(Logo, {
-      logo: undefined,
-      settings: settings,
-      scrolled: scrolled,
-      location: location
-    });
-  }
-  if (typeof logo === 'function') {
-    return logo();
-  }
-  return logo;
-};
-const defaultRenderLogoAndTitle = (props, animation, renderKey = 'menuHeaderRender') => {
-  const {
-    settings,
-    layout,
-    pageTitleInfo,
-    scrolled,
-    location
-  } = props;
-  const {
-    fontFamily,
-    titleFontSize,
-    titleFontWeight,
-    titleHeight,
-    titleColor,
-    letterSpacing,
-    logo,
-    title
-  } = settings || {};
-  const renderFunction = props[renderKey || ''];
-  if (renderFunction === false) {
-    return null;
-  }
-  const logoDom = defaultRenderLogo(logo, animation, scrolled, settings, location);
-  const titleDom = jsx("h1", {
-    className: `text-2xl ${settings?.navTheme === 'dark' ? 'text-[#F9FBFF]' : titleColor || 'text-gray-900'}`,
-    style: {
-      fontFamily: fontFamily,
-      fontWeight: titleFontWeight,
-      height: titleHeight,
-      letterSpacing: letterSpacing,
-      fontSize: titleFontSize
-    },
-    children: title
-  });
-  if (renderFunction) {
-    const {
-      isMobile
-    } = useMediaQuery();
-    return renderFunction(logoDom, isMobile ? null : titleDom, props);
-  }
-  if (layout === 'mix' && renderKey === 'menuHeaderRender') {
-    return null;
-  }
-  return jsx("div", {
-    className: "flex space-x-2 w-[200px] md:w-[200px] h-[60px]",
-    children: logoDom
-  });
-};
-const MainHeader = props => {
+import*as React from'react';import {getMenuSeparation}from'@admin-layout/client';import {Link}from'@remix-run/react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {SearchBarBehavior}from'../../../machines/types.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 {LogoSlot}from'../slot-fill/Logo.js';import {RightMenu}from'./RightMenu.js';const MainHeader = props => {
   const {
     rightContentRender,
     setSettingToggle,
@@ -75,7 +9,6 @@ const MainHeader = props => {
     layout,
     location,
     showSettings,
-    onSettingChange,
     settings,
     primaryColor,
     pageTitleInfo,
@@ -84,15 +17,31 @@ const MainHeader = props => {
     setSearchOptionsShown,
     authorities,
     picture,
-    componentVisibility
+    componentVisibility,
+    showMenu,
+    toggleSideMenu
   } = props;
   const {
     isMobile
   } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceRegions = routeSettings?.regions?.[deviceType] || {};
+  // Helper function to get value from uilayout with route/device override support
+  const getUILayoutValue = path => {
+    // Check for route/device-specific override first
+    const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
+    const uiOverride = settings?.uiSettings?.[routeDeviceKey];
+    if (uiOverride) {
+      const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
+      if (value !== undefined) return value;
+    }
+    // Fallback to settings (flattened uilayout from configuration-registries)
+    return path.split('.').reduce((obj, key) => obj?.[key], settings);
+  };
+  // Get device regions directly from uilayout
+  const deviceRegions = {
+    header: getUILayoutValue('header')
+  };
   const headerSettings = deviceRegions?.header || {};
   // State to track reduced motion preference
   const [prefersReducedMotion, setPrefersReducedMotion] = React.useState(false);
@@ -128,103 +77,111 @@ const MainHeader = props => {
   // const toggleSettings = () => {
   //     setSettingToggle(!settingToggle);
   // };
-  const {
-    pathname
-  } = useLocation();
-  // Use the state variable for animation
-  const animation = prefersReducedMotion ? undefined : `${spin} infinite 20s linear`;
-  const headerDom = defaultRenderLogoAndTitle({
-    scrolled,
-    ...props
-  }, animation, layout === 'mix' ? 'headerTitleRender' : undefined);
-  // 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) {
+  // Use CSS classes instead of theme-based styling
+  const getHeaderClasses = () => {
+    let classes = ` ${isMobile ? headerSettings?.position || 'fixed' : scrolled ? 'fixed' : 'absolute'} w-full top-0 z-[100] px-[8%] transition-all duration-1000 ease-in-out group`;
+    if (scrolled) {
+      classes += ' py-2 shadow-themed-md';
+    } else {
+      classes += ' py-2';
+    }
+    if (searchOptionsShown) {
+      classes += ' pb-8';
+    }
+    if (showMenu) {
+      classes += ' border-b';
+    }
+    if (isMobile) {
+      classes += ' border-none';
+    }
+    return classes;
+  };
+  const getHeaderStyles = () => {
+    if (scrolled) {
       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
+        backgroundColor: 'hsl(var(--card))',
+        color: 'hsl(var(--card-foreground))'
       };
     }
-    return baseStyles;
-  }, [scrolled, settings?.navTheme, isMobile, headerSettings]);
+    return {
+      backgroundColor: 'transparent',
+      color: 'hsl(var(--foreground))'
+    };
+  };
   if (!deviceRegions?.header?.showHeader && deviceRegions?.header?.showHeader !== undefined) {
     return null;
   }
-  return jsx("div", {
+  return React.createElement("div", {
+    className: getHeaderClasses(),
+    style: getHeaderStyles()
+  }, React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("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?.header?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
                         ${deviceRegions?.header?.hidden ? 'hidden' : 'flex'}
-                    `,
-        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: `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?.header?.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
-          })]
-        })]
-      })
-    })
-  });
-};export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle};//# sourceMappingURL=MainHeader.js.map
+                    `
+  }, isMobile && showMenu && React.createElement("button", {
+    onClick: toggleSideMenu,
+    className: "flex items-center justify-center p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200",
+    "aria-label": "Toggle sidebar"
+  }, React.createElement("svg", {
+    className: "w-6 h-6 text-gray-600 dark:text-gray-300",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M4 6h16M4 12h16M4 18h16"
+  }))), headerSettings?.showLogo && React.createElement(Link, {
+    to: "/",
+    className: "text-foreground"
+  }, React.createElement(LogoSlot, {
+    settings: settings,
+    scrolled: scrolled,
+    location: location,
+    prefersReducedMotion: prefersReducedMotion,
+    layout: layout
+  })), React.createElement("div", {
+    className: "flex-grow"
+  }), headerSettings?.showSearchSlot && React.createElement("div", {
+    className: "relative flex items-start justify-center"
+  }, React.createElement("div", {
+    className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-0 absolute' : 'opacity-100'}`
+  }, showSearchBar && !searchOptionsShown ? React.createElement(HeaderSearchButtonSlot, {
+    transform: "scale",
+    transitionDuration: "1.5s",
+    transitionTimingFunction: "ease-in",
+    setSearchOptionsShown: () => {
+      setSearchOptionsShown(true);
+    }
+  }) : null), React.createElement("div", {
+    className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-100' : 'opacity-0 absolute'}`
+  }, showSearchBar && searchOptionsShown ? React.createElement(HeaderSearchBarSlot, {
+    searchOptionsShown: searchOptionsShown,
+    listId: "navbar_searchbox",
+    onClose: () => {
+      setSearchOptionsShown(false);
+      setShowSearchBar(deviceRegions?.header?.searchBarBehavior !== SearchBarBehavior.ON_SCROLL || scrolled);
+    }
+  }) : null)), React.createElement("div", {
+    className: "flex-grow"
+  }), headerSettings?.showRightContent && React.createElement("div", {
+    className: "flex space-x-1 md:space-x-4"
+  }, React.createElement(RightContentSlot, {
+    scrolled: scrolled,
+    navTheme: settings?.navTheme
+  }), React.createElement(RightMenu, {
+    match: null,
+    menuData: menuData,
+    settings: settings,
+    routeParams: routeParams,
+    getMenuSeparation: getMenuSeparation,
+    scrolled: scrolled,
+    authorities: authorities,
+    picture: picture
+  })))));
+};export{MainHeader};//# 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":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OrganizationDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0E1D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"OrganizationDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuE1D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Link}from'react-router-dom';import {useTranslation}from'react-i18next';import {generateMenuPath}from'@admin-layout/client';const OrganizationDropDown = props => {
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {generateMenuPath}from'@admin-layout/client';const OrganizationDropDown = props => {
   const {
     theme,
     layout,
@@ -38,36 +38,32 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
   const handleMouseLeave = () => {
     setIsProfileMenuOpen(false);
   };
-  return jsxs("div", {
+  return React__default.createElement("div", {
     ref: dropdownRef,
     className: "relative",
     onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [jsxs("button", {
-      className: "align-middle rounded-full flex items-center focus:shadow-outline-purple focus:outline-none",
-      onClick: toggleProfileMenu,
-      "aria-label": "Account",
-      "aria-haspopup": "true",
-      children: [jsx("img", {
-        className: "object-cover w-8 h-8 rounded-full",
-        src: "https://e7.pngegg.com/pngimages/241/832/png-clipart-business-management-computer-software-apartment-organization-user-avatar-blue-angle.png",
-        alt: "",
-        "aria-hidden": "true"
-      }), jsx("span", {
-        className: "ml-2",
-        children: routeParams?.orgName
-      })]
-    }), isProfileMenuOpen && jsx("ul", {
-      className: "absolute right-0 w-56 p-2  space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700",
-      "aria-label": "submenu",
-      children: upperMenus && upperMenus[0]?.children?.map(menu => jsx("li", {
-        className: "flex",
-        children: jsx(Link, {
-          to: generateMenuPath(menu?.path, routeParams),
-          className: "w-full px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors duration-150",
-          children: t(menu?.name)
-        }, menu?.key || menu?.name)
-      }, menu?.key || menu?.name))
-    })]
-  });
+    onMouseLeave: handleMouseLeave
+  }, React__default.createElement("button", {
+    className: "align-middle rounded-full flex items-center focus-themed",
+    onClick: toggleProfileMenu,
+    "aria-label": "Account",
+    "aria-haspopup": "true"
+  }, React__default.createElement("img", {
+    className: "object-cover w-8 h-8 rounded-full",
+    src: "https://e7.pngegg.com/pngimages/241/832/png-clipart-business-management-computer-software-apartment-organization-user-avatar-blue-angle.png",
+    alt: "",
+    "aria-hidden": "true"
+  }), React__default.createElement("span", {
+    className: "ml-2 text-foreground"
+  }, routeParams?.orgName)), isProfileMenuOpen && React__default.createElement("ul", {
+    className: "absolute right-0 w-56 p-2 space-y-2 themed-dropdown",
+    "aria-label": "submenu"
+  }, upperMenus && upperMenus[0]?.children?.map(menu => React__default.createElement("li", {
+    className: "flex",
+    key: menu?.key || menu?.name
+  }, React__default.createElement(Link, {
+    key: menu?.key || menu?.name,
+    to: generateMenuPath(menu?.path, routeParams),
+    className: "w-full px-3 py-2 hover:bg-muted rounded-themed transition-colors duration-150 text-foreground"
+  }, t(menu?.name))))));
 };export{OrganizationDropDown as default};//# sourceMappingURL=OrganizationDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMA,MAAM,oBAAoB,GAAqC,KAAC,IAAS;AACrE,EAAA,MAAA;IACA,KAAM;IACN,MAAM;AACN,IAAA;IACA,WAAW;IAEX,SAAsB;IACtB;AACI,GAAA,GAAA,KAAA;QACA,CAA0B,uBAAA,EAAA,0BAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAE2C,WAAA,GAAA,MAAA,CAAA,IAAA,CAAA;QACpC;AACL,IAAA,CAAA;AACI,IAAA;oBACwB,CAAA,MAAA,CAAA;;AAE5B,EAAA,MAAA,iBAAE,GAAA,MAAA;AAEF,IAAA,oBAAyB,CAAA,CAAA;AACzB,IAAA,0BAAY,CAAA,KAAA,CAAA;AACR,GAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAsB,kBAAA,GAAA,KAAA,IAAA;MAChB,IAAA,WAAA,CAAA,OAAmB,IAAK,CAAA,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QAC1B,oBAAoB,CAAC,KAAK,CAAC;AAC/B;KAEM;YACkB,CAAA,gBAAC,CAAK,WAAE,EAAA,kBAAA,CAAA;AAChC,IAAA,OAAE,MAAA;AAEF,MAAA,QACI,CAAA,+BAAuB,EAAA,kBAAoB,CAAC;AAsB5B,KAAA;AAexB,GAAE,EAAA,EAAA,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"gMAMA,MAAM,oBAAoB,GAAqC,KAAC,IAAO;AACnE,EAAA,MAAA;IACA,KAAA;IACA,MAAM;AACN,IAAA;IACA,WAAW;IAEX,SAAA;IACA;AACI,GAAA,GAAA,KAAA;QACA,CAAA,uBAAA,EAA0B,0BAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEF,WAAA,GAAA,MAAA,CAAA,IAAA,CAAA;QACA;AACI,IAAA,CAAA;AACI,IAAA;oBACI,CAAA,MAAA,CAAA;;AAER,EAAA,MAAA,iBAAE,GAAA,MAAA;AAEF,IAAA,oBAAS,CAAA,CAAA;AACT,IAAA,0BAAY,CAAA,KAAA,CAAA;AACR,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;MACtB,IAAM,WAAA,CAAA,OAAmB,IAAG,CAAE,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QAC1B,oBAAoB,CAAC,KAAK,CAAC;AAC/B,MAAE;IAEF,CAAA;YACI,CAAA,gBAAqB,CAAA,WAAO,EAAA,kBAAA,CAAA;AAChC,IAAA,OAAE,MAAA;AAEF,MAAA,QACI,CAAA,mBAAA,CAAA,WAAU,EAAA,kBAAa,CAAA;;AAOf,EAAA,CAAA,EAAA,EAAA,CAAA;;QASH,gBAAA,GAAiB,MACd;wBAEoB,CAAC,IAAE,CAAA;AAEP,EAAA,CAAA;AAahC,EAAE,MAAA,gBAAA,GAAA,MAAA;AAEF,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
 import { GlobalHeaderRightProps } from '../../typings';
+export declare const useHorizontalScroll: () => React.MutableRefObject<HTMLDivElement>;
 export declare const RightContent: React.FC<GlobalHeaderRightProps>;
 //# sourceMappingURL=RightContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+BzD,CAAC"}
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,8CAsB/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8EzD,CAAC"}

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

@@ -1,23 +1,86 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const RightContent = props => {
+import*as React from'react';import {useState,useEffect,useRef}from'react';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const useHorizontalScroll = () => {
+  const elRef = useRef(null);
+  useEffect(() => {
+    const el = elRef.current;
+    if (el) {
+      const onWheel = e => {
+        if (e.deltaY === 0) return;
+        e.preventDefault();
+        el.scrollTo({
+          left: el.scrollLeft + e.deltaY,
+          behavior: 'smooth'
+        });
+      };
+      el.addEventListener('wheel', onWheel);
+      return () => {
+        el.removeEventListener('wheel', onWheel);
+      };
+    }
+  }, []);
+  return elRef;
+};
+const RightContent = props => {
   const {
-    routeParams,
+    theme,
+    layout,
     upperMenus,
-    settings,
-    collapsed
+    routeParams,
+    collapsed,
+    settings
   } = props;
-  return jsxs("div", {
-    className: "flex items-center flex-shrink-0 space-x-6",
-    children: [jsx("div", {
-      className: "relative",
-      children: jsx(LanguageMenu, {})
-    }), jsx("div", {
-      className: "relative",
-      children: jsx(OrganizationDropDown, {
-        upperMenus: upperMenus,
-        routeParams: routeParams,
-        collapsed: collapsed,
-        settings: settings
-      })
-    })]
+  const [navBarItems, setNavBarItems] = useState([]);
+  const scrollRef = useHorizontalScroll();
+  // TODO: uncomment this once the extension API is updated
+  // const controller: any = useExtensionController();
+  // useEffect(() => {
+  //     if (controller) {
+  //         const subscription = controller.services.contribution.getContributions().subscribe(({ pageNavBar }) => {
+  //             setNavBarItems(pageNavBar || []);
+  //         });
+  //         return () => subscription.unsubscribe();
+  //     }
+  // }, [controller]);
+  useEffect(() => {
+    const ele = document.getElementById('item-wrapper');
+    if (ele) {
+      if (check(ele)) {
+        ele.style.boxShadow = 'inset 0 0 5px #e2e2e2';
+      } else {
+        ele.style.boxShadow = 'none';
+      }
+    }
   });
-};export{RightContent};//# sourceMappingURL=RightContent.js.map
+  const check = el => {
+    const curOverflow = el.style.overflow;
+    if (!curOverflow || curOverflow === 'visible') {
+      el.style.overflow = 'hidden';
+    }
+    const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
+    el.style.overflow = curOverflow;
+    return isOverflowing;
+  };
+  return React.createElement("div", {
+    className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`
+  }, React.createElement("div", {
+    id: "item-wrapper",
+    ref: scrollRef,
+    className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1"
+  }, navBarItems.map((item, index) => {
+    if (item.position === 'right' && item.component) {
+      return React.createElement("div", {
+        key: index,
+        className: "flex-shrink-0"
+      }, item.component(props));
+    }
+    return null;
+  })), React.createElement("div", {
+    className: "relative"
+  }, React.createElement(LanguageMenu, null)), React.createElement("div", {
+    className: "relative"
+  }, React.createElement(OrganizationDropDown, {
+    upperMenus: upperMenus,
+    routeParams: routeParams,
+    collapsed: collapsed,
+    settings: settings
+  })));
+};export{RightContent,useHorizontalScroll};//# sourceMappingURL=RightContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"mKAMa,MAAA,YAAY,GAAqC,KAAC,IAAS;QAC9D;AACN,IAAA,WACS;AA4Bb,IAAE,UAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"oMAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAW,MAAG,CAAA,IAAuB,CAAA;WAErC,CAAA,MAAa;AACT,IAAA,MAAA,EAAA,GAAM,KAAK,CAAA;QACX,EAAA,EAAI;AACA,MAAA,MAAA,OAAM,GAAA,CAAA,IAAO;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAE,CAAA,EAAM;wBAAQ,EAAA;mBAClB,CAAA;gBACF,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,MAAA,CAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAG;AACH,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,MAAA,CAAA;AACJ,IAAA;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAO;AACH,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAM;IAEN,WAAA;IAEA,SAAA;IAEA;MACA,KAAA;QACA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACA,SAAA,GAAA,mBAAA,EAAA;;;;;;;;AASQ;AACI;;kBACI;AACJ,IAAA,MAAA,GAAA,GAAA,QAAI,CAAK,6BAAoB,CAAA;aAChC;UACJ,KAAA,CAAA,GAAA,CAAA,EAAA;AACL,QAAG,GAAA,CAAA,KAAA,CAAA,SAAA,GAAA,uBAAA;AAEH,MAAA,CAAA,MAAM;AACF,QAAA,GAAA,CAAA,eAAiB,GAAK,MAAM;AAC5B,MAAA;AACI,IAAA;;AAEJ,EAAA,MAAA,KAAA;AACA,IAAA,MAAE,WAAO,GAAA,EAAQ,CAAA,cAAe;AAChC,IAAA,IAAA,CAAA,0BAAqB,KAAA,SAAA,EAAA;AACzB,MAAE,EAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;IAEF;IACA,MAAI,aAAU,GAAM,EAAI,YAAW,GAAA,GAAO,WAAC,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;YACvC,CAAA,QAAA,GAAc;IAClB,OAAC,aAAA;AAED,EAAA,CAAA;AAegB,EAAA,OAAA,KAAA,CAAA,aAAY,CAAA,KAAA,EAAA;AAChB,IAAA,SACE,EAAA,CAAA,kBAAA,EAAA,SAAA,GAAA,QAAA,GAAA,MAAA,CAAA;UAEN,CAAA,aAAA,CAAA,KAAA,EAAA;sBACI;SAIJ,SAAA;aACI,EAAA;AAShB,GAAE,EAAA,WAAA,CAAA,GAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RightMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6U/C,CAAC"}
+{"version":3,"file":"RightMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiR/C,CAAC"}