@bigbinary/neeto-molecules 1.1.44 → 1.1.46

package/dist/Header.js

@@ -21,6 +21,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ":root{--neeto-molecules-main-header-height:98px;--neeto-molecules-main-header-with-breadcrumbs-height:170px}.neeto-molecules-header{align-items:flex-start!important;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;min-height:98px;min-height:var(--neeto-molecules-main-header-height);padding:40px 0 24px!important;width:100%}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:flex-start!important;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{align-items:center;display:flex;flex-direction:row;gap:12px;margin-top:-16px;width:100%}.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:40px;line-height:var(--neeto-ui-leading-tight)}.neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{display:flex;margin:0 0 40px}.neeto-molecules-header .neeto-molecules-header__breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-header .neeto-molecules-header__breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-header .neeto-molecules-header__breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-header .neeto-molecules-header__breadcrumb-separator{font-size:12px;line-height:16px;margin:0 12px!important}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.neeto-molecules-header--has-breadcrumbs{min-height:170px;min-height:var(--neeto-molecules-main-header-with-breadcrumbs-height)}.neeto-molecules-header--has-breadcrumbs .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano,.neeto-molecules-header--small{flex-shrink:0;min-height:0}.neeto-molecules-header--nano .neeto-molecules-header__breadcrumbs-wrap,.neeto-molecules-header--small .neeto-molecules-header__breadcrumbs-wrap{margin:0 0 16px}.neeto-molecules-header--small .neeto-molecules-header__page-title{margin-top:-4px}.neeto-molecules-header--small .neeto-molecules-header__page-title h2{font-size:32px}.neeto-molecules-header--nano .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano .neeto-molecules-header__page-title h2{font-size:24px}";
@@ -59,15 +100,24 @@ var SIZES = {
   small: "small",
   large: "large"
 };
