@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/MenuBar.js

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { Children, isValidElement, cloneElement } from 'react';
 import classnames from 'classnames';
 import Typography from '@bigbinary/neetoui/Typography';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import { p as propTypes } from './index-e5588516.js';
+import React__default, { Children, isValidElement, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _extends$1 from '@babel/runtime/helpers/extends';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Button from '@bigbinary/neetoui/Button';
 import { n } from './inject-css-c86de496.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { noop as noop$1 } from '@bigbinary/neeto-cist';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { Link } from 'react-router-dom';
@@ -1814,27 +1814,31 @@ var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui
 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(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(_ref, _excluded$5);
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/jsx("div", _objectSpread$4(_objectSpread$4({
     className: "neeto-molecules-menubar__add-new-wrap"
-  }, otherProps), /*#__PURE__*/React__default.createElement(Button, {
-    icon: Plus,
-    iconPosition: "left",
-    iconSize: 16,
-    label: label,
-    size: "small",
-    style: "link",
-    onClick: onClick
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsx(Button, {
+      label: label,
+      onClick: onClick,
+      icon: Plus,
+      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(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(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,
@@ -1852,37 +1856,46 @@ var Block = function Block(_ref) {
     onEdit && onEdit();
   };
   var Parent = url ? Link : function (props) {
-    return /*#__PURE__*/React__default.createElement("button", props);
+    return /*#__PURE__*/jsx("button", _objectSpread$3({}, props));
   };
-  return /*#__PURE__*/React__default.createElement(Parent, _extends$1({
+  return /*#__PURE__*/jsxs(Parent, _objectSpread$3(_objectSpread$3({
     "data-cy": otherProps["data-cy"] || "menubar-block",
     to: url,
     className: classnames("neeto-molecules-menubar__block", _defineProperty({
       "neeto-molecules-menubar__block--editable": !!onEdit,
       "neeto-molecules-menubar__block--active": active
     }, className, className))
-  }, _objectSpread({
+  }, _objectSpread$3({
     onClick: onClick
-  }, otherProps)), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-menubar__block-label",
-    "data-cy": joinHyphenCase("menubar-block-label", label)
-  }, icon && /*#__PURE__*/React__default.createElement("i", {
-    className: "neeto-molecules-menubar__block-icon"
-  }, icon), /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    style: "h5",
-    title: label,
-    weight: "medium"
-  }, label)), Number.isInteger(count) && /*#__PURE__*/React__default.createElement("div", {
-    onClick: handleEdit
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    style: "h5",
-    weight: "medium"
-  }, count)));
+  }, otherProps)), {}, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "neeto-molecules-menubar__block-label",
+      "data-cy": joinHyphenCase("menubar-block-label", label),
+      children: [icon && /*#__PURE__*/jsx("i", {
+        className: "neeto-molecules-menubar__block-icon",
+        children: icon
+      }), /*#__PURE__*/jsx(Typography, {
+        component: "span",
+        style: "h5",
+        title: label,
+        weight: "medium",
+        children: label
+      })]
+    }), Number.isInteger(count) && /*#__PURE__*/jsx("div", {
+      onClick: handleEdit,
+      children: /*#__PURE__*/jsx(Typography, {
+        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(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,
@@ -1893,41 +1906,50 @@ var Item = function Item(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React__default.createElement("button", _extends$1({
+  return /*#__PURE__*/jsxs("button", _objectSpread$2(_objectSpread$2({
     className: classnames("neeto-molecules-menubar__item", _defineProperty({
       "neeto-molecules-menubar__item--active": active
     }, className, className))
-  }, otherProps), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-molecules-menubar__item-header",
-    component: "h5",
-    style: "h4"
-  }, label), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-molecules-menubar__item-desc",
-    style: "body3"
-  }, description));
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: "neeto-molecules-menubar__item-header",
+      component: "h5",
+      style: "h4",
+      children: label
+    }), /*#__PURE__*/jsx(Typography, {
+      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(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(_ref, _excluded$2);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !isCollapsed && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-menubar__search"
-  }, /*#__PURE__*/React__default.createElement(Input, _extends$1({
-    placeholder: t("neetoMolecules.common.actions.search"),
-    prefix: /*#__PURE__*/React__default.createElement(Search$1, null),
-    type: "search"
-  }, omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "menubar-search-close-icon",
-    icon: Close,
-    style: "text",
-    onClick: onCollapse
-  })));
+  return /*#__PURE__*/jsx(Fragment, {
+    children: !isCollapsed && /*#__PURE__*/jsxs("div", {
+      className: "neeto-molecules-menubar__search",
+      children: [/*#__PURE__*/jsx(Input, _objectSpread$1({
+        placeholder: t("neetoMolecules.common.actions.search"),
+        prefix: /*#__PURE__*/jsx(Search$1, {}),
+        type: "search"
+      }, omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/jsx(Button, {
+        "data-cy": "menubar-search-close-icon",
+        icon: Close,
+        style: "text",
+        onClick: onCollapse
+      })]
+    })
+  });
 });
 Search.propTypes = {
   /**
@@ -1941,21 +1963,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(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(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     className: "neeto-molecules-menubar__subtitle",
     "data-cy": otherProps["data-cy"] || "menubar-subtitle-heading"
-  }, otherProps), children, /*#__PURE__*/React__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.createElement(Button, _extends$1({
-      key: index,
-      style: "text"
-    }, iconProp));
-  })));
+  }, otherProps), {}, {
+    children: [children, /*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-menubar__subtitle-actions",
+      children: iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (iconProp, index) {
+        return /*#__PURE__*/jsx(Button, _objectSpread({
+          style: "text"
+        }, iconProp), index);
+      })
+    })]
+  }));
 };
 
 var _excluded = ["title", "children", "showMenu", "className"];
@@ -1968,23 +1994,27 @@ var MenuBar = function MenuBar(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(CSSTransition, {
+  return /*#__PURE__*/jsx(CSSTransition, {
     unmountOnExit: true,
     classNames: "neeto-molecules-menubar",
     "in": showMenu,
-    timeout: 300
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-menubar__wrapper", _defineProperty({}, className, className))
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-menubar__container",
-    "data-cy": "menubar-container"
-  }, title && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-molecules-menubar__title",
-    "data-cy": otherProps["data-cy"] || "menubar-heading",
-    lineHeight: "tight",
-    style: "h2",
-    weight: "semibold"
-  }, title), children)));
+    timeout: 300,
+    children: /*#__PURE__*/jsx("div", {
+      className: classnames("neeto-molecules-menubar__wrapper", _defineProperty({}, className, className)),
+      children: /*#__PURE__*/jsxs("div", {
+        className: "neeto-molecules-menubar__container",
+        "data-cy": "menubar-container",
+        children: [title && /*#__PURE__*/jsx(Typography, {
+          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;