@bigbinary/neeto-molecules 3.3.11 → 3.3.12

package/dist/PublishYourItem.js

@@ -1,41 +1,46 @@
-import React__default from 'react';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Typography from '@bigbinary/neetoui/Typography';
 import { p as propTypes } from './index-e5588516.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var PublishYourItem = withT(function (_ref) {
   var t = _ref.t,
     item = _ref.item,
     description = _ref.description;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "relative mx-auto max-w-sm space-y-3"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "pt-6 text-center",
-    "data-cy": "publish-your-item-header",
-    style: "h2",
-    weight: "semibold"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "relative inline-flex flex-col-reverse items-center gap-6 whitespace-nowrap"
-  }, t("neetoMolecules.publishYourItem.title", {
-    item: item
-  }), /*#__PURE__*/React__default.createElement("svg", {
-    className: "bottom-0 left-full sm:absolute sm:ml-2",
-    fill: "none",
-    height: "53",
-    viewBox: "0 0 58 53",
-    width: "58",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M7.31443 51.7732C12.2565 52.0622 16.7513 49.6192 20.5942 46.7584C23.9346 44.2309 26.9993 41.3397 29.7741 38.2342C35.221 32.0755 39.4754 24.8436 42.2528 17.0968C43.808 12.7381 44.9292 8.18667 45.4884 3.57236C45.6449 2.40707 43.8096 2.20391 43.6892 3.36379C42.7055 11.2831 40.1442 18.9973 36.2536 25.9536C32.3935 32.8685 27.251 39.092 21.0745 44.0712C17.2642 47.1481 12.6506 50.2719 7.523 49.974C7.03852 49.9362 6.57212 50.2641 6.49837 50.754C6.46065 51.2385 6.82995 51.7355 7.31443 51.7732Z",
-    fill: "#68737D"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M30.2178 13.9691C33.8174 10.9607 37.4585 7.98292 41.0582 4.97452C41.4831 4.61603 41.8775 4.29898 42.3025 3.9405C42.6968 3.62344 43.0749 3.19834 43.5576 2.97852C44.1735 2.66502 44.6058 3.3367 44.8671 3.84994C45.9733 5.82004 46.9462 7.88381 47.9912 9.93677C49.193 12.2977 50.4307 14.6532 51.6325 17.0141C52.155 18.0405 53.8496 17.3072 53.2911 16.2861C52.1416 14.0279 50.9921 11.7696 49.8066 9.51679C48.7093 7.36119 47.6787 5.15873 46.4788 3.05538C45.9834 2.209 45.3385 1.34824 44.3479 1.12871C43.1303 0.869604 42.1471 1.68026 41.2972 2.39723C39.3974 3.97169 37.4977 5.54615 35.5979 7.12061C33.401 8.92386 31.2401 10.7217 29.0486 12.561C28.1627 13.2833 29.2958 14.6969 30.2178 13.9691Z",
-    fill: "#68737D"
-  })))), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700 w-full text-center",
-    "data-cy": "publish-your-item-description",
-    style: "body2"
-  }, description));
+  return /*#__PURE__*/jsxs("div", {
+    className: "relative mx-auto max-w-sm space-y-3",
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: "pt-6 text-center",
+      "data-cy": "publish-your-item-header",
+      style: "h2",
+      weight: "semibold",
+      children: /*#__PURE__*/jsxs("span", {
+        className: "relative inline-flex flex-col-reverse items-center gap-6 whitespace-nowrap",
+        children: [t("neetoMolecules.publishYourItem.title", {
+          item: item
+        }), /*#__PURE__*/jsxs("svg", {
+          className: "bottom-0 left-full sm:absolute sm:ml-2",
+          fill: "none",
+          height: "53",
+          viewBox: "0 0 58 53",
+          width: "58",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [/*#__PURE__*/jsx("path", {
+            d: "M7.31443 51.7732C12.2565 52.0622 16.7513 49.6192 20.5942 46.7584C23.9346 44.2309 26.9993 41.3397 29.7741 38.2342C35.221 32.0755 39.4754 24.8436 42.2528 17.0968C43.808 12.7381 44.9292 8.18667 45.4884 3.57236C45.6449 2.40707 43.8096 2.20391 43.6892 3.36379C42.7055 11.2831 40.1442 18.9973 36.2536 25.9536C32.3935 32.8685 27.251 39.092 21.0745 44.0712C17.2642 47.1481 12.6506 50.2719 7.523 49.974C7.03852 49.9362 6.57212 50.2641 6.49837 50.754C6.46065 51.2385 6.82995 51.7355 7.31443 51.7732Z",
+            fill: "#68737D"
+          }), /*#__PURE__*/jsx("path", {
+            d: "M30.2178 13.9691C33.8174 10.9607 37.4585 7.98292 41.0582 4.97452C41.4831 4.61603 41.8775 4.29898 42.3025 3.9405C42.6968 3.62344 43.0749 3.19834 43.5576 2.97852C44.1735 2.66502 44.6058 3.3367 44.8671 3.84994C45.9733 5.82004 46.9462 7.88381 47.9912 9.93677C49.193 12.2977 50.4307 14.6532 51.6325 17.0141C52.155 18.0405 53.8496 17.3072 53.2911 16.2861C52.1416 14.0279 50.9921 11.7696 49.8066 9.51679C48.7093 7.36119 47.6787 5.15873 46.4788 3.05538C45.9834 2.209 45.3385 1.34824 44.3479 1.12871C43.1303 0.869604 42.1471 1.68026 41.2972 2.39723C39.3974 3.97169 37.4977 5.54615 35.5979 7.12061C33.401 8.92386 31.2401 10.7217 29.0486 12.561C28.1627 13.2833 29.2958 14.6969 30.2178 13.9691Z",
+            fill: "#68737D"
+          })]
+        })]
+      })
+    }), /*#__PURE__*/jsx(Typography, {
+      className: "neeto-ui-text-gray-700 w-full text-center",
+      "data-cy": "publish-your-item-description",
+      style: "body2",
+      children: description
+    })]
+  });
 });
 PublishYourItem.propTypes = {
   /**

package/dist/PublishYourItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublishYourItem.js","sources":["../src/components/PublishYourItem/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst PublishYourItem = withT(({ t, item, description }) => (\n  <div className=\"relative mx-auto max-w-sm space-y-3\">\n    <Typography\n      className=\"pt-6 text-center\"\n      data-cy=\"publish-your-item-header\"\n      style=\"h2\"\n      weight=\"semibold\"\n    >\n      <span className=\"relative inline-flex flex-col-reverse items-center gap-6 whitespace-nowrap\">\n        {t(\"neetoMolecules.publishYourItem.title\", { item })}\n        <svg\n          className=\"bottom-0 left-full sm:absolute sm:ml-2\"\n          fill=\"none\"\n          height=\"53\"\n          viewBox=\"0 0 58 53\"\n          width=\"58\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M7.31443 51.7732C12.2565 52.0622 16.7513 49.6192 20.5942 46.7584C23.9346 44.2309 26.9993 41.3397 29.7741 38.2342C35.221 32.0755 39.4754 24.8436 42.2528 17.0968C43.808 12.7381 44.9292 8.18667 45.4884 3.57236C45.6449 2.40707 43.8096 2.20391 43.6892 3.36379C42.7055 11.2831 40.1442 18.9973 36.2536 25.9536C32.3935 32.8685 27.251 39.092 21.0745 44.0712C17.2642 47.1481 12.6506 50.2719 7.523 49.974C7.03852 49.9362 6.57212 50.2641 6.49837 50.754C6.46065 51.2385 6.82995 51.7355 7.31443 51.7732Z\"\n            fill=\"#68737D\"\n          />\n          <path\n            d=\"M30.2178 13.9691C33.8174 10.9607 37.4585 7.98292 41.0582 4.97452C41.4831 4.61603 41.8775 4.29898 42.3025 3.9405C42.6968 3.62344 43.0749 3.19834 43.5576 2.97852C44.1735 2.66502 44.6058 3.3367 44.8671 3.84994C45.9733 5.82004 46.9462 7.88381 47.9912 9.93677C49.193 12.2977 50.4307 14.6532 51.6325 17.0141C52.155 18.0405 53.8496 17.3072 53.2911 16.2861C52.1416 14.0279 50.9921 11.7696 49.8066 9.51679C48.7093 7.36119 47.6787 5.15873 46.4788 3.05538C45.9834 2.209 45.3385 1.34824 44.3479 1.12871C43.1303 0.869604 42.1471 1.68026 41.2972 2.39723C39.3974 3.97169 37.4977 5.54615 35.5979 7.12061C33.401 8.92386 31.2401 10.7217 29.0486 12.561C28.1627 13.2833 29.2958 14.6969 30.2178 13.9691Z\"\n            fill=\"#68737D\"\n          />\n        </svg>\n      </span>\n    </Typography>\n    <Typography\n      className=\"neeto-ui-text-gray-700 w-full text-center\"\n      data-cy=\"publish-your-item-description\"\n      style=\"body2\"\n    >\n      {description}\n    </Typography>\n  </div>\n));\n\nPublishYourItem.propTypes = {\n  /**\n   * Item that need to be published\n   */\n  item: PropTypes.string,\n  /**\n   * Description to display on component\n   */\n  description: PropTypes.string,\n};\n\nexport default PublishYourItem;\n"],"names":["PublishYourItem","withT","_ref","t","item","description","React","createElement","className","Typography","style","weight","fill","height","viewBox","width","xmlns","d","propTypes","PropTypes","string"],"mappings":";;;;;AAMA,IAAMA,eAAe,GAAGC,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;EAAA,oBACnDC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,eAClDF,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,kBAAkB;AAC5B,IAAA,SAAA,EAAQ,0BAA0B;AAClCE,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAA;GAEPL,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,4EAAA;GACbL,EAAAA,CAAC,CAAC,sCAAsC,EAAE;AAAEC,IAAAA,IAAI,EAAJA,IAAAA;AAAK,GAAC,CAAC,eACpDE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,wCAAwC;AAClDI,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAC,IAAI;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,KAAK,EAAC,4BAAA;GAENV,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEU,IAAAA,CAAC,EAAC,2eAA2e;AAC7eL,IAAAA,IAAI,EAAC,SAAA;AAAS,GACf,CAAC,eACFN,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEU,IAAAA,CAAC,EAAC,4qBAA4qB;AAC9qBL,IAAAA,IAAI,EAAC,SAAA;GACN,CACE,CACD,CACI,CAAC,eACbN,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,2CAA2C;AACrD,IAAA,SAAA,EAAQ,+BAA+B;AACvCE,IAAAA,KAAK,EAAC,OAAA;GAELL,EAAAA,WACS,CACT,CAAC,CAAA;AAAA,CACP,EAAC;AAEFL,eAAe,CAACkB,SAAS,GAAG;AAC1B;AACF;AACA;EACEd,IAAI,EAAEe,iBAAS,CAACC,MAAM;AACtB;AACF;AACA;EACEf,WAAW,EAAEc,iBAAS,CAACC,MAAAA;AACzB,CAAC;;;;"}
+{"version":3,"file":"PublishYourItem.js","sources":["../src/components/PublishYourItem/index.jsx"],"sourcesContent":["import withT from \"neetocommons/react-utils/withT\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst PublishYourItem = withT(({ t, item, description }) => (\n  <div className=\"relative mx-auto max-w-sm space-y-3\">\n    <Typography\n      className=\"pt-6 text-center\"\n      data-cy=\"publish-your-item-header\"\n      style=\"h2\"\n      weight=\"semibold\"\n    >\n      <span className=\"relative inline-flex flex-col-reverse items-center gap-6 whitespace-nowrap\">\n        {t(\"neetoMolecules.publishYourItem.title\", { item })}\n        <svg\n          className=\"bottom-0 left-full sm:absolute sm:ml-2\"\n          fill=\"none\"\n          height=\"53\"\n          viewBox=\"0 0 58 53\"\n          width=\"58\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M7.31443 51.7732C12.2565 52.0622 16.7513 49.6192 20.5942 46.7584C23.9346 44.2309 26.9993 41.3397 29.7741 38.2342C35.221 32.0755 39.4754 24.8436 42.2528 17.0968C43.808 12.7381 44.9292 8.18667 45.4884 3.57236C45.6449 2.40707 43.8096 2.20391 43.6892 3.36379C42.7055 11.2831 40.1442 18.9973 36.2536 25.9536C32.3935 32.8685 27.251 39.092 21.0745 44.0712C17.2642 47.1481 12.6506 50.2719 7.523 49.974C7.03852 49.9362 6.57212 50.2641 6.49837 50.754C6.46065 51.2385 6.82995 51.7355 7.31443 51.7732Z\"\n            fill=\"#68737D\"\n          />\n          <path\n            d=\"M30.2178 13.9691C33.8174 10.9607 37.4585 7.98292 41.0582 4.97452C41.4831 4.61603 41.8775 4.29898 42.3025 3.9405C42.6968 3.62344 43.0749 3.19834 43.5576 2.97852C44.1735 2.66502 44.6058 3.3367 44.8671 3.84994C45.9733 5.82004 46.9462 7.88381 47.9912 9.93677C49.193 12.2977 50.4307 14.6532 51.6325 17.0141C52.155 18.0405 53.8496 17.3072 53.2911 16.2861C52.1416 14.0279 50.9921 11.7696 49.8066 9.51679C48.7093 7.36119 47.6787 5.15873 46.4788 3.05538C45.9834 2.209 45.3385 1.34824 44.3479 1.12871C43.1303 0.869604 42.1471 1.68026 41.2972 2.39723C39.3974 3.97169 37.4977 5.54615 35.5979 7.12061C33.401 8.92386 31.2401 10.7217 29.0486 12.561C28.1627 13.2833 29.2958 14.6969 30.2178 13.9691Z\"\n            fill=\"#68737D\"\n          />\n        </svg>\n      </span>\n    </Typography>\n    <Typography\n      className=\"neeto-ui-text-gray-700 w-full text-center\"\n      data-cy=\"publish-your-item-description\"\n      style=\"body2\"\n    >\n      {description}\n    </Typography>\n  </div>\n));\n\nPublishYourItem.propTypes = {\n  /**\n   * Item that need to be published\n   */\n  item: PropTypes.string,\n  /**\n   * Description to display on component\n   */\n  description: PropTypes.string,\n};\n\nexport default PublishYourItem;\n"],"names":["PublishYourItem","withT","_ref","t","item","description","_jsxs","className","children","_jsx","Typography","style","weight","fill","height","viewBox","width","xmlns","d","propTypes","PropTypes","string"],"mappings":";;;;;AAIA,IAAMA,eAAe,GAAGC,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAAA,EAAA,oBACnDC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qCAAqC;IAAAC,QAAA,EAAA,cAClDC,GAAA,CAACC,UAAU,EAAA;AACTH,MAAAA,SAAS,EAAC,kBAAkB;AAC5B,MAAA,SAAA,EAAQ,0BAA0B;AAClCI,MAAAA,KAAK,EAAC,IAAI;AACVC,MAAAA,MAAM,EAAC,UAAU;AAAAJ,MAAAA,QAAA,eAEjBF,IAAA,CAAA,MAAA,EAAA;AAAMC,QAAAA,SAAS,EAAC,4EAA4E;AAAAC,QAAAA,QAAA,EACzFL,CAAAA,CAAC,CAAC,sCAAsC,EAAE;AAAEC,UAAAA,IAAI,EAAJA,IAAAA;SAAM,CAAC,eACpDE,IAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,SAAS,EAAC,wCAAwC;AAClDM,UAAAA,IAAI,EAAC,MAAM;AACXC,UAAAA,MAAM,EAAC,IAAI;AACXC,UAAAA,OAAO,EAAC,WAAW;AACnBC,UAAAA,KAAK,EAAC,IAAI;AACVC,UAAAA,KAAK,EAAC,4BAA4B;AAAAT,UAAAA,QAAA,gBAElCC,GAAA,CAAA,MAAA,EAAA;AACES,YAAAA,CAAC,EAAC,2eAA2e;AAC7eL,YAAAA,IAAI,EAAC,SAAA;WACN,CAAC,eACFJ,GAAA,CAAA,MAAA,EAAA;AACES,YAAAA,CAAC,EAAC,4qBAA4qB;AAC9qBL,YAAAA,IAAI,EAAC,SAAA;AAAS,WACf,CAAC,CAAA;AAAA,SACC,CAAC,CAAA;OACF,CAAA;AAAC,KACG,CAAC,eACbJ,GAAA,CAACC,UAAU,EAAA;AACTH,MAAAA,SAAS,EAAC,2CAA2C;AACrD,MAAA,SAAA,EAAQ,+BAA+B;AACvCI,MAAAA,KAAK,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAEZH,WAAAA;AAAW,KACF,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAAA,CACP,EAAC;AAEFL,eAAe,CAACmB,SAAS,GAAG;AAC1B;AACF;AACA;EACEf,IAAI,EAAEgB,iBAAS,CAACC,MAAM;AACtB;AACF;AACA;EACEhB,WAAW,EAAEe,iBAAS,CAACC,MAAAA;AACzB,CAAC;;;;"}