+var DROPDOWN_BUTTON_SIZES = {
+  nano: "small",
+  small: "medium",
+  large: "large"
+};
 
 var Dropdown = function Dropdown(props) {
   return /*#__PURE__*/React.createElement(Dropdown$1, _extends({
-    buttonStyle: "text",
+    buttonSize: DROPDOWN_BUTTON_SIZES[props.size],
+    buttonStyle: "secondary",
     icon: MenuHorizontal,
-    position: "bottom-end"
+    position: "bottom-start",
+    strategy: "fixed"
   }, props));
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Header = function Header(_ref) {
   var title = _ref.title,
     searchProps = _ref.searchProps,
@@ -104,7 +154,11 @@ var Header = function Header(_ref) {
     lineHeight: "tight",
     style: "h2",
     weight: "semibold"
-  }, title), renderDropdown(Dropdown)))), /*#__PURE__*/React.createElement("div", {
+  }, title), renderDropdown(function (props) {
+    return /*#__PURE__*/React.createElement(Dropdown, _objectSpread({
+      size: size
+    }, props));
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-gap-3 neeto-molecules-header__right"
   }, searchProps && /*#__PURE__*/React.createElement(Search, _extends({
     className: classnames(["neeto-molecules-header__search-input", searchProps.className])

package/dist/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Header/Breadcrumbs.jsx","../src/components/Header/constants.js","../src/components/Header/Dropdown.jsx","../src/components/Header/index.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./header.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs }) => (\n  <div className=\"neeto-molecules-header__breadcrumbs-wrap\">\n    {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n      <div\n        className=\"neeto-molecules-header__breadcrumb\"\n        data-cy=\"header-breadcrumb\"\n        key={index}\n      >\n        <Link to={link}>\n          <Typography\n            className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link\"\n            component=\"span\"\n            data-cy={text}\n            data-test-id={text}\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            {text}\n          </Typography>\n        </Link>\n        {index !== breadcrumbs.length - 1 && (\n          <span className=\"neeto-molecules-header__breadcrumb-separator neeto-ui-text-black\">\n            /\n          </span>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nexport default React.memo(Breadcrumbs);\n","const SIZES = { nano: \"nano\", small: \"small\", large: \"large\" };\n\nexport { SIZES };\n","import React from \"react\";\n\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = props => (\n  <NeetoUIDropdown\n    buttonStyle=\"text\"\n    icon={MenuHorizontal}\n    position=\"bottom-end\"\n    {...props}\n  />\n);\n\nexport default Dropdown;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty } from \"neetocist\";\nimport Search from \"neetomolecules/Search\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Breadcrumbs from \"./Breadcrumbs\";\nimport { SIZES } from \"./constants\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n  title,\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"large\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => (\n  <div\n    data-testid={dataTestId}\n    className={classnames([\n      \"neeto-molecules-header\",\n      {\n        \"neeto-molecules-header--has-breadcrumbs\": isNotEmpty(breadcrumbs),\n        \"neeto-molecules-header--large\": size === SIZES.large,\n        \"neeto-molecules-header--small\": size === SIZES.small,\n        \"neeto-molecules-header--nano\": size === SIZES.nano,\n      },\n      className,\n    ])}\n  >\n    <div className=\"neeto-molecules-header__left\">\n      <div className=\"neeto-molecules-header__left-data-wrap\">\n        {isNotEmpty(breadcrumbs) && <Breadcrumbs {...{ breadcrumbs }} />}\n        <div className=\"neeto-molecules-header__page-title\">\n          <Typography\n            data-cy=\"main-header\"\n            data-test-id=\"main-header\"\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n          {renderDropdown(Dropdown)}\n        </div>\n      </div>\n    </div>\n    <div className=\"neeto-ui-gap-3 neeto-molecules-header__right\">\n      {searchProps && (\n        <Search\n          className={classnames([\n            \"neeto-molecules-header__search-input\",\n            searchProps.className,\n          ])}\n          {...searchProps}\n        />\n      )}\n      {actionBlock}\n    </div>\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   *\n   * `large` - Default size. To be used in index pages.\n   *\n   * `small` - To be used in inner pages.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\", \"large\"]),\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length","memo","SIZES","nano","small","large","Dropdown","props","NeetoUIDropdown","_extends","buttonStyle","icon","MenuHorizontal","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","classnames","isNotEmpty","lineHeight","Search"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Header/Breadcrumbs.jsx","../src/components/Header/constants.js","../src/components/Header/Dropdown.jsx","../src/components/Header/index.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./header.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs }) => (\n  <div className=\"neeto-molecules-header__breadcrumbs-wrap\">\n    {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n      <div\n        className=\"neeto-molecules-header__breadcrumb\"\n        data-cy=\"header-breadcrumb\"\n        key={index}\n      >\n        <Link to={link}>\n          <Typography\n            className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link\"\n            component=\"span\"\n            data-cy={text}\n            data-test-id={text}\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            {text}\n          </Typography>\n        </Link>\n        {index !== breadcrumbs.length - 1 && (\n          <span className=\"neeto-molecules-header__breadcrumb-separator neeto-ui-text-black\">\n            /\n          </span>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nexport default React.memo(Breadcrumbs);\n","const SIZES = { nano: \"nano\", small: \"small\", large: \"large\" };\n\nconst DROPDOWN_BUTTON_SIZES = {\n  nano: \"small\",\n  small: \"medium\",\n  large: \"large\",\n};\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import React from \"react\";\n\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nimport { DROPDOWN_BUTTON_SIZES } from \"./constants\";\n\nconst Dropdown = props => (\n  <NeetoUIDropdown\n    buttonSize={DROPDOWN_BUTTON_SIZES[props.size]}\n    buttonStyle=\"secondary\"\n    icon={MenuHorizontal}\n    position=\"bottom-start\"\n    strategy=\"fixed\"\n    {...props}\n  />\n);\n\nexport default Dropdown;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty } from \"neetocist\";\nimport Search from \"neetomolecules/Search\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Breadcrumbs from \"./Breadcrumbs\";\nimport { SIZES } from \"./constants\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n  title,\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"large\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => (\n  <div\n    data-testid={dataTestId}\n    className={classnames([\n      \"neeto-molecules-header\",\n      {\n        \"neeto-molecules-header--has-breadcrumbs\": isNotEmpty(breadcrumbs),\n        \"neeto-molecules-header--large\": size === SIZES.large,\n        \"neeto-molecules-header--small\": size === SIZES.small,\n        \"neeto-molecules-header--nano\": size === SIZES.nano,\n      },\n      className,\n    ])}\n  >\n    <div className=\"neeto-molecules-header__left\">\n      <div className=\"neeto-molecules-header__left-data-wrap\">\n        {isNotEmpty(breadcrumbs) && <Breadcrumbs {...{ breadcrumbs }} />}\n        <div className=\"neeto-molecules-header__page-title\">\n          <Typography\n            data-cy=\"main-header\"\n            data-test-id=\"main-header\"\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n          {renderDropdown(props => (\n            <Dropdown {...{ size, ...props }} />\n          ))}\n        </div>\n      </div>\n    </div>\n    <div className=\"neeto-ui-gap-3 neeto-molecules-header__right\">\n      {searchProps && (\n        <Search\n          className={classnames([\n            \"neeto-molecules-header__search-input\",\n            searchProps.className,\n          ])}\n          {...searchProps}\n        />\n      )}\n      {actionBlock}\n    </div>\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   *\n   * `large` - Default size. To be used in index pages.\n   *\n   * `small` - To be used in inner pages.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\", \"large\"]),\n};\n\nexport default Header;\n"],"names":["toPrimitive","toPropertyKey","Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length","memo","SIZES","nano","small","large","DROPDOWN_BUTTON_SIZES","Dropdown","props","NeetoUIDropdown","_extends","buttonSize","size","buttonStyle","icon","MenuHorizontal","position","strategy","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","_ref$dataTestid","dataTestId","classnames","isNotEmpty","lineHeight","_objectSpread","Search"],"mappings":"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"}

package/dist/InlineInput.js

@@ -1,10 +1,11 @@
 import React, { useState, useRef, useEffect } from 'react';
+import { useField, useFormikContext } from 'formik';
+import { isNotNil, omit } from 'ramda';
 import classnames from 'classnames';
 import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
-import { useStateWithDependency, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useStateWithDependency, useOnClickOutside, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Check, Close } from '@bigbinary/neeto-icons';
 import { Input, Button } from '@bigbinary/neetoui';
-import { isNotNil } from 'ramda';
 import { t as t$1 } from 'i18next';
 
 function _extends() {
@@ -22,78 +23,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof$1(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$1(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$1(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -178,6 +107,78 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$1(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof$1(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$1(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$1(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+
 var regeneratorRuntime$1 = {exports: {}};
 
 var _typeof = {exports: {}};
@@ -546,7 +547,7 @@ var mergeRefs = function mergeRefs() {
   };
 };
 
-var _excluded = ["saveOnBlur", "clearOnSave", "nullable", "value", "isSaving", "className", "handleSubmit", "handleCancel"];
+var _excluded$1 = ["saveOnBlur", "clearOnSave", "nullable", "value", "isSaving", "className", "handleSubmit", "handleCancel", "submitButtonProps", "cancelButtonProps"];
 var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$saveOnBlur = props.saveOnBlur,
     saveOnBlur = _props$saveOnBlur === void 0 ? false : _props$saveOnBlur,
@@ -563,7 +564,11 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleSubmit = _props$handleSubmit === void 0 ? noop : _props$handleSubmit,
     _props$handleCancel = props.handleCancel,
     handleCancel = _props$handleCancel === void 0 ? noop : _props$handleCancel,
-    otherProps = _objectWithoutProperties(props, _excluded);
+    _props$submitButtonPr = props.submitButtonProps,
+    submitButtonProps = _props$submitButtonPr === void 0 ? {} : _props$submitButtonPr,
+    _props$cancelButtonPr = props.cancelButtonProps,
+    cancelButtonProps = _props$cancelButtonPr === void 0 ? {} : _props$cancelButtonPr,
+    otherProps = _objectWithoutProperties(props, _excluded$1);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSubmitting = _useState2[0],
@@ -573,12 +578,18 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     inputValue = _useStateWithDependen2[0],
     setInputValue = _useStateWithDependen2[1];
   var inputRef = useRef(null);
+  var inputWrapperRef = useRef(null);
   var trimmedValue = inputValue && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim());
   var isValidValue = nullable || isNotEmpty(trimmedValue) && isNotNil(trimmedValue);
   var handleFocusOut = function handleFocusOut() {
     if (!isValidValue || isSubmitting) return;
-    saveOnBlur && inputValue !== value ? onSubmit() : handleCancel(inputValue);
+    if (saveOnBlur) {
+      inputValue !== value ? onSubmit() : onCancel();
+      return;
+    }
+    onCancel();
   };
+  useOnClickOutside(inputWrapperRef, handleFocusOut);
   var onSubmit = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
       return regenerator.wrap(function _callee$(_context) {
@@ -600,6 +611,10 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
+  var onCancel = function onCancel() {
+    handleCancel(inputValue);
+    setInputValue(value);
+  };
   var closeRef = useHotKeys("escape", function (event) {
     event.stopPropagation();
     handleCancel(inputValue);
@@ -612,38 +627,32 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     mode: "scoped",
     enabled: isValidValue
   });
+  var isDirty = inputValue !== value;
   useEffect(function () {
     return inputRef.current && inputRef.current.focus();
   }, [isSubmitting]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames("flex flex-grow", _defineProperty({}, className, className))
+    className: classnames("flex flex-grow", _defineProperty({}, className, className)),
+    ref: inputWrapperRef
   }, /*#__PURE__*/React.createElement(Input, _extends({
     className: "neeto-molecules-autosave-input",
     "data-testid": "neeto-molecules-autosave-input",
     disabled: isSubmitting,
     ref: mergeRefs(inputRef, closeRef, submitRef),
-    value: inputValue,
-    onChange: function onChange(e) {
-      return setInputValue(e.target.value);
-    },
-    onBlur: function onBlur(event) {
-      var _otherProps$onBlur;
-      otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onBlur = otherProps.onBlur) === null || _otherProps$onBlur === void 0 ? void 0 : _otherProps$onBlur.call(otherProps, event);
-      handleFocusOut();
-    }
+    value: inputValue
   }, otherProps, {
-    suffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    suffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _extends({
       "data-testid": "neeto-molecules-autosave-input-save",
-      disabled: !isValidValue || isSubmitting || isSaving,
       icon: Check,
       loading: isSubmitting || isSaving,
       size: "small",
       style: "text",
       tabIndex: -1,
       tooltipProps: TOOLTIP_PROPS["save"],
-      onMouseDown: onSubmit
-    }), /*#__PURE__*/React.createElement(Button, {
-      disabled: isSubmitting || isSaving,
+      onClick: onSubmit
+    }, submitButtonProps, {
+      disabled: !isValidValue || isSubmitting || isSaving || submitButtonProps.disabled || !isDirty
+    })), /*#__PURE__*/React.createElement(Button, _extends({
       icon: Close,
       ref: ref,
       "data-testid": "neeto-molecules-autosave-input-cancel",
@@ -651,13 +660,49 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: "text",
       tabIndex: -1,
       tooltipProps: TOOLTIP_PROPS["cancel"],
-      onMouseDown: function onMouseDown() {
-        return handleCancel(inputValue);
-      }
-    }))
+      onClick: onCancel
+    }, cancelButtonProps, {
+      disabled: isSubmitting || isSaving || cancelButtonProps.disabled || !isDirty
+    }))),
+    onChange: function onChange(e) {
+      var _otherProps$onChange;
+      otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 ? void 0 : _otherProps$onChange.call(otherProps, e);
+      setInputValue(e.target.value);
+    }
   })));
 });
 InlineInput.displayName = "InlineInput";
 
-export { InlineInput as default };
+var _excluded = ["name"];
+var FormikInlineInput = function FormikInlineInput(_ref) {
+  var name = _ref.name,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useField = useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    setValue = _useField2[2].setValue;
+  var _useFormikContext = useFormikContext(),
+    submitForm = _useFormikContext.submitForm,
+    isSubmitting = _useFormikContext.isSubmitting,
+    resetForm = _useFormikContext.resetForm;
+  return /*#__PURE__*/React.createElement(InlineInput, _extends({
+    error: meta.touched ? meta.error : "",
+    isSaving: isSubmitting
+  }, props, {
+    handleCancel: function handleCancel() {
+      var _props$handleCancel;
+      resetForm();
+      (_props$handleCancel = props.handleCancel) === null || _props$handleCancel === void 0 ? void 0 : _props$handleCancel.call(props);
+    },
+    handleSubmit: function handleSubmit(value) {
+      var _props$handleSubmit;
+      setValue(value);
+      (_props$handleSubmit = props.handleSubmit) === null || _props$handleSubmit === void 0 ? void 0 : _props$handleSubmit.call(props, value);
+      return submitForm();
+    }
+  }, omit(["onChange"], field)));
+};
+
+export { FormikInlineInput, InlineInput };
 //# sourceMappingURL=InlineInput.js.map