@nulogy/components 8.1.1 → 8.1.4

package/dist/main.js

@@ -26090,38 +26090,39 @@
           children = _this$props.children,
           onTabClick = _this$props.onTabClick;
       var selectedIndex = this.getSelectedIndex();
-      return React__default['default'].Children.map(children, function (tab, index) {
-        if (tab) {
-          return /*#__PURE__*/React__default['default'].cloneElement(tab, {
-            onClick: function onClick(e) {
-              var _a, _b;
-
-              setFocusToTab(index);
-
-              if ((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.onClick) {
-                (_b = tab === null || tab === void 0 ? void 0 : tab.props) === null || _b === void 0 ? void 0 : _b.onClick(e);
-              }
+      var tabs = React__default['default'].Children.toArray(children);
+      return tabs.filter(function (tab) {
+        return Boolean(tab);
+      }).map(function (tab, index) {
+        return /*#__PURE__*/React__default['default'].cloneElement(tab, {
+          onClick: function onClick(e) {
+            var _a, _b;
+
+            setFocusToTab(index);
+
+            if ((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.onClick) {
+              (_b = tab === null || tab === void 0 ? void 0 : tab.props) === null || _b === void 0 ? void 0 : _b.onClick(e);
+            }
 
-              if (onTabClick) {
-                onTabClick(e, index);
-              } else {
-                _this2.handleTabClick(index);
-              }
-            },
-            onFocus: function onFocus(e) {
-              e.stopPropagation();
-            },
-            onKeyDown: handleArrowNavigation,
-            index: index,
-            tabIndex: index === focusedIndex ? 0 : -1,
-            selected: index === selectedIndex,
-            "aria-selected": index === selectedIndex,
-            fullWidth: fitted,
-            ref: function ref(_ref) {
-              _this2.tabRefs[index] = _ref;
+            if (onTabClick) {
+              onTabClick(e, index);
+            } else {
+              _this2.handleTabClick(index);
             }
-          });
-        }
+          },
+          onFocus: function onFocus(e) {
+            e.stopPropagation();
+          },
+          onKeyDown: handleArrowNavigation,
+          index: index,
+          tabIndex: index === focusedIndex ? 0 : -1,
+          selected: index === selectedIndex,
+          "aria-selected": index === selectedIndex,
+          fullWidth: fitted,
+          ref: function ref(_ref) {
+            _this2.tabRefs[index] = _ref;
+          }
+        });
       });
     };
 
@@ -26130,7 +26131,10 @@
           children = _this$props2.children,
           renderTabContentOnlyWhenSelected = _this$props2.renderTabContentOnlyWhenSelected;
       var selectedIndex = this.getSelectedIndex();
-      var tabContent = React__default['default'].Children.map(children, function (tab, index) {
+      var tabs = React__default['default'].Children.toArray(children);
+      var tabContent = tabs.filter(function (tab) {
+        return Boolean(tab);
+      }).map(function (tab, index) {
         var _a;
 
         var selected = index === selectedIndex;
@@ -42724,7 +42728,7 @@
       toggleMenu: PropTypes__default['default'].func
     }).isRequired,
     showArrow: PropTypes__default['default'].bool,
-    placement: PropTypes__default['default'].oneOf(["bottom-start", "right-start"]),
+    placement: PropTypes__default['default'].oneOf(["bottom-start", "right-start", "left-start"]),
     modifiers: PropTypes__default['default'].shape({}),
     triggerTogglesMenuState: PropTypes__default['default'].bool,
     dropdownMenuContainerEventHandlers: PropTypes__default['default'].func
@@ -42744,7 +42748,7 @@
     hideDelay: "100"
   };
 
-  var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer) {
+  var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType) {
     var _a;
 
     return /*#__PURE__*/React__default['default'].createElement(NoWrapLi, {
@@ -42754,7 +42758,8 @@
       name: subMenuItem.name,
       menuData: subMenuItem.items,
       trigger: subMenuItem.trigger,
-      layer: layer
+      layer: layer,
+      menuType: menuType
     }));
   };
 
@@ -42764,7 +42769,6 @@
     return /*#__PURE__*/React__default['default'].createElement(NoWrapLi, {
       key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(DropdownLink, {
-      py: "half",
       onClick: onItemClick,
       href: subMenuItem.href,
       to: subMenuItem.to,
@@ -42804,9 +42808,9 @@
     }
   };
 
-  var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer) {
+  var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer, menuType) {
     return subMenuItems.map(function (subMenuItem) {
-      return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer);
+      return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType);
     });
   };
 
@@ -42857,15 +42861,16 @@
         onItemClick = _a.onItemClick,
         _trigger = _a.trigger,
         layer = _a.layer,
-        props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer"]);
+        menuType = _a.menuType,
+        props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer", "menuType"]);
 
     return (
       /*#__PURE__*/
       // @ts-ignore
       React__default['default'].createElement(NavBarDropdownMenu, Object.assign({
-        placement: "right-start",
+        placement: getPlacement(menuType),
         modifiers: null,
-        showArrow: false,
+        showArrow: true,
         triggerTogglesMenuState: false
       }, props, {
         dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers(_ref) {
@@ -42906,10 +42911,20 @@
           margin: "0",
           padding: "0"
         }
-      }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1)))
+      }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1, menuType)))
     );
   };
 
