@admin-layout/tailwind-design-pro 12.2.4-alpha.17 → 12.2.4-alpha.18

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { GlobalHeaderRightProps } from '../../typings';
-export declare const useHorizontalScroll: () => React.RefObject<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;AAK/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,uCAsB/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8EzD,CAAC"}
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.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,CAqBzD,CAAC"}

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

@@ -1,86 +1,24 @@
-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 => {
+import React__default from'react';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';import {RightContentSlot}from'../slot-fill/RightContent.js';const RightContent = props => {
   const {
-    theme,
-    layout,
     upperMenus,
     routeParams,
     collapsed,
     settings
   } = props;
-  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';
-      }
-    }
-  });
-  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", {
+  return React__default.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", {
+  }, React__default.createElement("div", {
+    className: "relative flex items-center flex-shrink-0"
+  }, React__default.createElement(RightContentSlot, {
+    ...props
+  })), React__default.createElement("div", {
     className: "relative"
-  }, React.createElement(LanguageMenu, null)), React.createElement("div", {
+  }, React__default.createElement(LanguageMenu, null)), React__default.createElement("div", {
     className: "relative"
-  }, React.createElement(OrganizationDropDown, {
+  }, React__default.createElement(OrganizationDropDown, {
     upperMenus: upperMenus,
     routeParams: routeParams,
     collapsed: collapsed,
     settings: settings
   })));
-};export{RightContent,useHorizontalScroll};//# sourceMappingURL=RightContent.js.map
+};export{RightContent};//# 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":"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;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wNAMO,MAAM,YAAY,GAAqC,KAAC,IAAO;QAClE;AAEA,IAAA,UACI;eACI;AACI,IAAA,SAAA;;;SAKJA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aACI,EAAA,CAAA,kBAAC,EAAA,SAAA,GAAA,QACG,GAAA,MAAA,CAAU;AAQ9B,GAAE,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;"}

package/lib/components/Layout/slot-fill/RightContent.d.ts

@@ -1,4 +1,6 @@
 import 'reflect-metadata';
-import * as React from 'react';
+import React from 'react';
+import { RIGHT_CONTENT_FILL } from '@admin-layout/client/lib/constants/layout.js';
+export { RIGHT_CONTENT_FILL };
 export declare const RightContentSlot: (props: any) => React.JSX.Element;
 //# sourceMappingURL=RightContent.d.ts.map

package/lib/components/Layout/slot-fill/RightContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,gBAAgB,GAAI,UAAK,sBAErC,CAAC"}
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,eAAO,MAAM,gBAAgB,GAAI,UAAK,sBAAyD,CAAC"}

package/lib/components/Layout/slot-fill/RightContent.js

@@ -1,6 +1,4 @@
-import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import*as React from'react';import {RIGHT_CONTENT_FILL}from'@admin-layout/client/lib/constants/layout.js';const RightContentSlot = props => {
-  return React.createElement(Slot, {
-    name: RIGHT_CONTENT_FILL,
-    fillProps: props
-  });
-};export{RightContentSlot};//# sourceMappingURL=RightContent.js.map
+import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import React__default from'react';import {RIGHT_CONTENT_FILL}from'@admin-layout/client/lib/constants/layout.js';export{RIGHT_CONTENT_FILL}from'@admin-layout/client/lib/constants/layout.js';const RightContentSlot = props => React__default.createElement(Slot, {
+  name: RIGHT_CONTENT_FILL,
+  fillProps: props
+});export{RightContentSlot};//# sourceMappingURL=RightContent.js.map

package/lib/components/Layout/slot-fill/RightContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"mLAKO,MAAM,gBAAgB,GAAG,KAAC,IAAO;SACpC,KAAO,CAAA,aAAA,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"4QAOa,gBAAgB,GAAG,KAAC,kBAAU,CAAA,aAAA,CAAA,MAAK;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-design-pro",
-    "version": "12.2.4-alpha.17",
+    "version": "12.2.4-alpha.18",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -54,5 +54,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "9d0b99b87d94407bba4565e427f99ae95bdeac2c"
+    "gitHead": "fa9f3a5499a2787b8c98d1e1059cf7767d50be12"
 }