@nulogy/components 6.7.1 → 6.7.2

package/dist/main.js

@@ -44994,8 +44994,10 @@
   });
 
   var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: menuItem.key || menuItem.name
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(MenuTrigger, Object.assign({
       name: menuItem.name,
       "aria-label": menuItem.ariaLabel,
@@ -45004,8 +45006,10 @@
   };
 
   var renderMenuLink$1 = function renderMenuLink(menuItem, themeColorObject) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: menuItem.name
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(MenuLink$1, Object.assign({
       href: menuItem.href,
       to: menuItem.to,
@@ -45014,14 +45018,18 @@
   };
 
   var renderCustom$1 = function renderCustom(menuItem, themeColorObject) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles$1, Object.assign({}, themeColorObject, {
-      key: menuItem.name
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }), menuItem.render());
   };
 
   var renderText$1 = function renderText(menuItem, themeColorObject) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement(MenuText$1, Object.assign({
-      key: menuItem.name
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, themeColorObject), menuItem.name);
   };
 
@@ -45257,8 +45265,10 @@
   });
 
   var renderMenuLink = function renderMenuLink(menuItem, linkOnClick, themeColorObject, layer) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement(StyledLi, {
-      key: menuItem.name
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(MenuLink, Object.assign({
       layer: layer
     }, themeColorObject, {
@@ -45270,8 +45280,10 @@
   };
 
   var renderCustom = function renderCustom(menuItem, linkOnClick, themeColorObject, layer) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles, Object.assign({
-      key: menuItem.name
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, themeColorObject, {
       layer: layer,
       onClick: linkOnClick
@@ -45279,8 +45291,10 @@
   };
 
   var renderSubMenu = function renderSubMenu(menuItem, linkOnClick, themeColorObject, layer) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement("li", {
-      key: menuItem.name,
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name,
       style: {
         display: "block"
       }
@@ -45293,8 +45307,10 @@
   };
 
   var renderText = function renderText(menuItem, linkOnClick, themeColorObject, layer) {
+    var _a;
+
     return /*#__PURE__*/React__default['default'].createElement(MenuText, Object.assign({
-      key: menuItem.name,
+      key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name,
       layer: layer
     }, themeColorObject), menuItem.name);
   };

package/dist/main.module.js

@@ -44968,8 +44968,10 @@ var Nav$1 = styled.nav.withConfig({
 });
 
 var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement("div", {
-    key: menuItem.key || menuItem.name
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, /*#__PURE__*/React__default.createElement(MenuTrigger, Object.assign({
     name: menuItem.name,
     "aria-label": menuItem.ariaLabel,
@@ -44978,8 +44980,10 @@ var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject) {
 };
 
 var renderMenuLink$1 = function renderMenuLink(menuItem, themeColorObject) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement("div", {
-    key: menuItem.name
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, /*#__PURE__*/React__default.createElement(MenuLink$1, Object.assign({
     href: menuItem.href,
     to: menuItem.to,
@@ -44988,14 +44992,18 @@ var renderMenuLink$1 = function renderMenuLink(menuItem, themeColorObject) {
 };
 
 var renderCustom$1 = function renderCustom(menuItem, themeColorObject) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles$1, Object.assign({}, themeColorObject, {
-    key: menuItem.name
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }), menuItem.render());
 };
 
 var renderText$1 = function renderText(menuItem, themeColorObject) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement(MenuText$1, Object.assign({
-    key: menuItem.name
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, themeColorObject), menuItem.name);
 };
 
@@ -45231,8 +45239,10 @@ var StyledLi = styled.li.withConfig({
 });
 
 var renderMenuLink = function renderMenuLink(menuItem, linkOnClick, themeColorObject, layer) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement(StyledLi, {
-    key: menuItem.name
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, /*#__PURE__*/React__default.createElement(MenuLink, Object.assign({
     layer: layer
   }, themeColorObject, {
@@ -45244,8 +45254,10 @@ var renderMenuLink = function renderMenuLink(menuItem, linkOnClick, themeColorOb
 };
 
 var renderCustom = function renderCustom(menuItem, linkOnClick, themeColorObject, layer) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles, Object.assign({
-    key: menuItem.name
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, themeColorObject, {
     layer: layer,
     onClick: linkOnClick
@@ -45253,8 +45265,10 @@ var renderCustom = function renderCustom(menuItem, linkOnClick, themeColorObject
 };
 
 var renderSubMenu = function renderSubMenu(menuItem, linkOnClick, themeColorObject, layer) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement("li", {
-    key: menuItem.name,
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name,
     style: {
       display: "block"
     }
@@ -45267,8 +45281,10 @@ var renderSubMenu = function renderSubMenu(menuItem, linkOnClick, themeColorObje
 };
 
 var renderText = function renderText(menuItem, linkOnClick, themeColorObject, layer) {
+  var _a;
+
   return /*#__PURE__*/React__default.createElement(MenuText, Object.assign({
-    key: menuItem.name,
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name,
     layer: layer
   }, themeColorObject), menuItem.name);
 };

package/package.json

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