@bigbinary/neeto-molecules 0.0.1

package/dist/Rename.cjs.js

@@ -0,0 +1,306 @@
+'use strict';
+
+var React = require('react');
+var pure = require('@bigbinary/neeto-commons-frontend/pure');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
+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 = ".neeto-molecules-rename__input{height:32px;margin-left:4px;position:relative;width:-moz-max-content;width:max-content}.neeto-molecules-rename__input .neeto-ui-input{border-color:transparent}.neeto-molecules-rename__input .neeto-ui-input:focus-within{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-rename__input .neeto-ui-input .neeto-ui-input__suffix{margin-right:0!important}.neeto-molecules-rename__input .neeto-ui-input input{min-width:72px}.neeto-molecules-rename__text{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;font-size:var(--neeto-ui-text-sm);font-weight:400;letter-spacing:.005em;line-height:1;margin:0 1px;max-height:32px;max-width:450px;padding:8px 5px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__breadcrumb-text{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-rename__breadcrumb-text:hover,.neeto-molecules-rename__display-text{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-molecules-breadcrumb__divider{font-weight:400;letter-spacing:.005em;line-height:16px;max-height:32px;padding:0;pointer-events:none}";
+n(css,{});
+
+var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (node) {
+    return refs.forEach(function (ref) {
+      return typeof ref === "function" ? ref(node) : ref.current = node;
+    });
+  };
+};
+
+var Menu = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
+var Rename = function Rename(_ref) {
+  var value = _ref.value,
+    _ref$onRename = _ref.onRename,
+    onRename = _ref$onRename === void 0 ? pure.noop : _ref$onRename,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    _ref$hideMenu = _ref.hideMenu,
+    hideMenu = _ref$hideMenu === void 0 ? false : _ref$hideMenu,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$dropdownItems = _ref.dropdownItems,
+    dropdownItems = _ref$dropdownItems === void 0 ? [] : _ref$dropdownItems,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$textProps = _ref.textProps,
+    textProps = _ref$textProps === void 0 ? {} : _ref$textProps,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useStateWithDependen = reactUtils.useStateWithDependency(value !== null && value !== void 0 ? value : ""),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    name = _useStateWithDependen2[0],
+    setName = _useStateWithDependen2[1];
+  var _useState = React.useState(isOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    editMode = _useState2[0],
+    setEditMode = _useState2[1];
+  var renameRef = React.useRef(null);
+  reactUtils.useOnClickOutside(renameRef, function () {
+    return editMode && handleClose();
+  });
+  var handleRename = function handleRename(name) {
+    onRename(name);
+    setEditMode(false);
+  };
+  var handleClose = function handleClose() {
+    setName(value);
+    setEditMode(false);
+  };
+  var closeRef = reactUtils.useHotKeys("escape", handleClose, {
+    mode: "scoped",
+    enabled: editMode
+  });
+  var submitRef = reactUtils.useHotKeys(["command+return", "return"], function () {
+    return pure.isNotEmpty(name) && handleRename(name);
+  }, {
+    mode: "scoped",
+    enabled: editMode
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames("flex flex-row items-center", className),
+    ref: renameRef
+  }, breadcrumbs.map(function (_ref2) {
+    var text = _ref2.text,
+      link = _ref2.link;
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+      key: text
+    }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, _extends({
+      className: "neeto-molecules-rename__text neeto-molecules-rename__breadcrumb-text",
+      "data-testid": "neeto-molecules-value-display",
+      to: link
+    }, textProps), text), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-molecules-rename__breadcrumb-text neeto-molecules-breadcrumb__divider",
+      component: "span"
+    }, "/"));
+  }), editMode ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
+    autoFocus: true,
+    className: "neeto-molecules-rename__input",
+    "data-cy": "form-rename-text-field",
+    "data-testid": "neeto-molecules-name-input",
+    placeholder: placeholder,
+    ref: mergeRefs(closeRef, submitRef),
+    style: {
+      width: "".concat(Math.min(Math.max(name.length, 2), 50), "ch")
+    },
+    value: name,
+    suffix: /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-center justify-end"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      className: "neeto-ui-rounded-none",
+      "data-cy": "form-rename-submit-button",
+      "data-testid": "neeto-molecules-rename-button",
+      disabled: ramda.isEmpty(name) || isLoading,
+      icon: neetoIcons.Check,
+      loading: isLoading,
+      style: "text",
+      onClick: function onClick() {
+        return handleRename(name);
+      }
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      className: "neeto-ui-rounded-none",
+      "data-cy": "form-rename-close-button",
+      "data-testid": "neeto-molecules-cancel-button",
+      disabled: isLoading,
+      icon: neetoIcons.Close,
+      style: "text",
+      onClick: handleClose
+    })),
+    onChange: function onChange(event) {
+      return setName(event.target.value);
+    }
+  }, inputProps))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends({
+    component: "p",
+    "data-cy": "form-title",
+    "data-testid": "neeto-molecules-value-display",
+    style: "body2",
+    className: classnames("neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate", {
+      "cursor-pointer": !disabled,
+      "pointer-events-none cursor-text": disabled
+    }),
+    onClick: function onClick() {
+      return !disabled && setEditMode(!editMode);
+    }
+  }, textProps), name), !hideMenu && (pure.isNotEmpty(dropdownItems) || !disabled) && /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    buttonProps: {
+      "data-testid": "neeto-molecules-menu-button"
+    },
+    buttonStyle: "text",
+    icon: neetoIcons.MenuHorizontal,
+    position: "bottom-start"
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, !disabled && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    "data-cy": "form-rename-button",
+    onClick: function onClick() {
+      return setEditMode(true);
+    }
+  }, t("neetoMolecules.common.actions.rename")), dropdownItems.map(function (item) {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends({
+      "data-cy": "form-clone-button",
+      key: item.label
+    }, item), item.label);
+  })))));
+};
+
+module.exports = Rename;
+//# sourceMappingURL=Rename.cjs.js.map