+  function getPlacement(menuType) {
+    switch (menuType) {
+      case "primary":
+        return "right-start";
+
+      case "secondary":
+        return "left-start";
+    }
+  }
+
   SubMenuTrigger.displayName = "SubMenuTrigger";
 
   var StyledButton = styled__default['default'].button.withConfig({
@@ -42987,7 +43002,8 @@
         ariaLabel = _a["aria-label"],
         _trigger = _a.trigger,
         layer = _a.layer,
-        props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer"]);
+        menuType = _a.menuType,
+        props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer", "menuType"]);
 
     var dropdownMinWidth = "auto";
 
@@ -43046,7 +43062,7 @@
         }, renderSubMenuItems(menuData, function (e) {
           closeMenu(e);
           e.stopPropagation();
-        }, SubMenuTrigger, layer + 1));
+        }, SubMenuTrigger, layer + 1, menuType));
       })
     );
   };
@@ -43109,12 +43125,13 @@
     alignItems: "center"
   });
 
-  var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer) {
+  var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer, menuType) {
     var _a;
 
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(MenuTrigger, Object.assign({
+      menuType: menuType,
       name: menuItem.name,
       "aria-label": menuItem.ariaLabel,
       menuData: menuItem.items,
@@ -43166,19 +43183,20 @@
     }
   };
 
-  var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer) {
-    return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
+  var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer, menuType) {
+    return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer, menuType);
   };
 
   var BaseDesktopMenu = /*#__PURE__*/React__default['default'].forwardRef(function (_a, ref) {
     var menuData = _a.menuData,
+        menuType = _a.menuType,
         themeColorObject = _a.themeColorObject,
-        props = __rest(_a, ["menuData", "themeColorObject"]);
+        props = __rest(_a, ["menuData", "menuType", "themeColorObject"]);
 
     return /*#__PURE__*/React__default['default'].createElement(Nav$1, Object.assign({}, props, {
       ref: ref
     }), menuData.map(function (menuItem) {
-      return renderMenuItem(menuItem, themeColorObject, 0);
+      return renderMenuItem(menuItem, themeColorObject, 0, menuType);
     }));
   });
   var DesktopMenu = styled__default['default'](BaseDesktopMenu).withConfig({
@@ -43745,6 +43763,7 @@
     }, menuData.primaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
       themeColorObject: themeColorObject,
       "aria-label": t("primary navigation"),
+      menuType: "primary",
       menuData: menuData.primaryMenu
     }), /*#__PURE__*/React__default['default'].createElement(Flex, {
       justifySelf: "flex-end",
@@ -43752,6 +43771,7 @@
     }, menuData.secondaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
       themeColorObject: themeColorObject,
       "aria-label": t("secondary navigation"),
+      menuType: "secondary",
       menuData: menuData.secondaryMenu
     }), showNulogyLogo && /*#__PURE__*/React__default['default'].createElement(Box, {
       pl: "x3"

package/dist/main.module.js

@@ -26064,38 +26064,39 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         onTabClick = _this$props.onTabClick;
     var selectedIndex = this.getSelectedIndex();
-    return React__default.Children.map(children, function (tab, index) {
-      if (tab) {
-        return /*#__PURE__*/React__default.cloneElement(tab, {
-          onClick: function onClick(e) {
-            var _a, _b;
-
-            setFocusToTab(index);
-
-            if ((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.onClick) {
-              (_b = tab === null || tab === void 0 ? void 0 : tab.props) === null || _b === void 0 ? void 0 : _b.onClick(e);
-            }
+    var tabs = React__default.Children.toArray(children);
+    return tabs.filter(function (tab) {
+      return Boolean(tab);
+    }).map(function (tab, index) {
+      return /*#__PURE__*/React__default.cloneElement(tab, {
+        onClick: function onClick(e) {
+          var _a, _b;
+
+          setFocusToTab(index);
+
+          if ((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.onClick) {
+            (_b = tab === null || tab === void 0 ? void 0 : tab.props) === null || _b === void 0 ? void 0 : _b.onClick(e);
+          }
 
-            if (onTabClick) {
-              onTabClick(e, index);
-            } else {
-              _this2.handleTabClick(index);
-            }
-          },
-          onFocus: function onFocus(e) {
-            e.stopPropagation();
-          },
-          onKeyDown: handleArrowNavigation,
-          index: index,
-          tabIndex: index === focusedIndex ? 0 : -1,
-          selected: index === selectedIndex,
-          "aria-selected": index === selectedIndex,
-          fullWidth: fitted,
-          ref: function ref(_ref) {
-            _this2.tabRefs[index] = _ref;
+          if (onTabClick) {
+            onTabClick(e, index);
+          } else {
+            _this2.handleTabClick(index);
           }
-        });
-      }
+        },
+        onFocus: function onFocus(e) {
+          e.stopPropagation();
+        },
+        onKeyDown: handleArrowNavigation,
+        index: index,
+        tabIndex: index === focusedIndex ? 0 : -1,
+        selected: index === selectedIndex,
+        "aria-selected": index === selectedIndex,
+        fullWidth: fitted,
+        ref: function ref(_ref) {
+          _this2.tabRefs[index] = _ref;
+        }
+      });
     });
   };
 
@@ -26104,7 +26105,10 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         children = _this$props2.children,
         renderTabContentOnlyWhenSelected = _this$props2.renderTabContentOnlyWhenSelected;
     var selectedIndex = this.getSelectedIndex();
-    var tabContent = React__default.Children.map(children, function (tab, index) {
+    var tabs = React__default.Children.toArray(children);
+    var tabContent = tabs.filter(function (tab) {
+      return Boolean(tab);
+    }).map(function (tab, index) {
       var _a;
 
       var selected = index === selectedIndex;
@@ -42698,7 +42702,7 @@ StatelessNavBarDropdownMenu.propTypes = {
     toggleMenu: PropTypes.func
   }).isRequired,
   showArrow: PropTypes.bool,
-  placement: PropTypes.oneOf(["bottom-start", "right-start"]),
+  placement: PropTypes.oneOf(["bottom-start", "right-start", "left-start"]),
   modifiers: PropTypes.shape({}),
   triggerTogglesMenuState: PropTypes.bool,
   dropdownMenuContainerEventHandlers: PropTypes.func
@@ -42718,7 +42722,7 @@ NavBarDropdownMenu.defaultProps = {
   hideDelay: "100"
 };
 
-var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer) {
+var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
@@ -42728,7 +42732,8 @@ var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClic
     name: subMenuItem.name,
     menuData: subMenuItem.items,
     trigger: subMenuItem.trigger,
-    layer: layer
+    layer: layer,
+    menuType: menuType
   }));
 };
 
@@ -42738,7 +42743,6 @@ var renderSubMenuLink = function renderSubMenuLink(subMenuItem, onItemClick) {
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
     key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
   }, /*#__PURE__*/React__default.createElement(DropdownLink, {
-    py: "half",
     onClick: onItemClick,
     href: subMenuItem.href,
     to: subMenuItem.to,
@@ -42778,9 +42782,9 @@ var getRenderFunction$2 = function getRenderFunction(subMenuItem) {
   }
 };
 
-var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer) {
+var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer, menuType) {
   return subMenuItems.map(function (subMenuItem) {
-    return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer);
+    return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType);
   });
 };
 
@@ -42831,15 +42835,16 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
       onItemClick = _a.onItemClick,
       _trigger = _a.trigger,
       layer = _a.layer,
-      props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer"]);
+      menuType = _a.menuType,
+      props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer", "menuType"]);
 
   return (
     /*#__PURE__*/
     // @ts-ignore
     React__default.createElement(NavBarDropdownMenu, Object.assign({
-      placement: "right-start",
+      placement: getPlacement(menuType),
       modifiers: null,
-      showArrow: false,
+      showArrow: true,
       triggerTogglesMenuState: false
     }, props, {
       dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers(_ref) {
@@ -42880,10 +42885,20 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
         margin: "0",
         padding: "0"
       }
-    }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1)))
+    }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1, menuType)))
   );
 };
 