package/dist/Rename.js

@@ -1,22 +1,22 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState, useRef, useMemo } from 'react';
+import { useRef, useEffect, useState, useMemo } from 'react';
 import classnames from 'classnames';
 import { isPresent, isNotEmpty, notEquals } from '@bigbinary/neeto-cist';
 import useOnClickOutside from '@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside';
 import useStateWithDependency from '@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency';
 import { isEmpty } from 'ramda';
 import Breadcrumbs from './Breadcrumbs.js';
-import _extends from '@babel/runtime/helpers/extends';
 import { withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils/general';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Check from '@bigbinary/neeto-icons/Check';
 import Close from '@bigbinary/neeto-icons/Close';
 import Button from '@bigbinary/neetoui/Button';
 import Input from '@bigbinary/neetoui/Input';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { n } from './inject-css-c86de496.js';
 import Typography from '@bigbinary/neetoui/Typography';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import MoreDropdown from './MoreDropdown.js';
 import 'react-router-dom';
@@ -38,6 +38,8 @@ var mergeRefs = function mergeRefs() {
   };
 };
 
+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 Editor = function Editor(_ref) {
   var placeholder = _ref.placeholder,
     allowEmptySubmission = _ref.allowEmptySubmission,
@@ -50,6 +52,7 @@ var Editor = function Editor(_ref) {
     setName = _ref.setName,
     inputProps = _ref.inputProps,
     editMode = _ref.editMode;
+  var inputRef = useRef();
   var closeRef = useHotkeys("escape", function (event) {
     return handleClose({
       event: event
@@ -65,58 +68,64 @@ var Editor = function Editor(_ref) {
     mode: "scoped",
     enabled: editMode
   });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "relative flex min-w-0 max-w-full flex-grow"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-molecules-rename__input-width-maker"
-  }, name.replace(/\s/g, ".") || placeholder), /*#__PURE__*/React__default.createElement(Input, _extends({
-    placeholder: placeholder,
-    autoFocus: true,
-    className: "neeto-molecules-rename__input absolute",
-    "data-cy": "form-rename-text-field",
-    "data-testid": "neeto-molecules-name-input",
-    ref: mergeRefs(closeRef, submitRef),
-    value: name,
-    suffix: /*#__PURE__*/React__default.createElement("div", {
-      className: "flex items-center justify-end"
-    }, /*#__PURE__*/React__default.createElement(Button, _extends({
-      className: "neeto-ui-rounded-none",
-      "data-cy": "form-rename-submit-button",
-      "data-testid": "neeto-molecules-rename-button",
-      disabled: !allowEmptySubmission && isEmpty(name) || isLoading,
-      icon: Check,
-      loading: isLoading,
-      style: "text",
+  useEffect(function () {
+    inputRef.current.select();
+  }, []);
+  return /*#__PURE__*/jsxs("div", {
+    className: "relative flex min-w-0 max-w-full flex-grow",
+    children: [/*#__PURE__*/jsx("span", {
+      className: "neeto-molecules-rename__input-width-maker",
+      children: name.replace(/\s/g, ".") || placeholder
+    }), /*#__PURE__*/jsx(Input, _objectSpread$3(_objectSpread$3({
+      placeholder: placeholder,
+      autoFocus: true,
+      className: "neeto-molecules-rename__input absolute",
+      "data-cy": "form-rename-text-field",
+      "data-testid": "neeto-molecules-name-input",
+      ref: mergeRefs(closeRef, submitRef, inputRef),
+      value: name,
+      suffix: /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-end",
+        children: [/*#__PURE__*/jsx(Button, _objectSpread$3({
+          className: "neeto-ui-rounded-none",
+          "data-cy": "form-rename-submit-button",
+          "data-testid": "neeto-molecules-rename-button",
+          disabled: !allowEmptySubmission && isEmpty(name) || isLoading,
+          icon: Check,
+          loading: isLoading,
+          style: "text",
+          onClick: function onClick(event) {
+            return handleRename(event, name);
+          }
+        }, submitButtonProps)), /*#__PURE__*/jsx(Button, _objectSpread$3({
+          className: "neeto-ui-rounded-none",
+          "data-cy": "form-rename-close-button",
+          "data-testid": "neeto-molecules-cancel-button",
+          disabled: isLoading,
+          icon: Close,
+          style: "text",
+          onClick: function onClick(event) {
+            return handleClose({
+              event: event
+            });
+          }
+        }, cancelButtonProps))]
+      }),
+      onChange: withEventTargetValue(setName),
       onClick: function onClick(event) {
-        return handleRename(event, name);
-      }
-    }, submitButtonProps)), /*#__PURE__*/React__default.createElement(Button, _extends({
-      className: "neeto-ui-rounded-none",
-      "data-cy": "form-rename-close-button",
-      "data-testid": "neeto-molecules-cancel-button",
-      disabled: isLoading,
-      icon: Close,
-      style: "text",
-      onClick: function onClick(event) {
-        return handleClose({
-          event: event
-        });
+        return event.stopPropagation();
       }
-    }, cancelButtonProps))),
-    onChange: withEventTargetValue(setName),
-    onClick: function onClick(event) {
-      return event.stopPropagation();
-    }
-  }, inputProps, {
-    label: null
-  })));
+    }, inputProps), {}, {
+      label: null
+    }))]
+  });
 };
 
 var css = ":root{--neeto-molecules-rename-font-size:var(--neeto-ui-text-sm);--neeto-molecules-rename-font-weight:600;--neeto-molecules-rename-letter-spacing:0;--neeto-molecules-rename-line-height:1.2;--neeto-molecules-rename-min-width:120px;--neeto-molecules-rename-color:var(--neeto-ui-black)}.neeto-molecules-rename-common-styles,.neeto-molecules-rename__input .neeto-ui-input input,.neeto-molecules-rename__input-width-maker,.neeto-molecules-rename__text{color:rgb(var(--neeto-ui-black));font-size:var(--neeto-ui-text-sm)!important;font-size:var(--neeto-molecules-rename-font-size)!important;font-weight:600;font-weight:var(--neeto-molecules-rename-font-weight);letter-spacing:0;letter-spacing:var(--neeto-molecules-rename-letter-spacing);line-height:1.2;line-height:var(--neeto-molecules-rename-line-height);margin:0}.neeto-molecules-rename__input{height:100%;margin:0;max-width:100%;min-width:0;position:relative;transition:width .2s ease-in-out;width:100%}.neeto-molecules-rename__input .neeto-ui-input{height:100%}.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:0}.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;max-width:448px;padding:8px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-rename__input-width-maker{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;display:inline-flex;margin-right:68px;max-width:100%;min-width:120px;overflow:hidden;padding:8px;position:relative;transition:var(--neeto-ui-transition);visibility:hidden;white-space:nowrap}.neeto-molecules-rename-breadcrumbs{margin-bottom:0}.neeto-molecules-rename-breadcrumbs .neeto-molecules-breadcrumb a{display:flex}";
 n(css,{});
 
