@bigbinary/neeto-molecules 3.7.21 → 3.7.23

package/dist/cjs/MenuBar.js

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Button = require('@bigbinary/neetoui/Button');
-var injectCss = require('./inject-css-80a5faa3.js');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var jsxRuntime = require('react/jsx-runtime');
 var neetoCist = require('@bigbinary/neeto-cist');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
@@ -15,32 +15,14 @@ var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 var Search$1 = require('@bigbinary/neeto-icons/Search');
 var Close = require('@bigbinary/neeto-icons/Close');
 var Input = require('@bigbinary/neetoui/Input');
-var index = require('./index-57253dc4.js');
+var index = require('./index-JY2zVpnv.js');
 var ramda = require('ramda');
 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 React = require('react');
 var ReactDOM = require('react-dom');
-require('./_commonjsHelpers-b3309d7b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search$1);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-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);
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 /**
  * Checks if a given element has a CSS class.
@@ -107,7 +89,7 @@ var classNamesShape = process.env.NODE_ENV !== 'production' ? index.PropTypes.on
   exitActive: index.PropTypes.string
 })]) : null;
 
-var TransitionGroupContext = React__default["default"].createContext(null);
+var TransitionGroupContext = React.createContext(null);
 
 var forceReflow = function forceReflow(node) {
   return node.scrollTop;
@@ -211,7 +193,7 @@ var EXITING = 'exiting';
  */
 
 var Transition = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose__default["default"](Transition, _React$Component);
+  _inheritsLoose(Transition, _React$Component);
 
   function Transition(props, context) {
     var _this;
@@ -333,7 +315,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
       if (nextStatus === ENTERING) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
           // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
           // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
 
@@ -357,7 +339,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     var enter = this.props.enter;
     var appearing = this.context ? this.context.isMounting : mounting;
 
-    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default["default"].findDOMNode(this), appearing],
+    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],
         maybeNode = _ref2[0],
         maybeAppearing = _ref2[1];
 
@@ -395,7 +377,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
     var exit = this.props.exit;
     var timeouts = this.getTimeouts();
-    var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default["default"].findDOMNode(this); // no exit animation skip right to EXITED
+    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED
 
     if (!exit || config.disabled) {
       this.safeSetState({
@@ -459,7 +441,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
   _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
     this.setNextCallback(handler);
-    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
 
     if (!node || doesNotHaveTimeoutOrListener) {
@@ -504,19 +486,19 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _this$props.onExiting;
         _this$props.onExited;
         _this$props.nodeRef;
-        var childProps = _objectWithoutPropertiesLoose__default["default"](_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
       // allows for nested Transitions
-      React__default["default"].createElement(TransitionGroupContext.Provider, {
+      React.createElement(TransitionGroupContext.Provider, {
         value: null
-      }, typeof children === 'function' ? children(status, childProps) : React__default["default"].cloneElement(React__default["default"].Children.only(children), childProps))
+      }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))
     );
   };
 
   return Transition;
-}(React__default["default"].Component);
+}(React.Component);
 
 Transition.contextType = TransitionGroupContext;
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -728,7 +710,6 @@ Transition.EXITED = EXITED;
 Transition.ENTERING = ENTERING;
 Transition.ENTERED = ENTERED;
 Transition.EXITING = EXITING;
-var Transition$1 = Transition;
 
 var _addClass = function addClass$1(node, classes) {
   return node && classes && classes.split(' ').forEach(function (c) {
@@ -813,7 +794,7 @@ var removeClass = function removeClass(node, classes) {
 
 
 var CSSTransition = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose__default["default"](CSSTransition, _React$Component);
+  _inheritsLoose(CSSTransition, _React$Component);
 
   function CSSTransition() {
     var _this;
@@ -982,9 +963,9 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this$props = this.props;
         _this$props.classNames;
-        var props = _objectWithoutPropertiesLoose__default["default"](_this$props, ["classNames"]);
+        var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/React__default["default"].createElement(Transition$1, _extends__default["default"]({}, props, {
+    return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -995,12 +976,12 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
   };
 
   return CSSTransition;
-}(React__default["default"].Component);
+}(React.Component);
 
 CSSTransition.defaultProps = {
   classNames: ''
 };
-CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends__default["default"]({}, Transition$1.propTypes, {
+CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Transition.propTypes, {
   /**
    * The animation classNames applied to the component as it appears, enters,
    * exits or has finished the transition. A single name can be provided, which
@@ -1130,26 +1111,25 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends__defa
    */
   onExited: index.PropTypes.func
 }) : {};
-var CSSTransition$1 = CSSTransition;
 
 var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-white))!important;border-right:1px solid rgb(var(--neeto-ui-gray-200));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:32px!important;width:324px}@media screen and (max-width:1024px){.neeto-molecules-menubar__container{padding:40px 24px 24px!important;width:280px}}@media screen and (max-width:768px){.neeto-molecules-menubar__container{padding:40px 20px 24px!important;width:240px}}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-100));box-shadow:none;position:relative}.neeto-molecules-menubar__block--active:after{background-color:rgb(var(--neeto-ui-primary-500));border-bottom-left-radius:var(--neeto-ui-rounded);border-top-left-radius:var(--neeto-ui-rounded);content:\"\";height:100%;left:-1px;position:absolute;top:0;width:3px}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-primary-100))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}@media screen and (max-width:1024px){.neeto-molecules-menubar__item{padding:10px}}@media screen and (max-width:768px){.neeto-molecules-menubar__item{padding:8px}}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
 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; }