+function getPlacement(menuType) {
+  switch (menuType) {
+    case "primary":
+      return "right-start";
+
+    case "secondary":
+      return "left-start";
+  }
+}
+
 SubMenuTrigger.displayName = "SubMenuTrigger";
 
 var StyledButton = styled.button.withConfig({
@@ -42961,7 +42976,8 @@ var MenuTrigger = function MenuTrigger(_a) {
       ariaLabel = _a["aria-label"],
       _trigger = _a.trigger,
       layer = _a.layer,
-      props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer"]);
+      menuType = _a.menuType,
+      props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer", "menuType"]);
 
   var dropdownMinWidth = "auto";
 
@@ -43020,7 +43036,7 @@ var MenuTrigger = function MenuTrigger(_a) {
       }, renderSubMenuItems(menuData, function (e) {
         closeMenu(e);
         e.stopPropagation();
-      }, SubMenuTrigger, layer + 1));
+      }, SubMenuTrigger, layer + 1, menuType));
     })
   );
 };
@@ -43083,12 +43099,13 @@ var Nav$1 = styled.nav.withConfig({
   alignItems: "center"
 });
 
-var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer) {
+var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer, menuType) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement("div", {
     key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, /*#__PURE__*/React__default.createElement(MenuTrigger, Object.assign({
+    menuType: menuType,
     name: menuItem.name,
     "aria-label": menuItem.ariaLabel,
     menuData: menuItem.items,
@@ -43140,19 +43157,20 @@ var getRenderFunction$1 = function getRenderFunction(menuItem) {
   }
 };
 
-var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer) {
-  return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
+var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer, menuType) {
+  return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer, menuType);
 };
 
 var BaseDesktopMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var menuData = _a.menuData,
+      menuType = _a.menuType,
       themeColorObject = _a.themeColorObject,
-      props = __rest(_a, ["menuData", "themeColorObject"]);
+      props = __rest(_a, ["menuData", "menuType", "themeColorObject"]);
 
   return /*#__PURE__*/React__default.createElement(Nav$1, Object.assign({}, props, {
     ref: ref
   }), menuData.map(function (menuItem) {
-    return renderMenuItem(menuItem, themeColorObject, 0);
+    return renderMenuItem(menuItem, themeColorObject, 0, menuType);
   }));
 });
 var DesktopMenu = styled(BaseDesktopMenu).withConfig({
@@ -43719,6 +43737,7 @@ var MediumNavBar = function MediumNavBar(_a) {
   }, menuData.primaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
     themeColorObject: themeColorObject,
     "aria-label": t("primary navigation"),
+    menuType: "primary",
     menuData: menuData.primaryMenu
   }), /*#__PURE__*/React__default.createElement(Flex, {
     justifySelf: "flex-end",
@@ -43726,6 +43745,7 @@ var MediumNavBar = function MediumNavBar(_a) {
   }, menuData.secondaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
     themeColorObject: themeColorObject,
     "aria-label": t("secondary navigation"),
+    menuType: "secondary",
     menuData: menuData.secondaryMenu
   }), showNulogyLogo && /*#__PURE__*/React__default.createElement(Box, {
     pl: "x3"

package/dist/src/BrandedNavBar/DesktopMenu.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
+import type { MenuType } from "./MenuTrigger";
 export declare type DesktopMenuProps = {
     menuData: any[];
+    menuType: MenuType;
     themeColorObject: any;
 };
 declare const DesktopMenu: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DesktopMenuProps & React.RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/src/BrandedNavBar/MenuTrigger.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { TriggerFunctionProps } from "./TriggerFunctionProps";
+export declare type MenuType = "primary" | "secondary";
 export declare type MenuTriggerProps = {
     name?: string;
     "aria-label"?: string;
@@ -9,6 +10,7 @@ export declare type MenuTriggerProps = {
     menuData?: any[];
     trigger?: (props: TriggerFunctionProps) => React.ReactNode;
     layer: number;
+    menuType: MenuType;
 };
-declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, ...props }: MenuTriggerProps) => JSX.Element;
+declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, menuType, ...props }: MenuTriggerProps) => JSX.Element;
 export default MenuTrigger;

