@admin-layout/tailwind-design-pro 12.0.16-alpha.25 → 12.0.16-alpha.28

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,CA4EzD,CAAC"}

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

@@ -1,13 +1,81 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const RightContent = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {useExtensionController}from'@adminide-stack/extension-api/lib/react/index.js';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;
+  const [navBarItems, setNavBarItems] = useState([]);
+  const scrollRef = useHorizontalScroll();
+  const controller = 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';
+      }
+    }
+  });
+  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 jsxs("div", {
-    className: "flex items-center flex-shrink-0 space-x-6",
+    className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`,
     children: [jsx("div", {
+      id: "item-wrapper",
+      ref: scrollRef,
+      className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1",
+      children: navBarItems.map((item, index) => {
+        if (item.position === 'right' && item.component) {
+          return jsx("div", {
+            className: "flex-shrink-0",
+            children: item.component(props)
+          }, index);
+        }
+        return null;
+      })
+    }), jsx("div", {
       className: "relative",
       children: jsx(LanguageMenu, {})
     }), jsx("div", {
@@ -20,4 +88,4 @@ import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../Languag
       })
     })]
   });
-};export{RightContent};//# sourceMappingURL=RightContent.js.map
+};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":"uSAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAc,MAAA,CAAA,IAAuB,CAAA;WAE5B,CAAA,MAAM;AACX,IAAA,MAAA,EAAA,GAAQ,KAAQ,CAAA;QAChB,EAAI,EAAA;AACA,MAAA,MAAA,OAAa,GAAA,CAAA,IAAA;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAQ,CAAA,EAAA;wBAAe,EAAA;mBACX,CAAA;gBAChB,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,OAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAmB;AACnB,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,OAAA;AACJ;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAa;AACT,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAe;AAEf,IAAA,WAAgB;IAEhB,SAAS;;AAED,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,CAAA,WAAA,EAAA,cAAe,CAAA,GAAA,QAAiB,CAAC,EAAA,CAAA;AACrC,EAAA,MAAA,SAAG,GAAA,mBAAA,EAAA;AACH,EAAA,MAAA,UAAA,yBAA0B,EAAA;WAC7B,CAAA,MAAA;AACL,IAAA,IAAI,UAAU,EAAE;MAEP,MAAA,YAAM,GAAA,UAAA,CAAA,QAAA,CAAA,YAAA,CAAA,gBAAA,EAAA,CAAA,SAAA,CAAA,CAAA;QACX;YACI;AACA,QAAA,cAAU,CAAG,UAAI,IAAA,EAAA,CAAA;AACb,OAAA,CAAA;aACH,MAAA,YAAA,CAAA,WAAA,EAAA;;AACG,GAAA,EAAA,CAAA,UAAA,CAAA,CAAA;YACJ,MAAC;UACJ,GAAA,GAAA,QAAA,CAAA,cAAA,CAAA,cAAA,CAAA;AACL,IAAA,IAAG,GAAA,EAAA;AAEH,MAAA,IAAM,KAAK,CAAA,GAAI,CAAA;AACX,QAAA,GAAA,CAAA,eAAoB,GAAE,uBAAgB;AACtC,OAAA,MAAK;AACD,QAAA,GAAA,CAAA,KAAQ,CAAA,SAAS,GAAA;;AAErB;AACA,GAAA,CAAA;AACA,EAAA,MAAA,KAAA;AACJ,IAAA,MAAE,WAAA,GAAA,EAAA,CAAA,KAAA,CAAA,QAAA;IAEF,IAAI,CAAA,WAAA,IAAiB,WAAQ,KAAA,SAAA,EAAA;MACzB,EAAA,CAAA,cAAgB,GAAA,QAAU;;IAE9B,MAAC,aAAA,GAAA,EAAA,CAAA,WAAA,GAAA,EAAA,CAAA,WAAA,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;AAED,IAAA,EAAA,CAAA,KACI,CAAK,QAAA,GAAA,WAAA;wBAOW;AACA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-design-pro",
-    "version": "12.0.16-alpha.25",
+    "version": "12.0.16-alpha.28",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -22,8 +22,8 @@
     },
     "dependencies": {
         "@admin-layout/assets": "10.1.1-alpha.0",
-        "@admin-layout/client": "12.0.16-alpha.25",
-        "@admin-layout/tailwind-ui": "12.0.16-alpha.25",
+        "@admin-layout/client": "12.0.16-alpha.28",
+        "@admin-layout/tailwind-ui": "12.0.16-alpha.28",
         "react-favicon": "^0.0.23",
         "react-intl": "^6.1.1",
         "react-responsive": "^10.0.0"
@@ -53,5 +53,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "8b62bff1ab82f6131580a877203778f33c4aa8c4"
+    "gitHead": "21091bd13238f01dbf46c9adb4c81430a167830c"
 }