+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(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);
+    otherProps = _objectWithoutProperties(_ref, _excluded$5);
   return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({
     className: "neeto-molecules-menubar__add-new-wrap"
   }, otherProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: label,
       onClick: onClick,
-      icon: Plus__default["default"],
+      icon: Plus,
       iconPosition: "left",
       iconSize: 16,
       size: "small",
@@ -1160,7 +1140,7 @@ var AddNew = function AddNew(_ref) {
 
 var _excluded$4 = ["url", "icon", "label", "count", "active", "onEdit", "onClick", "className"];
 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; }
+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(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,
@@ -1172,7 +1152,7 @@ var Block = function Block(_ref) {
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? neetoCist.noop : _ref$onClick,
     className = _ref.className,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+    otherProps = _objectWithoutProperties(_ref, _excluded$4);
   var handleEdit = function handleEdit(e) {
     e.stopPropagation();
     onEdit && onEdit();
@@ -1183,7 +1163,7 @@ var Block = function Block(_ref) {
   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"]({
+    className: classnames("neeto-molecules-menubar__block", _defineProperty({
       "neeto-molecules-menubar__block--editable": !!onEdit,
       "neeto-molecules-menubar__block--active": active
     }, className, className))
@@ -1196,7 +1176,7 @@ var Block = function Block(_ref) {
       children: [icon && /*#__PURE__*/jsxRuntime.jsx("i", {
         className: "neeto-molecules-menubar__block-icon",
         children: icon
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
         component: "span",
         style: "h5",
         title: label,
@@ -1205,7 +1185,7 @@ var Block = function Block(_ref) {
       })]
     }), Number.isInteger(count) && /*#__PURE__*/jsxRuntime.jsx("div", {
       onClick: handleEdit,
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         component: "span",
         style: "h5",
         weight: "medium",
@@ -1217,7 +1197,7 @@ var Block = function Block(_ref) {
 
 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; }
+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(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,
@@ -1227,18 +1207,18 @@ var Item = function Item(_ref) {
     active = _ref$active === void 0 ? false : _ref$active,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/jsxRuntime.jsxs("button", _objectSpread$2(_objectSpread$2({
-    className: classnames__default["default"]("neeto-molecules-menubar__item", _defineProperty__default["default"]({
+    className: classnames("neeto-molecules-menubar__item", _defineProperty({
       "neeto-molecules-menubar__item--active": active
     }, className, className))
   }, otherProps), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-molecules-menubar__item-header",
       component: "h5",
       style: "h4",
       children: label
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-molecules-menubar__item-desc",
       style: "body3",
       children: description
@@ -1250,23 +1230,23 @@ 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) {
+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(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(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);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   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({
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$1({
         placeholder: t("neetoMolecules.common.actions.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search$1, {}),
         type: "search"
-      }, ramda.omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }, ramda.omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "menubar-search-close-icon",
-        icon: Close__default["default"],
+        icon: Close,
         style: "text",
         onClick: onCollapse
       })]
@@ -1286,11 +1266,11 @@ 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; }
+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(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);
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
   return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     className: "neeto-molecules-menubar__subtitle",
     "data-cy": otherProps["data-cy"] || "menubar-subtitle-heading"
@@ -1298,7 +1278,7 @@ var SubTitle = function SubTitle(_ref) {
     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({
+        return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
           style: "text"
         }, iconProp), index);
       })
@@ -1315,18 +1295,18 @@ var MenuBar = function MenuBar(_ref) {
     showMenu = _ref$showMenu === void 0 ? false : _ref$showMenu,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsx(CSSTransition$1, {
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(CSSTransition, {
     unmountOnExit: true,
     classNames: "neeto-molecules-menubar",
     "in": showMenu,
     timeout: 300,
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: classnames__default["default"]("neeto-molecules-menubar__wrapper", _defineProperty__default["default"]({}, className, className)),
+      className: classnames("neeto-molecules-menubar__wrapper", _defineProperty({}, className, className)),
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-molecules-menubar__container",
         "data-cy": "menubar-container",
-        children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-molecules-menubar__title",
           "data-cy": otherProps["data-cy"] || "menubar-heading",
           lineHeight: "tight",