package/dist/src/BrandedNavBar/NavBar.story.d.ts

@@ -39,6 +39,7 @@ export declare const WithIcon: {
         name: string;
     };
 };
+export declare const WithPrimaryAndSecondarySubMenus: () => JSX.Element;
 export declare const WithReactRouter: {
     (): JSX.Element;
     story: {

package/dist/src/BrandedNavBar/NavBarDropdownMenu.d.ts

@@ -10,7 +10,7 @@ declare type NavBarDropdownMenuProps = {
     trigger?: Function;
     menuState?: MenuState;
     showArrow?: boolean;
-    placement?: "bottom-start" | "right-start";
+    placement?: "bottom-start" | "right-start" | "left-start";
     modifiers?: any;
     triggerTogglesMenuState?: boolean;
     dropdownMenuContainerEventHandlers?: Function;

package/dist/src/BrandedNavBar/SubMenuTrigger.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { TriggerFunctionProps } from "./TriggerFunctionProps";
+import type { MenuType } from "./MenuTrigger";
 declare type SubMenuTriggerProps = React.ComponentPropsWithRef<"button"> & {
     name?: string;
     isOpen?: boolean;
@@ -7,9 +8,10 @@ declare type SubMenuTriggerProps = React.ComponentPropsWithRef<"button"> & {
     menuData: any[];
     trigger: (props: TriggerFunctionProps) => React.ReactNode;
     layer: number;
+    menuType: MenuType;
 };
 declare const SubMenuTrigger: {
-    ({ menuData, name, onItemClick, trigger, layer, ...props }: SubMenuTriggerProps): JSX.Element;
+    ({ menuData, name, onItemClick, trigger, layer, menuType, ...props }: SubMenuTriggerProps): JSX.Element;
     displayName: string;
 };
 export default SubMenuTrigger;

package/dist/src/BrandedNavBar/renderSubMenuItems.d.ts

@@ -1,2 +1,2 @@
-declare const renderSubMenuItems: (subMenuItems: any, onItemClick: any, SubMenuTrigger: any, layer: any) => any;
+declare const renderSubMenuItems: (subMenuItems: any, onItemClick: any, SubMenuTrigger: any, layer: any, menuType: any) => any;
 export default renderSubMenuItems;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.1.1",
+  "version": "8.1.4",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {