@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/cjs/MadeWith.js.map

@@ -1 +1 @@
-{"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = capitalize(productName || globalProps.appName);\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC5C,IAAMC,IAAI,GAAGC,oBAAU,CAACL,WAAW,IAAIM,WAAW,CAACC,OAAO,CAAC,CAAA;AAE3D,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,4BAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBR,IAAI,CAACS,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BR,IAAI,CAACS,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BR,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXf,UAAU,CAEdO,eAAAA,yBAAA,CAAAC,aAAA,CAACQ,kBAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAEnB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeI,yBAAK,CAACY,IAAI,CAACtB,QAAQ,CAAC;;;;"}
+{"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = capitalize(productName || globalProps.appName);\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","_jsx","_objectSpread","className","concat","toLowerCase","href","rel","target","children","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC5C,IAAMC,IAAI,GAAGC,oBAAU,CAACL,WAAW,IAAIM,WAAW,CAACC,OAAO,CAAC,CAAA;AAE3D,EAAA,oBACEC,cAAA,CAAA,GAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBP,IAAI,CAACQ,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BP,IAAI,CAACQ,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BP,IAAI,CAACQ,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXd,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAe,QAAA,eAEdR,cAAA,CAACS,kBAAK,EAAA;AACJC,MAAAA,OAAO,EAAC,gCAAgC;AACxCC,MAAAA,MAAM,EAAE;AAAEnB,QAAAA,WAAW,EAAEI,IAAAA;AAAK,OAAA;KAC7B,CAAA;AAAC,GAAA,CACD,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAegB,aAAAA,UAAI,CAACtB,QAAQ,CAAC;;;;"}

package/dist/cjs/MenuBar.js

@@ -2,19 +2,19 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
 var classnames = require('classnames');
 var Typography = require('@bigbinary/neetoui/Typography');
 var _extends = require('@babel/runtime/helpers/esm/extends');
 var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
 var _inheritsLoose = require('@babel/runtime/helpers/esm/inheritsLoose');
 var index = require('./index-248c4f4c.js');
+var React = require('react');
 var ReactDOM = require('react-dom');
 var _assertThisInitialized = require('@babel/runtime/helpers/esm/assertThisInitialized');
-var _extends$1 = require('@babel/runtime/helpers/extends');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Button = require('@bigbinary/neetoui/Button');
 var injectCss = require('./inject-css-80a5faa3.js');
+var jsxRuntime = require('react/jsx-runtime');
 var neetoCist = require('@bigbinary/neeto-cist');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var reactRouterDom = require('react-router-dom');
@@ -28,15 +28,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
 var _inheritsLoose__default = /*#__PURE__*/_interopDefaultLegacy(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _extends__default$1 = /*#__PURE__*/_interopDefaultLegacy(_extends$1);
 var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
@@ -1836,27 +1835,31 @@ var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui
 injectCss.n(css,{});
 
 var _excluded$5 = ["label", "onClick"];
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddNew = function AddNew(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     onClick = _ref.onClick,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default$1["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({
     className: "neeto-molecules-menubar__add-new-wrap"
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    icon: Plus__default["default"],
-    iconPosition: "left",
-    iconSize: 16,
-    label: label,
-    size: "small",
-    style: "link",
-    onClick: onClick
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      label: label,
+      onClick: onClick,
+      icon: Plus__default["default"],
+      iconPosition: "left",
+      iconSize: 16,
+      size: "small",
+      style: "link"
+    })
   }));
 };
 
 var _excluded$4 = ["url", "icon", "label", "count", "active", "onEdit", "onClick", "className"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Block = function Block(_ref) {
   var url = _ref.url,
     icon = _ref.icon,
@@ -1874,37 +1877,46 @@ var Block = function Block(_ref) {
     onEdit && onEdit();
   };
   var Parent = url ? reactRouterDom.Link : function (props) {
-    return /*#__PURE__*/React__default["default"].createElement("button", props);
+    return /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$3({}, props));
   };
-  return /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default$1["default"]({
+  return /*#__PURE__*/jsxRuntime.jsxs(Parent, _objectSpread$3(_objectSpread$3({
     "data-cy": otherProps["data-cy"] || "menubar-block",
     to: url,
     className: classnames__default["default"]("neeto-molecules-menubar__block", _defineProperty__default["default"]({
       "neeto-molecules-menubar__block--editable": !!onEdit,
       "neeto-molecules-menubar__block--active": active
     }, className, className))
-  }, _objectSpread({
+  }, _objectSpread$3({
     onClick: onClick
-  }, otherProps)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-menubar__block-label",
-    "data-cy": general.joinHyphenCase("menubar-block-label", label)
-  }, icon && /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "neeto-molecules-menubar__block-icon"
-  }, icon), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    component: "span",
-    style: "h5",
-    title: label,
-    weight: "medium"
-  }, label)), Number.isInteger(count) && /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: handleEdit
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    component: "span",
-    style: "h5",
-    weight: "medium"
-  }, count)));
+  }, otherProps)), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-molecules-menubar__block-label",
+      "data-cy": general.joinHyphenCase("menubar-block-label", label),
+      children: [icon && /*#__PURE__*/jsxRuntime.jsx("i", {
+        className: "neeto-molecules-menubar__block-icon",
+        children: icon
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        component: "span",
+        style: "h5",
+        title: label,
+        weight: "medium",
+        children: label
+      })]
+    }), Number.isInteger(count) && /*#__PURE__*/jsxRuntime.jsx("div", {
+      onClick: handleEdit,
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        component: "span",
+        style: "h5",
+        weight: "medium",
+        children: count
+      })
+    })]
+  }));
 };
 
 var _excluded$3 = ["label", "description", "active", "className"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item = function Item(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -1915,41 +1927,50 @@ var Item = function Item(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
-  return /*#__PURE__*/React__default["default"].createElement("button", _extends__default$1["default"]({
+  return /*#__PURE__*/jsxRuntime.jsxs("button", _objectSpread$2(_objectSpread$2({
     className: classnames__default["default"]("neeto-molecules-menubar__item", _defineProperty__default["default"]({
       "neeto-molecules-menubar__item--active": active
     }, className, className))
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-molecules-menubar__item-header",
-    component: "h5",
-    style: "h4"
-  }, label), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-molecules-menubar__item-desc",
-    style: "body3"
-  }, description));
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-molecules-menubar__item-header",
+      component: "h5",
+      style: "h4",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-molecules-menubar__item-desc",
+      style: "body3",
+      children: description
+    })]
+  }));
 };
 
 var UNSUPPORTED_INPUT_PROPS = ["tReady"];
 
 var _excluded$2 = ["t", "isCollapsed", "onCollapse"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Search = withT__default["default"](function (_ref) {
   var t = _ref.t,
     _ref$isCollapsed = _ref.isCollapsed,
     isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed,
     onCollapse = _ref.onCollapse,
     props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isCollapsed && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-menubar__search"
-  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends__default$1["default"]({
-    placeholder: t("neetoMolecules.common.actions.search"),
-    prefix: /*#__PURE__*/React__default["default"].createElement(Search__default["default"], null),
-    type: "search"
-  }, ramda.omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    "data-cy": "menubar-search-close-icon",
-    icon: Close__default["default"],
-    style: "text",
-    onClick: onCollapse
-  })));
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: !isCollapsed && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-molecules-menubar__search",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$1({
+        placeholder: t("neetoMolecules.common.actions.search"),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+        type: "search"
+      }, ramda.omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "menubar-search-close-icon",
+        icon: Close__default["default"],
+        style: "text",
+        onClick: onCollapse
+      })]
+    })
+  });
 });
 Search.propTypes = {
   /**
@@ -1963,21 +1984,25 @@ Search.propTypes = {
 };
 
 var _excluded$1 = ["children", "iconProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubTitle = function SubTitle(_ref) {
   var children = _ref.children,
     iconProps = _ref.iconProps,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default$1["default"]({
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     className: "neeto-molecules-menubar__subtitle",
     "data-cy": otherProps["data-cy"] || "menubar-subtitle-heading"
-  }, otherProps), children, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-menubar__subtitle-actions"
-  }, iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (iconProp, index) {
-    return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends__default$1["default"]({
-      key: index,
-      style: "text"
-    }, iconProp));
-  })));
+  }, otherProps), {}, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-molecules-menubar__subtitle-actions",
+      children: iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (iconProp, index) {
+        return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+          style: "text"
+        }, iconProp), index);
+      })
+    })]
+  }));
 };
 
 var _excluded = ["title", "children", "showMenu", "className"];
@@ -1990,23 +2015,27 @@ var MenuBar = function MenuBar(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
+  return /*#__PURE__*/jsxRuntime.jsx(CSSTransition, {
     unmountOnExit: true,
     classNames: "neeto-molecules-menubar",
     "in": showMenu,
-    timeout: 300
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-molecules-menubar__wrapper", _defineProperty__default["default"]({}, className, className))
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-menubar__container",
-    "data-cy": "menubar-container"
-  }, title && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-molecules-menubar__title",
-    "data-cy": otherProps["data-cy"] || "menubar-heading",
-    lineHeight: "tight",
-    style: "h2",
-    weight: "semibold"
-  }, title), children)));
+    timeout: 300,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames__default["default"]("neeto-molecules-menubar__wrapper", _defineProperty__default["default"]({}, className, className)),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-molecules-menubar__container",
+        "data-cy": "menubar-container",
+        children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "neeto-molecules-menubar__title",
+          "data-cy": otherProps["data-cy"] || "menubar-heading",
+          lineHeight: "tight",
+          style: "h2",
+          weight: "semibold",
+          children: title
+        }), children]
+      })
+    })
+  });
 };
 MenuBar.Block = Block;
 MenuBar.Item = Item;