package/dist/Rename.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rename.cjs.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","../node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../node_modules/classnames/index.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Rename/utils.js","../src/components/Rename/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 _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"];\n  if (null != _i) {\n    var _s,\n      _e,\n      _x,\n      _r,\n      _arr = [],\n      _n = !0,\n      _d = !1;\n    try {\n      if (_x = (_i = _i.call(arr)).next, 0 === i) {\n        if (Object(_i) !== _i) return;\n        _n = !1;\n      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);\n    } catch (err) {\n      _d = !0, _e = err;\n    } finally {\n      try {\n        if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return;\n      } finally {\n        if (_d) throw _e;\n      }\n    }\n    return _arr;\n  }\n}","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\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","export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import React, { useState, useRef, Fragment } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocommons/pure\";\nimport {\n  useOnClickOutside,\n  useStateWithDependency,\n  useHotKeys,\n} from \"neetocommons/react-utils\";\nimport { MenuHorizontal, Check, Close } from \"neetoicons\";\nimport { Input, Dropdown, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./rename.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst Rename = ({\n  value,\n  onRename = noop,\n  isOpen = false,\n  isLoading = false,\n  placeholder = \"\",\n  hideMenu = false,\n  disabled = false,\n  dropdownItems = [],\n  breadcrumbs = [],\n  textProps = {},\n  inputProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const [name, setName] = useStateWithDependency(value ?? \"\");\n  const [editMode, setEditMode] = useState(isOpen);\n\n  const renameRef = useRef(null);\n\n  useOnClickOutside(renameRef, () => editMode && handleClose());\n\n  const handleRename = name => {\n    onRename(name);\n    setEditMode(false);\n  };\n\n  const handleClose = () => {\n    setName(value);\n    setEditMode(false);\n  };\n\n  const closeRef = useHotKeys(\"escape\", handleClose, {\n    mode: \"scoped\",\n    enabled: editMode,\n  });\n\n  const submitRef = useHotKeys(\n    [\"command+return\", \"return\"],\n    () => isNotEmpty(name) && handleRename(name),\n    { mode: \"scoped\", enabled: editMode }\n  );\n\n  return (\n    <div\n      className={classnames(\"flex flex-row items-center\", className)}\n      ref={renameRef}\n    >\n      {breadcrumbs.map(({ text, link }) => (\n        <Fragment key={text}>\n          <Link\n            className=\"neeto-molecules-rename__text neeto-molecules-rename__breadcrumb-text\"\n            data-testid=\"neeto-molecules-value-display\"\n            to={link}\n            {...textProps}\n          >\n            {text}\n          </Link>\n          <Typography\n            className=\"neeto-molecules-rename__breadcrumb-text neeto-molecules-breadcrumb__divider\"\n            component=\"span\"\n          >\n            /\n          </Typography>\n        </Fragment>\n      ))}\n      {editMode ? (\n        <div>\n          <Input\n            autoFocus\n            className=\"neeto-molecules-rename__input\"\n            data-cy=\"form-rename-text-field\"\n            data-testid=\"neeto-molecules-name-input\"\n            placeholder={placeholder}\n            ref={mergeRefs(closeRef, submitRef)}\n            style={{ width: `${Math.min(Math.max(name.length, 2), 50)}ch` }}\n            value={name}\n            suffix={\n              <div className=\"flex items-center justify-end\">\n                <Button\n                  className=\"neeto-ui-rounded-none\"\n                  data-cy=\"form-rename-submit-button\"\n                  data-testid=\"neeto-molecules-rename-button\"\n                  disabled={isEmpty(name) || isLoading}\n                  icon={Check}\n                  loading={isLoading}\n                  style=\"text\"\n                  onClick={() => handleRename(name)}\n                />\n                <Button\n                  className=\"neeto-ui-rounded-none\"\n                  data-cy=\"form-rename-close-button\"\n                  data-testid=\"neeto-molecules-cancel-button\"\n                  disabled={isLoading}\n                  icon={Close}\n                  style=\"text\"\n                  onClick={handleClose}\n                />\n              </div>\n            }\n            onChange={event => setName(event.target.value)}\n            {...inputProps}\n          />\n        </div>\n      ) : (\n        <>\n          <Typography\n            component=\"p\"\n            data-cy=\"form-title\"\n            data-testid=\"neeto-molecules-value-display\"\n            style=\"body2\"\n            className={classnames(\n              \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n              {\n                \"cursor-pointer\": !disabled,\n                \"pointer-events-none cursor-text\": disabled,\n              }\n            )}\n            onClick={() => !disabled && setEditMode(!editMode)}\n            {...textProps}\n          >\n            {name}\n          </Typography>\n          {!hideMenu && (isNotEmpty(dropdownItems) || !disabled) && (\n            <Dropdown\n              buttonProps={{ \"data-testid\": \"neeto-molecules-menu-button\" }}\n              buttonStyle=\"text\"\n              icon={MenuHorizontal}\n              position=\"bottom-start\"\n            >\n              <Menu>\n                {!disabled && (\n                  <MenuItem.Button\n                    data-cy=\"form-rename-button\"\n                    onClick={() => setEditMode(true)}\n                  >\n                    {t(\"neetoMolecules.common.actions.rename\")}\n                  </MenuItem.Button>\n                )}\n                {dropdownItems.map(item => (\n                  <MenuItem.Button\n                    data-cy=\"form-clone-button\"\n                    key={item.label}\n                    {...item}\n                  >\n                    {item.label}\n                  </MenuItem.Button>\n                ))}\n              </Menu>\n            </Dropdown>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nRename.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To specify the function to be triggered when renamed.\n   */\n  onRename: PropTypes.func,\n  /**\n   * To specify whether edit mode is enabled or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify whether the edit buttons are in loading state or not.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * To specify the placeholder for the input component in edit mode.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the dropdown menu should be hidden or not.\n   */\n  hideMenu: PropTypes.bool,\n  /**\n   * To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify additional items for the dropdown menu.\n   */\n  dropdownItems: PropTypes.array,\n  /**\n   * To specify the breadcrumbs if used in the title of `Header` component.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * To override the properties of the Typography component that displays the `value`.\n   */\n  textProps: PropTypes.object,\n  /**\n   * To override the properties of the Input component in edit mode.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["arrayLikeToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Menu","Dropdown","MenuItem","Rename","_ref","value","_ref$onRename","onRename","noop","_ref$isOpen","isOpen","_ref$isLoading","isLoading","_ref$placeholder","placeholder","_ref$hideMenu","hideMenu","_ref$disabled","disabled","_ref$dropdownItems","dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","textProps","_ref$inputProps","inputProps","_ref$className","className","_useTranslation","useTranslation","t","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","name","setName","_useState","useState","_useState2","editMode","setEditMode","renameRef","useRef","useOnClickOutside","handleClose","handleRename","closeRef","useHotKeys","mode","enabled","submitRef","isNotEmpty","React","createElement","classnames","map","_ref2","text","link","Fragment","key","Link","_extends","to","Typography","component","Input","autoFocus","style","width","concat","Math","min","max","suffix","Button","isEmpty","icon","Check","loading","onClick","Close","onChange","event","target","buttonProps","buttonStyle","MenuHorizontal","position","item","label"],"mappings":"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"}