-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$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 RenameMenu = withT(function (_ref) {
   var t = _ref.t,
     handleRenameClick = _ref.handleRenameClick,
@@ -130,11 +139,11 @@ var RenameMenu = withT(function (_ref) {
     isDisabled = _ref.isDisabled,
     dropdownButtonProps = _ref.dropdownButtonProps,
     dropdownProps = _ref.dropdownProps;
-  return /*#__PURE__*/React__default.createElement(MoreDropdown, {
-    dropdownButtonProps: _objectSpread({
+  return /*#__PURE__*/jsx(MoreDropdown, {
+    dropdownButtonProps: _objectSpread$2({
       "data-testid": "neeto-molecules-menu-button"
     }, dropdownButtonProps),
-    dropdownProps: _objectSpread({
+    dropdownProps: _objectSpread$2({
       position: "bottom-start",
       onClick: function onClick(event) {
         return event.stopPropagation();
@@ -179,6 +188,8 @@ var RenameMenu = withT(function (_ref) {
   });
 });
 
+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 ViewName = function ViewName(_ref) {
   var disabled = _ref.disabled,
     textProps = _ref.textProps,
@@ -197,31 +208,37 @@ var ViewName = function ViewName(_ref) {
     dropdownProps = _ref.dropdownProps;
   var isDefaultMenuCallbacksPresent = isPresent(onArchiveStatusToggle) || isPresent(onDisableStatusToggle) || isPresent(onDelete) || isPresent(onClone);
   var isMenuVisible = !hideMenu && (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.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: handleRenameClick
-  }, textProps), typeof formatText === "function" ? formatText(name) : name), isMenuVisible && /*#__PURE__*/React__default.createElement(RenameMenu, {
-    disabled: disabled,
-    dropdownButtonProps: dropdownButtonProps,
-    dropdownItems: dropdownItems,
-    dropdownProps: dropdownProps,
-    handleRenameClick: handleRenameClick,
-    isArchived: isArchived,
-    isDisabled: isDisabled,
-    onArchiveStatusToggle: onArchiveStatusToggle,
-    onClone: onClone,
-    onDelete: onDelete,
-    onDisableStatusToggle: onDisableStatusToggle
-  }));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Typography, _objectSpread$1(_objectSpread$1({
+      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: handleRenameClick
+    }, textProps), {}, {
+      children: typeof formatText === "function" ? formatText(name) : name
+    })), isMenuVisible && /*#__PURE__*/jsx(RenameMenu, {
+      disabled: disabled,
+      dropdownButtonProps: dropdownButtonProps,
+      dropdownItems: dropdownItems,
+      dropdownProps: dropdownProps,
+      handleRenameClick: handleRenameClick,
+      isArchived: isArchived,
+      isDisabled: isDisabled,
+      onArchiveStatusToggle: onArchiveStatusToggle,
+      onClone: onClone,
+      onDelete: onDelete,
+      onDisableStatusToggle: onDisableStatusToggle
+    })]
+  });
 };
 
+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 Rename = function Rename(_ref) {
   var value = _ref.value,
     onRename = _ref.onRename,
@@ -331,16 +348,18 @@ var Rename = function Rename(_ref) {
     dropdownButtonProps: dropdownButtonProps,
     dropdownProps: dropdownProps
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     ref: renameRef,
-    className: classnames("neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center", className)
-  }, isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default.createElement(Breadcrumbs, {
-    breadcrumbs: breadcrumbs,
-    hasTrailingSeparator: true,
-    className: "neeto-molecules-rename-breadcrumbs"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "relative flex max-w-full items-center gap-x-2"
-  }, editMode ? /*#__PURE__*/React__default.createElement(Editor, editNameProps) : /*#__PURE__*/React__default.createElement(ViewName, viewNameProps)));
+    className: classnames("neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center", className),
+    children: [isNotEmpty(breadcrumbs) && /*#__PURE__*/jsx(Breadcrumbs, {
+      breadcrumbs: breadcrumbs,
+      hasTrailingSeparator: true,
+      className: "neeto-molecules-rename-breadcrumbs"
+    }), /*#__PURE__*/jsx("div", {
+      className: "relative flex max-w-full items-center gap-x-2",
+      children: editMode ? /*#__PURE__*/jsx(Editor, _objectSpread({}, editNameProps)) : /*#__PURE__*/jsx(ViewName, _objectSpread({}, viewNameProps))
+    })]
+  });
 };
 
 export { Rename as default };

package/dist/Rename.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rename.js","sources":["../src/components/Rename/utils.js","../src/components/Rename/EditName.jsx","../src/components/Rename/RenameMenu.jsx","../src/components/Rename/ViewName.jsx","../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n  placeholder,\n  allowEmptySubmission,\n  name,\n  isLoading,\n  handleRename,\n  submitButtonProps,\n  handleClose,\n  cancelButtonProps,\n  setName,\n  inputProps,\n  editMode,\n}) => {\n  const closeRef = useHotkeys(\"escape\", event => handleClose({ event }), {\n    mode: \"scoped\",\n    enabled: editMode,\n  });\n\n  const submitRef = useHotkeys(\n    [\"command+return\", \"return\"],\n    event => {\n      if (isEmpty(name) && !allowEmptySubmission) return;\n      handleRename(event, name);\n    },\n    { mode: \"scoped\", enabled: editMode }\n  );\n\n  return (\n    <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n      <span className=\"neeto-molecules-rename__input-width-maker\">\n        {name.replace(/\\s/g, \".\") || placeholder}\n      </span>\n      <Input\n        {...{ placeholder }}\n        autoFocus\n        className=\"neeto-molecules-rename__input absolute\"\n        data-cy=\"form-rename-text-field\"\n        data-testid=\"neeto-molecules-name-input\"\n        ref={mergeRefs(closeRef, submitRef)}\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={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n              icon={Check}\n              loading={isLoading}\n              style=\"text\"\n              onClick={event => handleRename(event, name)}\n              {...submitButtonProps}\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={event => handleClose({ event })}\n              {...cancelButtonProps}\n            />\n          </div>\n        }\n        onChange={withEventTargetValue(setName)}\n        onClick={event => event.stopPropagation()}\n        {...inputProps}\n        label={null}\n      />\n    </div>\n  );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n  ({\n    t,\n    handleRenameClick,\n    disabled,\n    dropdownItems,\n    onArchiveStatusToggle,\n    onDisableStatusToggle,\n    onClone,\n    onDelete,\n    isArchived,\n    isDisabled,\n    dropdownButtonProps,\n    dropdownProps,\n  }) => (\n    <MoreDropdown\n      dropdownButtonProps={{\n        \"data-testid\": \"neeto-molecules-menu-button\",\n        ...dropdownButtonProps,\n      }}\n      dropdownProps={{\n        position: \"bottom-start\",\n        onClick: event => event.stopPropagation(),\n        strategy: \"fixed\",\n        appendTo: () => document.body,\n        zIndex: \"99999\",\n        ...dropdownProps,\n      }}\n      menuItems={[\n        {\n          \"data-cy\": \"form-rename-button\",\n          onClick: handleRenameClick,\n          label: t(\"neetoMolecules.common.actions.rename\"),\n          isVisible: !disabled,\n          key: \"edit-name-menu\",\n        },\n        {\n          \"data-cy\": \"form-clone-button\",\n          onClick: onClone,\n          label: t(\"neetoMolecules.common.actions.clone\"),\n          isVisible: isPresent(onClone),\n          key: \"clone-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-archive-button\",\n          onClick: onArchiveStatusToggle,\n          label: isArchived\n            ? t(\"neetoMolecules.common.actions.unArchive\")\n            : t(\"neetoMolecules.common.actions.archive\"),\n          isVisible: isPresent(onArchiveStatusToggle),\n          key: \"archive-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-enable-button\",\n          onClick: onDisableStatusToggle,\n          label: isDisabled\n            ? t(\"neetoMolecules.common.actions.enable\")\n            : t(\"neetoMolecules.common.actions.disable\"),\n          isVisible: isPresent(onDisableStatusToggle),\n          key: \"enable-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-delete-button\",\n          onClick: onDelete,\n          label: t(\"neetoMolecules.common.actions.delete\"),\n          isVisible: isPresent(onDelete),\n          key: \"delete-entity-menu\",\n        },\n        ...dropdownItems,\n      ]}\n    />\n  )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n  disabled,\n  textProps,\n  formatText,\n  dropdownItems,\n  hideMenu,\n  handleRenameClick,\n  onArchiveStatusToggle,\n  onDisableStatusToggle,\n  onClone,\n  onDelete,\n  name,\n  isArchived,\n  isDisabled,\n  dropdownButtonProps,\n  dropdownProps,\n}) => {\n  const isDefaultMenuCallbacksPresent =\n    isPresent(onArchiveStatusToggle) ||\n    isPresent(onDisableStatusToggle) ||\n    isPresent(onDelete) ||\n    isPresent(onClone);\n\n  const isMenuVisible =\n    !hideMenu &&\n    (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n  return (\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={handleRenameClick}\n        {...textProps}\n      >\n        {typeof formatText === \"function\" ? formatText(name) : name}\n      </Typography>\n      {isMenuVisible && (\n        <RenameMenu\n          {...{\n            disabled,\n            dropdownButtonProps,\n            dropdownItems,\n            dropdownProps,\n            handleRenameClick,\n            isArchived,\n            isDisabled,\n            onArchiveStatusToggle,\n            onClone,\n            onDelete,\n            onDisableStatusToggle,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ViewName;\n","import React, { useState, useRef, useMemo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, notEquals } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n  value,\n  onRename,\n  onClone,\n  onArchiveStatusToggle,\n  onDisableStatusToggle,\n  onDelete,\n  isArchived,\n  isDisabled,\n  isOpen = false,\n  isLoading = false,\n  placeholder = \"\",\n  hideMenu = false,\n  disabled = false,\n  dropdownItems = [],\n  breadcrumbs = [],\n  textProps = {},\n  inputProps = {},\n  submitButtonProps = {},\n  cancelButtonProps = {},\n  className = \"\",\n  allowEmptySubmission = false,\n  defaultName = \"\",\n  formatText,\n  dropdownButtonProps = {},\n  dropdownProps = {},\n}) => {\n  const [name, setName] = useStateWithDependency(value ?? \"\");\n  const [editMode, setEditMode] = useState(isOpen);\n  const renameRef = useRef(null);\n\n  const initialName = useMemo(() => name, [editMode]);\n\n  useOnClickOutside(\n    renameRef,\n    () =>\n      editMode &&\n      handleClose({ saveOnOutsideClick: notEquals(name, initialName) })\n  );\n\n  const handleRename = (event, name) => {\n    event?.stopPropagation();\n    const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n    setName(newName);\n    onRename?.(newName);\n    setEditMode(false);\n  };\n\n  const handleClose = ({ event = null, saveOnOutsideClick = false }) => {\n    event?.stopPropagation();\n    saveOnOutsideClick ? handleRename(event, name) : setName(value);\n    setEditMode(false);\n  };\n\n  const handleRenameClick = event => {\n    event.stopPropagation();\n    !disabled && setEditMode(true);\n  };\n\n  const editNameProps = {\n    allowEmptySubmission,\n    cancelButtonProps,\n    handleClose,\n    handleRename,\n    inputProps,\n    isLoading,\n    name,\n    placeholder,\n    setName,\n    submitButtonProps,\n    editMode,\n  };\n\n  const viewNameProps = {\n    disabled,\n    dropdownItems,\n    formatText,\n    handleRenameClick,\n    hideMenu,\n    name,\n    isArchived,\n    onArchiveStatusToggle,\n    isDisabled,\n    onDisableStatusToggle,\n    onClone,\n    onDelete,\n    textProps,\n    dropdownButtonProps,\n    dropdownProps,\n  };\n\n  return (\n    <div\n      ref={renameRef}\n      className={classnames(\n        \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n        className\n      )}\n    >\n      {isNotEmpty(breadcrumbs) && (\n        <Breadcrumbs\n          {...{ breadcrumbs }}\n          hasTrailingSeparator\n          className=\"neeto-molecules-rename-breadcrumbs\"\n        />\n      )}\n      <div className=\"relative flex max-w-full items-center gap-x-2\">\n        {editMode ? (\n          <EditName {...editNameProps} />\n        ) : (\n          <ViewName {...viewNameProps} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nRename.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To allow empty submission.\n   */\n  allowEmptySubmission: PropTypes.bool,\n  /**\n   * Default value to be used on empty submission.\n   */\n  defaultName: 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 the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onClone: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onArchiveStatusToggle: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Enable/Disable menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onDisableStatusToggle: PropTypes.func,\n  /**\n   * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n   */\n  isArchived: PropTypes.bool,\n  /**\n   * To specify whether the entity is disabled or not. The text in the menu will be changed based on this to Enable or Disable.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onDelete: 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   * To format the value to display when not in edit mode.\n   */\n  formatText: PropTypes.func,\n  /**\n   * To override the properties of the submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To override the properties of the cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","event","mode","enabled","submitRef","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onDisableStatusToggle","onClone","onDelete","isArchived","isDisabled","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","zIndex","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","initialName","useMemo","useOnClickOutside","saveOnOutsideClick","notEquals","newName","_ref2","_ref2$event","_ref2$saveOnOutsideCl","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}
+{"version":3,"file":"Rename.js","sources":["../src/components/Rename/utils.js","../src/components/Rename/EditName.jsx","../src/components/Rename/RenameMenu.jsx","../src/components/Rename/ViewName.jsx","../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import { useEffect, useRef } from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n  placeholder,\n  allowEmptySubmission,\n  name,\n  isLoading,\n  handleRename,\n  submitButtonProps,\n  handleClose,\n  cancelButtonProps,\n  setName,\n  inputProps,\n  editMode,\n}) => {\n  const inputRef = useRef();\n\n  const closeRef = useHotkeys(\"escape\", event => handleClose({ event }), {\n    mode: \"scoped\",\n    enabled: editMode,\n  });\n\n  const submitRef = useHotkeys(\n    [\"command+return\", \"return\"],\n    event => {\n      if (isEmpty(name) && !allowEmptySubmission) return;\n      handleRename(event, name);\n    },\n    { mode: \"scoped\", enabled: editMode }\n  );\n\n  useEffect(() => {\n    inputRef.current.select();\n  }, []);\n\n  return (\n    <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n      <span className=\"neeto-molecules-rename__input-width-maker\">\n        {name.replace(/\\s/g, \".\") || placeholder}\n      </span>\n      <Input\n        {...{ placeholder }}\n        autoFocus\n        className=\"neeto-molecules-rename__input absolute\"\n        data-cy=\"form-rename-text-field\"\n        data-testid=\"neeto-molecules-name-input\"\n        ref={mergeRefs(closeRef, submitRef, inputRef)}\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={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n              icon={Check}\n              loading={isLoading}\n              style=\"text\"\n              onClick={event => handleRename(event, name)}\n              {...submitButtonProps}\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={event => handleClose({ event })}\n              {...cancelButtonProps}\n            />\n          </div>\n        }\n        onChange={withEventTargetValue(setName)}\n        onClick={event => event.stopPropagation()}\n        {...inputProps}\n        label={null}\n      />\n    </div>\n  );\n};\n\nexport default Editor;\n","import { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n  ({\n    t,\n    handleRenameClick,\n    disabled,\n    dropdownItems,\n    onArchiveStatusToggle,\n    onDisableStatusToggle,\n    onClone,\n    onDelete,\n    isArchived,\n    isDisabled,\n    dropdownButtonProps,\n    dropdownProps,\n  }) => (\n    <MoreDropdown\n      dropdownButtonProps={{\n        \"data-testid\": \"neeto-molecules-menu-button\",\n        ...dropdownButtonProps,\n      }}\n      dropdownProps={{\n        position: \"bottom-start\",\n        onClick: event => event.stopPropagation(),\n        strategy: \"fixed\",\n        appendTo: () => document.body,\n        zIndex: \"99999\",\n        ...dropdownProps,\n      }}\n      menuItems={[\n        {\n          \"data-cy\": \"form-rename-button\",\n          onClick: handleRenameClick,\n          label: t(\"neetoMolecules.common.actions.rename\"),\n          isVisible: !disabled,\n          key: \"edit-name-menu\",\n        },\n        {\n          \"data-cy\": \"form-clone-button\",\n          onClick: onClone,\n          label: t(\"neetoMolecules.common.actions.clone\"),\n          isVisible: isPresent(onClone),\n          key: \"clone-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-archive-button\",\n          onClick: onArchiveStatusToggle,\n          label: isArchived\n            ? t(\"neetoMolecules.common.actions.unArchive\")\n            : t(\"neetoMolecules.common.actions.archive\"),\n          isVisible: isPresent(onArchiveStatusToggle),\n          key: \"archive-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-enable-button\",\n          onClick: onDisableStatusToggle,\n          label: isDisabled\n            ? t(\"neetoMolecules.common.actions.enable\")\n            : t(\"neetoMolecules.common.actions.disable\"),\n          isVisible: isPresent(onDisableStatusToggle),\n          key: \"enable-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-delete-button\",\n          onClick: onDelete,\n          label: t(\"neetoMolecules.common.actions.delete\"),\n          isVisible: isPresent(onDelete),\n          key: \"delete-entity-menu\",\n        },\n        ...dropdownItems,\n      ]}\n    />\n  )\n);\n\nexport default RenameMenu;\n","import classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n  disabled,\n  textProps,\n  formatText,\n  dropdownItems,\n  hideMenu,\n  handleRenameClick,\n  onArchiveStatusToggle,\n  onDisableStatusToggle,\n  onClone,\n  onDelete,\n  name,\n  isArchived,\n  isDisabled,\n  dropdownButtonProps,\n  dropdownProps,\n}) => {\n  const isDefaultMenuCallbacksPresent =\n    isPresent(onArchiveStatusToggle) ||\n    isPresent(onDisableStatusToggle) ||\n    isPresent(onDelete) ||\n    isPresent(onClone);\n\n  const isMenuVisible =\n    !hideMenu &&\n    (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n  return (\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={handleRenameClick}\n        {...textProps}\n      >\n        {typeof formatText === \"function\" ? formatText(name) : name}\n      </Typography>\n      {isMenuVisible && (\n        <RenameMenu\n          {...{\n            disabled,\n            dropdownButtonProps,\n            dropdownItems,\n            dropdownProps,\n            handleRenameClick,\n            isArchived,\n            isDisabled,\n            onArchiveStatusToggle,\n            onClone,\n            onDelete,\n            onDisableStatusToggle,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ViewName;\n","import { useState, useRef, useMemo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, notEquals } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n  value,\n  onRename,\n  onClone,\n  onArchiveStatusToggle,\n  onDisableStatusToggle,\n  onDelete,\n  isArchived,\n  isDisabled,\n  isOpen = false,\n  isLoading = false,\n  placeholder = \"\",\n  hideMenu = false,\n  disabled = false,\n  dropdownItems = [],\n  breadcrumbs = [],\n  textProps = {},\n  inputProps = {},\n  submitButtonProps = {},\n  cancelButtonProps = {},\n  className = \"\",\n  allowEmptySubmission = false,\n  defaultName = \"\",\n  formatText,\n  dropdownButtonProps = {},\n  dropdownProps = {},\n}) => {\n  const [name, setName] = useStateWithDependency(value ?? \"\");\n  const [editMode, setEditMode] = useState(isOpen);\n  const renameRef = useRef(null);\n\n  const initialName = useMemo(() => name, [editMode]);\n\n  useOnClickOutside(\n    renameRef,\n    () =>\n      editMode &&\n      handleClose({ saveOnOutsideClick: notEquals(name, initialName) })\n  );\n\n  const handleRename = (event, name) => {\n    event?.stopPropagation();\n    const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n    setName(newName);\n    onRename?.(newName);\n    setEditMode(false);\n  };\n\n  const handleClose = ({ event = null, saveOnOutsideClick = false }) => {\n    event?.stopPropagation();\n    saveOnOutsideClick ? handleRename(event, name) : setName(value);\n    setEditMode(false);\n  };\n\n  const handleRenameClick = event => {\n    event.stopPropagation();\n    !disabled && setEditMode(true);\n  };\n\n  const editNameProps = {\n    allowEmptySubmission,\n    cancelButtonProps,\n    handleClose,\n    handleRename,\n    inputProps,\n    isLoading,\n    name,\n    placeholder,\n    setName,\n    submitButtonProps,\n    editMode,\n  };\n\n  const viewNameProps = {\n    disabled,\n    dropdownItems,\n    formatText,\n    handleRenameClick,\n    hideMenu,\n    name,\n    isArchived,\n    onArchiveStatusToggle,\n    isDisabled,\n    onDisableStatusToggle,\n    onClone,\n    onDelete,\n    textProps,\n    dropdownButtonProps,\n    dropdownProps,\n  };\n\n  return (\n    <div\n      ref={renameRef}\n      className={classnames(\n        \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n        className\n      )}\n    >\n      {isNotEmpty(breadcrumbs) && (\n        <Breadcrumbs\n          {...{ breadcrumbs }}\n          hasTrailingSeparator\n          className=\"neeto-molecules-rename-breadcrumbs\"\n        />\n      )}\n      <div className=\"relative flex max-w-full items-center gap-x-2\">\n        {editMode ? (\n          <EditName {...editNameProps} />\n        ) : (\n          <ViewName {...viewNameProps} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nRename.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To allow empty submission.\n   */\n  allowEmptySubmission: PropTypes.bool,\n  /**\n   * Default value to be used on empty submission.\n   */\n  defaultName: 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 the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onClone: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onArchiveStatusToggle: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Enable/Disable menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onDisableStatusToggle: PropTypes.func,\n  /**\n   * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n   */\n  isArchived: PropTypes.bool,\n  /**\n   * To specify whether the entity is disabled or not. The text in the menu will be changed based on this to Enable or Disable.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onDelete: 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   * To format the value to display when not in edit mode.\n   */\n  formatText: PropTypes.func,\n  /**\n   * To override the properties of the submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To override the properties of the cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","inputRef","useRef","closeRef","useHotkeys","event","mode","enabled","submitRef","isEmpty","useEffect","select","_jsxs","className","children","_jsx","replace","Input","_objectSpread","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onDisableStatusToggle","onClone","onDelete","isArchived","isDisabled","dropdownButtonProps","dropdownProps","MoreDropdown","position","strategy","appendTo","document","body","zIndex","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","_Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","initialName","useMemo","useOnClickOutside","saveOnOutsideClick","notEquals","newName","_ref2","_ref2$event","_ref2$saveOnOutsideCl","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}

package/dist/ResponsiveDevicePicker.js

@@ -1,14 +1,14 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
 import classnames from 'classnames';
 import Button from '@bigbinary/neetoui/Button';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { t } from 'i18next';
 import Computer from '@bigbinary/neeto-icons/Computer';
 import Tablet from '@bigbinary/neeto-icons/Tablet';
 import Mobile from '@bigbinary/neeto-icons/Mobile';
+import { createElement } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 var RESPONSIVE_DEVICES = {
   DESKTOP: "desktop",
@@ -27,31 +27,35 @@ var RESPONSIVE_DEVICES_MAP = _defineProperty(_defineProperty(_defineProperty({},
 });
 
 var _excluded = ["className", "selectedDevice", "onDeviceChange"];
+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 ResponsiveDevicePicker = function ResponsiveDevicePicker(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     selectedDevice = _ref.selectedDevice,
     onDeviceChange = _ref.onDeviceChange,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     className: classnames("flex items-center justify-center gap-2", className)
-  }, otherProps), Object.entries(RESPONSIVE_DEVICES_MAP).map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      key = _ref3[0],
-      _ref3$ = _ref3[1],
-      icon = _ref3$.icon,
-      label = _ref3$.label;
-    return /*#__PURE__*/React__default.createElement(Button, {
-      "data-testid": "".concat(label.toLowerCase(), "-device-button"),
-      icon: icon,
-      key: key,
-      size: "small",
-      style: key === selectedDevice ? "primary" : "secondary",
-      title: label,
-      onClick: function onClick() {
-        return onDeviceChange(key);
-      }
-    });
+  }, otherProps), {}, {
+    children: Object.entries(RESPONSIVE_DEVICES_MAP).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        _ref3$ = _ref3[1],
+        icon = _ref3$.icon,
+        label = _ref3$.label;
+      return /*#__PURE__*/createElement(Button, {
+        icon: icon,
+        "data-testid": "".concat(label.toLowerCase(), "-device-button"),
+        key: key,
+        size: "small",
+        style: key === selectedDevice ? "primary" : "secondary",
+        title: label,
+        onClick: function onClick() {
+          return onDeviceChange(key);
+        }
+      });
+    })
   }));
 };