@luscii-healthtech/web-ui 0.4.2 → 0.4.3

package/dist/components/NavMenu/NavMenu.d.ts

@@ -1 +1,9 @@
-export function NavMenu(props: any): JSX.Element;
+/// <reference types="react" />
+import { NavMenuItemProps } from "./NavMenuItem";
+export declare type NavMenuElement = NavMenuItemProps | {
+    type: "separator" | "spacer";
+};
+export declare type NavMenuProps = {
+    items: NavMenuElement[];
+};
+export declare function NavMenu({ items }: NavMenuProps): JSX.Element;

package/dist/components/NavMenu/NavMenu.utils.d.ts

@@ -0,0 +1,3 @@
+import { NavMenuElement } from "./NavMenu";
+import { NavMenuItemProps } from "./NavMenuItem";
+export declare function isNavMenuItem(item: NavMenuElement): item is NavMenuItemProps;

package/dist/components/NavMenu/NavMenuContent.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import { NavMenuItemProps } from "./NavMenuItem";
-interface NavMenuContentProps {
-    items: Array<NavMenuItemProps>;
-}
-export declare const NavMenuContent: (props: NavMenuContentProps) => JSX.Element;
-export {};
+import { NavMenuProps } from "./NavMenu";
+export declare const NavMenuContent: ({ items }: NavMenuProps) => JSX.Element;

package/dist/components/NavMenu/NavMenuItem.d.ts

@@ -9,7 +9,7 @@ export interface NavMenuItemProps {
     dataTestId: string;
     gtmEvent?: string;
     isExternal?: boolean;
-    type?: "separator" | "spacer" | "base" | void;
+    type?: "base";
     track?: (event: string) => void;
 }
 export declare const NavMenuItem: (props: NavMenuItemProps) => JSX.Element;

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export { LoadingIndicator, LoadingIndicatorProps, } from "./components/LoadingIn
 export { default as Menu } from "./components/Menu/Menu";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";
 export { NavLayout, NavMenuLayoutProps } from "./components/NavMenu/NavLayout";
-export { NavMenu } from "./components/NavMenu/NavMenu";
+export { NavMenu, NavMenuElement } from "./components/NavMenu/NavMenu";
 export { NotificationBanner, NotificationBannerColor, NotificationBannerLinkProps, } from "./components/NotificationBanner/NotificationBanner";
 export { default as Page } from "./components/Page/Page";
 export { default as CRUDPage } from "./components/Page/CRUDPage";

package/dist/web-ui.cjs.development.js

@@ -2763,10 +2763,15 @@ var NavMenuItem = function NavMenuItem(props) {
   }
 };
 
-var NavMenuContent = function NavMenuContent(props) {
+function isNavMenuItem(item) {
+  return item.type === "base" || item.type === undefined;
+}
+
+var NavMenuContent = function NavMenuContent(_ref) {
+  var items = _ref.items;
   return /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col bg-nav-menu w-46 pl-1 py-2 lg:relative shadow-lg"
-  }, props.items.map(function (item, index) {
+  }, items.map(function (item, index) {
     if (item.type === "separator") {
       return /*#__PURE__*/React.createElement("div", {
         key: item.type + "-" + index,
@@ -2777,15 +2782,19 @@ var NavMenuContent = function NavMenuContent(props) {
         key: item.type + "-" + index,
         className: "mt-auto"
       });
-    } else {
+    } else if (isNavMenuItem(item)) {
       return /*#__PURE__*/React.createElement(NavMenuItem, Object.assign({}, item, {
         key: item.title
       }));
+    } else {
+      return null;
     }
   }));
 };
 
-function NavMenu(props) {
+function NavMenu(_ref) {
+  var items = _ref.items;
+
   var _useState = React.useState(false),
       isOpen = _useState[0],
       setIsOpen = _useState[1];
@@ -2797,7 +2806,7 @@ function NavMenu(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "hidden h-screen lg:flex"
   }, /*#__PURE__*/React.createElement(NavMenuContent, {
-    items: props.items
+    items: items
   })), /*#__PURE__*/React.createElement("div", {
     className: "lg:hidden relative bg-nav-header w-screen flex items-center p-2 shadow-lg"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -2808,7 +2817,7 @@ function NavMenu(props) {
   })), isOpen && /*#__PURE__*/React.createElement("div", {
     className: "absolute z-20"
   }, /*#__PURE__*/React.createElement(NavMenuContent, {
-    items: props.items
+    items: items
   })));
 }