package/dist/Rename.js

@@ -0,0 +1,300 @@
+import React, { useState, useRef, Fragment } from 'react';
+import { isNotEmpty, noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { useStateWithDependency, useOnClickOutside, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Check, Close, MenuHorizontal } from '@bigbinary/neeto-icons';
+import { Dropdown, Typography, Input, Button } from '@bigbinary/neetoui';
+import { isEmpty } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
+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 = ".neeto-molecules-rename__input{height:32px;margin-left:4px;position:relative;width:-moz-max-content;width:max-content}.neeto-molecules-rename__input .neeto-ui-input{border-color:transparent}.neeto-molecules-rename__input .neeto-ui-input:focus-within{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-rename__input .neeto-ui-input .neeto-ui-input__suffix{margin-right:0!important}.neeto-molecules-rename__input .neeto-ui-input input{min-width:72px}.neeto-molecules-rename__text{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;font-size:var(--neeto-ui-text-sm);font-weight:400;letter-spacing:.005em;line-height:1;margin:0 1px;max-height:32px;max-width:450px;padding:8px 5px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__breadcrumb-text{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-rename__breadcrumb-text:hover,.neeto-molecules-rename__display-text{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-molecules-breadcrumb__divider{font-weight:400;letter-spacing:.005em;line-height:16px;max-height:32px;padding:0;pointer-events:none}";
+n(css,{});
+
+var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (node) {
+    return refs.forEach(function (ref) {
+      return typeof ref === "function" ? ref(node) : ref.current = node;
+    });
+  };
+};
+
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var Rename = function Rename(_ref) {
+  var value = _ref.value,
+    _ref$onRename = _ref.onRename,
+    onRename = _ref$onRename === void 0 ? noop : _ref$onRename,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    _ref$hideMenu = _ref.hideMenu,
+    hideMenu = _ref$hideMenu === void 0 ? false : _ref$hideMenu,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$dropdownItems = _ref.dropdownItems,
+    dropdownItems = _ref$dropdownItems === void 0 ? [] : _ref$dropdownItems,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$textProps = _ref.textProps,
+    textProps = _ref$textProps === void 0 ? {} : _ref$textProps,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useStateWithDependen = useStateWithDependency(value !== null && value !== void 0 ? value : ""),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    name = _useStateWithDependen2[0],
+    setName = _useStateWithDependen2[1];
+  var _useState = useState(isOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    editMode = _useState2[0],
+    setEditMode = _useState2[1];
+  var renameRef = useRef(null);
+  useOnClickOutside(renameRef, function () {
+    return editMode && handleClose();
+  });
+  var handleRename = function handleRename(name) {
+    onRename(name);
+    setEditMode(false);
+  };
+  var handleClose = function handleClose() {
+    setName(value);
+    setEditMode(false);
+  };
+  var closeRef = useHotKeys("escape", handleClose, {
+    mode: "scoped",
+    enabled: editMode
+  });
+  var submitRef = useHotKeys(["command+return", "return"], function () {
+    return isNotEmpty(name) && handleRename(name);
+  }, {
+    mode: "scoped",
+    enabled: editMode
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("flex flex-row items-center", className),
+    ref: renameRef
+  }, breadcrumbs.map(function (_ref2) {
+    var text = _ref2.text,
+      link = _ref2.link;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: text
+    }, /*#__PURE__*/React.createElement(Link, _extends({
+      className: "neeto-molecules-rename__text neeto-molecules-rename__breadcrumb-text",
+      "data-testid": "neeto-molecules-value-display",
+      to: link
+    }, textProps), text), /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-molecules-rename__breadcrumb-text neeto-molecules-breadcrumb__divider",
+      component: "span"
+    }, "/"));
+  }), editMode ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, _extends({
+    autoFocus: true,
+    className: "neeto-molecules-rename__input",
+    "data-cy": "form-rename-text-field",
+    "data-testid": "neeto-molecules-name-input",
+    placeholder: placeholder,
+    ref: mergeRefs(closeRef, submitRef),
+    style: {
+      width: "".concat(Math.min(Math.max(name.length, 2), 50), "ch")
+    },
+    value: name,
+    suffix: /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center justify-end"
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "neeto-ui-rounded-none",
+      "data-cy": "form-rename-submit-button",
+      "data-testid": "neeto-molecules-rename-button",
+      disabled: isEmpty(name) || isLoading,
+      icon: Check,
+      loading: isLoading,
+      style: "text",
+      onClick: function onClick() {
+        return handleRename(name);
+      }
+    }), /*#__PURE__*/React.createElement(Button, {
+      className: "neeto-ui-rounded-none",
+      "data-cy": "form-rename-close-button",
+      "data-testid": "neeto-molecules-cancel-button",
+      disabled: isLoading,
+      icon: Close,
+      style: "text",
+      onClick: handleClose
+    })),
+    onChange: function onChange(event) {
+      return setName(event.target.value);
+    }
+  }, inputProps))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, _extends({
+    component: "p",
+    "data-cy": "form-title",
+    "data-testid": "neeto-molecules-value-display",
+    style: "body2",
+    className: classnames("neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate", {
+      "cursor-pointer": !disabled,
+      "pointer-events-none cursor-text": disabled
+    }),
+    onClick: function onClick() {
+      return !disabled && setEditMode(!editMode);
+    }
+  }, textProps), name), !hideMenu && (isNotEmpty(dropdownItems) || !disabled) && /*#__PURE__*/React.createElement(Dropdown, {
+    buttonProps: {
+      "data-testid": "neeto-molecules-menu-button"
+    },
+    buttonStyle: "text",
+    icon: MenuHorizontal,
+    position: "bottom-start"
+  }, /*#__PURE__*/React.createElement(Menu, null, !disabled && /*#__PURE__*/React.createElement(MenuItem.Button, {
+    "data-cy": "form-rename-button",
+    onClick: function onClick() {
+      return setEditMode(true);
+    }
+  }, t("neetoMolecules.common.actions.rename")), dropdownItems.map(function (item) {
+    return /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
+      "data-cy": "form-clone-button",
+      key: item.label
+    }, item), item.label);
+  })))));
+};
+
+export { Rename as default };
+//# sourceMappingURL=Rename.js.map