@bigbinary/neeto-molecules 1.15.16 → 1.15.18

package/dist/Codeblock.js

@@ -10,6 +10,8 @@ import 'classnames';
 import '@bigbinary/neeto-commons-frontend/utils/general';
 import '@bigbinary/neeto-icons';
 import '@bigbinary/neetoui';
+import 'ramda';
+import 'react-i18next';
 import './inject-css-c86de496.js';
 
 var Codeblock = function Codeblock(_ref) {

package/dist/Codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.js","sources":["../src/components/Codeblock.jsx"],"sourcesContent":["import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { PrismLight as CodeBlock } from \"react-syntax-highlighter\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n  code,\n  showCopyButton = true,\n  codeblockProps,\n  copyButtonProps = { label: \"Copy\" },\n}) => {\n  const isLargerScreen = window.innerWidth > 768;\n\n  return (\n    <div className=\"relative\">\n      <CodeBlock\n        wrapLines\n        className=\"p-4 pr-12 md:pr-4\"\n        codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n        data-cy=\"code-block\"\n        data-testid=\"codeblock-react-highlighter\"\n        language=\"javascript\"\n        style={dracula}\n        {...codeblockProps}\n      >\n        {code}\n      </CodeBlock>\n      {showCopyButton && (\n        <CopyCode\n          className=\"absolute top-2 right-2\"\n          data-cy=\"copy-button\"\n          data-testid=\"codeblock-copy-button\"\n          size=\"small\"\n          style=\"secondary\"\n          value={code}\n          {...copyButtonProps}\n          label={isLargerScreen ? copyButtonProps.label : \"\"}\n        />\n      )}\n    </div>\n  );\n};\n\nCodeblock.propTypes = {\n  /**\n   * The code to be displayed.\n   */\n  code: PropTypes.string,\n  /**\n   * Flag to determine whether the 'Copy' button is displayed.\n   */\n  showCopyButton: PropTypes.bool,\n  /**\n   * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n   */\n  codeblockProps: PropTypes.object,\n  /**\n   * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n   */\n  copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","React","createElement","className","CodeBlock","_extends","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;EAE9C,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAA;AAAU,GAAA,eACvBF,cAAA,CAAAC,aAAA,CAACE,UAAS,EAAAC,QAAA,CAAA;IACRC,SAAS,EAAA,IAAA;AACTH,IAAAA,SAAS,EAAC,mBAAmB;AAC7BI,IAAAA,YAAY,EAAE;AAAE,MAAA,SAAS,EAAE,oBAAA;KAAuB;AAClD,IAAA,SAAA,EAAQ,YAAY;AACpB,IAAA,aAAA,EAAY,6BAA6B;AACzCC,IAAAA,QAAQ,EAAC,YAAY;AACrBC,IAAAA,KAAK,EAAEC,OAAAA;AAAQ,GAAA,EACXhB,cAAc,CAAA,EAEjBH,IACQ,CAAC,EACXE,cAAc,iBACbQ,cAAA,CAAAC,aAAA,CAACS,qBAAQ,EAAAN,QAAA,CAAA;AACPF,IAAAA,SAAS,EAAC,wBAAwB;AAClC,IAAA,SAAA,EAAQ,aAAa;AACrB,IAAA,aAAA,EAAY,uBAAuB;AACnCS,IAAAA,IAAI,EAAC,OAAO;AACZH,IAAAA,KAAK,EAAC,WAAW;AACjBI,IAAAA,KAAK,EAAEtB,IAAAA;AAAK,GAAA,EACRK,eAAe,EAAA;AACnBC,IAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,GAAA,CACpD,CAEA,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Codeblock.js","sources":["../src/components/Codeblock.jsx"],"sourcesContent":["import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { PrismLight as CodeBlock } from \"react-syntax-highlighter\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n  code,\n  showCopyButton = true,\n  codeblockProps,\n  copyButtonProps = { label: \"Copy\" },\n}) => {\n  const isLargerScreen = window.innerWidth > 768;\n\n  return (\n    <div className=\"relative\">\n      <CodeBlock\n        wrapLines\n        className=\"p-4 pr-12 md:pr-4\"\n        codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n        data-cy=\"code-block\"\n        data-testid=\"codeblock-react-highlighter\"\n        language=\"javascript\"\n        style={dracula}\n        {...codeblockProps}\n      >\n        {code}\n      </CodeBlock>\n      {showCopyButton && (\n        <CopyCode\n          className=\"absolute top-2 right-2\"\n          data-cy=\"copy-button\"\n          data-testid=\"codeblock-copy-button\"\n          size=\"small\"\n          style=\"secondary\"\n          value={code}\n          {...copyButtonProps}\n          label={isLargerScreen ? copyButtonProps.label : \"\"}\n        />\n      )}\n    </div>\n  );\n};\n\nCodeblock.propTypes = {\n  /**\n   * The code to be displayed.\n   */\n  code: PropTypes.string,\n  /**\n   * Flag to determine whether the 'Copy' button is displayed.\n   */\n  showCopyButton: PropTypes.bool,\n  /**\n   * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n   */\n  codeblockProps: PropTypes.object,\n  /**\n   * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n   */\n  copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","React","createElement","className","CodeBlock","_extends","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;EAE9C,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAA;AAAU,GAAA,eACvBF,cAAA,CAAAC,aAAA,CAACE,UAAS,EAAAC,QAAA,CAAA;IACRC,SAAS,EAAA,IAAA;AACTH,IAAAA,SAAS,EAAC,mBAAmB;AAC7BI,IAAAA,YAAY,EAAE;AAAE,MAAA,SAAS,EAAE,oBAAA;KAAuB;AAClD,IAAA,SAAA,EAAQ,YAAY;AACpB,IAAA,aAAA,EAAY,6BAA6B;AACzCC,IAAAA,QAAQ,EAAC,YAAY;AACrBC,IAAAA,KAAK,EAAEC,OAAAA;AAAQ,GAAA,EACXhB,cAAc,CAAA,EAEjBH,IACQ,CAAC,EACXE,cAAc,iBACbQ,cAAA,CAAAC,aAAA,CAACS,qBAAQ,EAAAN,QAAA,CAAA;AACPF,IAAAA,SAAS,EAAC,wBAAwB;AAClC,IAAA,SAAA,EAAQ,aAAa;AACrB,IAAA,aAAA,EAAY,uBAAuB;AACnCS,IAAAA,IAAI,EAAC,OAAO;AACZH,IAAAA,KAAK,EAAC,WAAW;AACjBI,IAAAA,KAAK,EAAEtB,IAAAA;AAAK,GAAA,EACRK,eAAe,EAAA;AACnBC,IAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,GAAA,CACpD,CAEA,CAAC,CAAA;AAEV;;;;"}

package/dist/CopyToClipboardButton.js

@@ -7,12 +7,13 @@ import classnames from 'classnames';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { Check, Copy } from '@bigbinary/neeto-icons';
 import { Button } from '@bigbinary/neetoui';
+import { mergeRight } from 'ramda';
+import { useTranslation } from 'react-i18next';
 import { n } from './inject-css-c86de496.js';
 
 var TIME_OUT = 2000;
 var TOOLTIP_CONFIG = {
-  content: "Copied",
-  trigger: "click",
+  trigger: "click mouseenter",
   hideAfter: TIME_OUT,
   position: "top"
 };
@@ -30,6 +31,8 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
     value = _ref.value,
     style = _ref.style,
     otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isChecked = _useState2[0],
@@ -51,7 +54,9 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
     var buttonWidth = ref.current.clientWidth;
     ref.current.style.minWidth = "".concat(buttonWidth, "px");
   }, []);
-  var tooltipProps = label ? null : TOOLTIP_CONFIG;
+  var tooltipProps = label ? null : mergeRight(TOOLTIP_CONFIG, {
+    content: isChecked ? t("neetoMolecules.common.copied") : t("neetoMolecules.common.copyToClipboard")
+  });
   var buttonLabel = isChecked && label ? "Copied" : label;
   var buttonIcon = isChecked ? Check : icon;
   return /*#__PURE__*/React__default.createElement(Button, _extends({

package/dist/CopyToClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardButton.js","sources":["../src/components/CopyToClipboardButton/constants.js","../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n  content: \"Copied\",\n  trigger: \"click\",\n  hideAfter: TIME_OUT,\n  position: \"top\",\n};\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  text: \"text\",\n};\n\nexport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES };\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport { Copy, Check } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES } from \"./constants\";\nimport \"./copyToClipboard.scss\";\n\nconst CopyToClipboardButton = ({\n  className,\n  icon = Copy,\n  label = \"\",\n  value,\n  style,\n  ...otherProps\n}) => {\n  const [isChecked, setIsChecked] = useState(false);\n  const ref = useRef();\n\n  const onHandleClick = event => {\n    event.preventDefault();\n    copyToClipboard(value, { showToastr: false });\n    setIsChecked(true);\n    setTimeout(() => {\n      setIsChecked(false);\n    }, TIME_OUT); // Reset copied state after 2 seconds\n  };\n\n  useEffect(() => {\n    if (!ref.current) return;\n    const buttonWidth = ref.current.clientWidth;\n    ref.current.style.minWidth = `${buttonWidth}px`;\n  }, []);\n\n  const tooltipProps = label ? null : TOOLTIP_CONFIG;\n  const buttonLabel = isChecked && label ? \"Copied\" : label;\n  const buttonIcon = isChecked ? Check : icon;\n\n  return (\n    <Button\n      {...{ ref, style, tooltipProps }}\n      data-testid=\"copy-button\"\n      icon={buttonIcon}\n      label={buttonLabel}\n      className={classnames(\"neeto-molecules-copy-button\", {\n        [className]: className,\n        \"neeto-molecules-copy-button--active\": isChecked,\n      })}\n      onClick={onHandleClick}\n      {...otherProps}\n    />\n  );\n};\n\nCopyToClipboardButton.propTypes = {\n  /**\n   * To provide additional classnames to the button.\n   */\n  className: PropTypes.string,\n  /**\n   * To provide the icon to be passed to the button. Defaults to the Copy icon.\n   */\n  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * To provide the label to the button. By default there is no label.\n   */\n  label: PropTypes.string,\n  /**\n   * The value to be copied to clipboard. (required)\n   */\n  value: PropTypes.string,\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","content","trigger","hideAfter","position","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","value","style","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","onHandleClick","event","preventDefault","copyToClipboard","showToastr","setTimeout","useEffect","current","buttonWidth","clientWidth","minWidth","concat","tooltipProps","buttonLabel","buttonIcon","Check","React","createElement","Button","_extends","classnames","_defineProperty","onClick"],"mappings":"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"}
+{"version":3,"file":"CopyToClipboardButton.js","sources":["../src/components/CopyToClipboardButton/constants.js","../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n  trigger: \"click mouseenter\",\n  hideAfter: TIME_OUT,\n  position: \"top\",\n};\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  text: \"text\",\n};\n\nexport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES };\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport { Copy, Check } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES } from \"./constants\";\nimport \"./copyToClipboard.scss\";\n\nconst CopyToClipboardButton = ({\n  className,\n  icon = Copy,\n  label = \"\",\n  value,\n  style,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const ref = useRef();\n\n  const onHandleClick = event => {\n    event.preventDefault();\n    copyToClipboard(value, { showToastr: false });\n    setIsChecked(true);\n    setTimeout(() => {\n      setIsChecked(false);\n    }, TIME_OUT); // Reset copied state after 2 seconds\n  };\n\n  useEffect(() => {\n    if (!ref.current) return;\n    const buttonWidth = ref.current.clientWidth;\n    ref.current.style.minWidth = `${buttonWidth}px`;\n  }, []);\n\n  const tooltipProps = label\n    ? null\n    : mergeRight(TOOLTIP_CONFIG, {\n        content: isChecked\n          ? t(\"neetoMolecules.common.copied\")\n          : t(\"neetoMolecules.common.copyToClipboard\"),\n      });\n  const buttonLabel = isChecked && label ? \"Copied\" : label;\n  const buttonIcon = isChecked ? Check : icon;\n\n  return (\n    <Button\n      {...{ ref, style, tooltipProps }}\n      data-testid=\"copy-button\"\n      icon={buttonIcon}\n      label={buttonLabel}\n      className={classnames(\"neeto-molecules-copy-button\", {\n        [className]: className,\n        \"neeto-molecules-copy-button--active\": isChecked,\n      })}\n      onClick={onHandleClick}\n      {...otherProps}\n    />\n  );\n};\n\nCopyToClipboardButton.propTypes = {\n  /**\n   * To provide additional classnames to the button.\n   */\n  className: PropTypes.string,\n  /**\n   * To provide the icon to be passed to the button. Defaults to the Copy icon.\n   */\n  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * To provide the label to the button. By default there is no label.\n   */\n  label: PropTypes.string,\n  /**\n   * The value to be copied to clipboard. (required)\n   */\n  value: PropTypes.string,\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","trigger","hideAfter","position","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","value","style","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","onHandleClick","event","preventDefault","copyToClipboard","showToastr","setTimeout","useEffect","current","buttonWidth","clientWidth","minWidth","concat","tooltipProps","mergeRight","content","buttonLabel","buttonIcon","Check","React","createElement","Button","_extends","classnames","_defineProperty","onClick"],"mappings":"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"}

package/dist/CustomDomain.js

@@ -6,7 +6,7 @@ import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { CustomDomain as CustomDomain$1 } from '@bigbinary/neeto-icons';
 import { Spinner, Tag, Button } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
-import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-46f9dbca.js';
+import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-203143d9.js';
 import MoreDropdown from './MoreDropdown.js';
 import 'formik';
 import '@bigbinary/neeto-hotkeys';
@@ -18,11 +18,11 @@ import './extends-093996c9.js';
 import './defineProperty-549061a7.js';
 import './objectWithoutProperties-a0edb288.js';
 import 'classnames';
+import 'ramda';
 import './inject-css-c86de496.js';
 import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
 import 'react-query';
 import 'axios';
-import 'ramda';
 
 var CustomDomain = function CustomDomain(_ref) {
   var url = _ref.url,

package/dist/CustomDomainDashboard.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import Container from './Container.js';
 import PageLoader from './PageLoader.js';
 import SubHeader from './SubHeader.js';
-import { u as useFetchCustomDomains, a as useDeleteCustomDomain, r as renderColumnData, M as Manage, D as DeleteAlert } from './index-46f9dbca.js';
+import { u as useFetchCustomDomains, a as useDeleteCustomDomain, r as renderColumnData, M as Manage, D as DeleteAlert } from './index-203143d9.js';
 import { _ as _extends } from './extends-093996c9.js';
 import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';

package/dist/HelpPopover.js

@@ -1,11 +1,12 @@
-import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _extends } from './extends-093996c9.js';
+import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import React__default, { useRef } from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { isNotPresent } from '@bigbinary/neeto-cist';
 import { Help } from '@bigbinary/neeto-icons';
-import { Popover, Button, Tooltip, Typography } from '@bigbinary/neetoui';
+import { Popover, Tooltip, Typography, Button } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
 
 var SIZE = {
   "default": 16,
@@ -27,7 +28,8 @@ var HelpPopover = function HelpPopover(_ref) {
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? Help : _ref$icon,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  var helpIconRef = useRef();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);
   var Icon = function Icon() {
     var Component = icon;
@@ -36,14 +38,7 @@ var HelpPopover = function HelpPopover(_ref) {
       size: SIZE[size]
     });
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, _extends({}, otherProps, {
-    "data-cy": "help-popover-button",
-    "data-testid": "help-popover-button",
-    icon: Icon,
-    ref: helpIconRef,
-    style: "text",
-    className: classnames("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
-  })), /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
     appendTo: function appendTo() {
       return document.body;
     }
@@ -51,7 +46,6 @@ var HelpPopover = function HelpPopover(_ref) {
     interactive: true,
     arrow: isCompact ? undefined : true,
     className: classnames(_defineProperty({}, "neeto-ui-popover", !isCompact)),
-    reference: helpIconRef,
     role: "tooltip",
     theme: isCompact ? "dark" : "light",
     content: /*#__PURE__*/React__default.createElement("div", {
@@ -67,13 +61,19 @@ var HelpPopover = function HelpPopover(_ref) {
     }, description) : description, helpLinkProps && /*#__PURE__*/React__default.createElement(Button, _extends({
       className: "neeto-ui-mt-3",
       "data-cy": "help-popover-link-button",
-      label: "View help article",
+      label: t("neetoMolecules.common.viewHelpArticle"),
       size: "small"
     }, helpLinkProps, {
       "data-testid": "help-popover-link-button",
       style: "link",
       target: "_blank"
     })))
+  }), /*#__PURE__*/React__default.createElement(Button, _extends({}, otherProps, {
+    "data-cy": "help-popover-button",
+    "data-testid": "help-popover-button",
+    icon: Icon,
+    style: "text",
+    className: classnames("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
   })));
 };
 

package/dist/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const helpIconRef = useRef();\n\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={helpIconRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Tooltip\n        appendTo={() => document.body}\n        {...popoverProps}\n        interactive\n        arrow={isCompact ? undefined : true}\n        className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n        reference={helpIconRef}\n        role=\"tooltip\"\n        theme={isCompact ? \"dark\" : \"light\"}\n        content={\n          <div className=\"flex flex-col\">\n            {title && (\n              <Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Title>\n            )}\n            {typeof description === \"string\" && !isCompact ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                label=\"View help article\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        }\n      />\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","helpIconRef","useRef","isCompact","isNotPresent","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Tooltip","appendTo","document","body","interactive","arrow","undefined","_defineProperty","reference","role","theme","content","Typography","lineHeight","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <Tooltip\n      appendTo={() => document.body}\n      {...popoverProps}\n      interactive\n      arrow={isCompact ? undefined : true}\n      className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n      role=\"tooltip\"\n      theme={isCompact ? \"dark\" : \"light\"}\n      content={\n        <div className=\"flex flex-col\">\n          {title && (\n            <Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Title>\n          )}\n          {typeof description === \"string\" && !isCompact ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      }\n    >\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n    </Tooltip>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","isCompact","isNotPresent","Icon","Component","React","createElement","color","Tooltip","_extends","appendTo","document","body","interactive","arrow","undefined","classNames","_defineProperty","role","theme","content","Typography","lineHeight","style","Button","label","target"],"mappings":"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"}

package/dist/MoreDropdown.js

@@ -1,7 +1,8 @@
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
 import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
 import React__default from 'react';
+import classnames from 'classnames';
 import { hyphenate } from '@bigbinary/neeto-cist';
 import { MenuVertical, MenuHorizontal } from '@bigbinary/neeto-icons';
 import { Dropdown, Tooltip, Button } from '@bigbinary/neetoui';
@@ -19,7 +20,7 @@ var DEFAULT_TOOLTIP_PROPS = {
 };
 
 var _excluded$2 = ["label", "key"],
-  _excluded2 = ["isVisible", "key"];
+  _excluded2$1 = ["isVisible", "key"];
 var MenuItem$1 = Dropdown.MenuItem,
   Menu$1 = Dropdown.Menu;
 var Submenu = function Submenu(_ref) {
@@ -35,7 +36,7 @@ var Submenu = function Submenu(_ref) {
     var _ref2$isVisible = _ref2.isVisible,
       isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
       key = _ref2.key,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded2$1);
     if (!isVisible) return null;
     return /*#__PURE__*/React__default.createElement(MoreDropdownMenuItem, _extends({
       key: key
@@ -69,10 +70,11 @@ var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
   }, menuItemProps), label);
 };
 
-var css = ".neeto-ui-btn.neeto-ui-btn--icon-only[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:20px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:28px;justify-content:center;width:28px}.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-medium[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-medium[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:24px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:32px;justify-content:center;width:32px}.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-large[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-large[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:30px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:40px;justify-content:center;width:40px}";
+var css = ".neeto-ui-btn.neeto-ui-btn--icon-only[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:20px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:28px;justify-content:center;width:28px}.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-medium[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-medium[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:24px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:32px;justify-content:center;width:32px}.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-large[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-large[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:30px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:40px;justify-content:center;width:40px}.neeto-ui-btn.neeto-molecule-moredropdown--rounded[data-dropdown-button-style=more-dropdown]{border-radius:100%}";
 n(css,{});
 
-var _excluded = ["isVisible", "key"];
+var _excluded = ["isRounded"],
+  _excluded2 = ["isVisible", "key"];
 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 Menu = Dropdown.Menu;
@@ -91,6 +93,8 @@ var MoreDropdown = function MoreDropdown(_ref) {
     menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isRoundedButton = dropdownButtonProps.isRounded,
+    buttonProps = _objectWithoutProperties(dropdownButtonProps, _excluded);
   var tooltipProps = mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
   var targetIcon = isVertical ? MenuVertical : MenuHorizontal;
   var isDropdownDisabled = isDisabled || dropdownProps.disabled;
@@ -103,8 +107,11 @@ var MoreDropdown = function MoreDropdown(_ref) {
       icon: targetIcon,
       iconPosition: "right",
       size: "medium",
-      style: "text"
-    }, dropdownButtonProps))));
+      style: "text",
+      className: classnames({
+        "neeto-molecule-moredropdown--rounded": isRoundedButton
+      })
+    }, buttonProps))));
   }
   return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
     autoWidth: true,
@@ -113,18 +120,20 @@ var MoreDropdown = function MoreDropdown(_ref) {
     icon: targetIcon,
     buttonProps: _objectSpread({
       "data-dropdown-button-style": "more-dropdown",
-      className: "min-h-0 flex-shrink-0",
+      className: classnames("min-h-0 flex-shrink-0", {
+        "neeto-molecule-moredropdown--rounded": isRoundedButton
+      }),
       style: "text",
       tooltipProps: {
         content: t("neetoMolecules.moreDropdown.tooltip"),
         position: "top"
       }
-    }, dropdownButtonProps)
+    }, buttonProps)
   }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
     var _ref2$isVisible = _ref2.isVisible,
       isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
       key = _ref2.key,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded);
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
     if (!isVisible) return null;
     return /*#__PURE__*/React__default.createElement(MoreDropdownMenuItem, _extends({
       key: key !== null && key !== void 0 ? key : hyphenate(menuItemProps.label)

package/dist/MoreDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            {...dropdownButtonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: \"min-h-0 flex-shrink-0\",\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...dropdownButtonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","autoWidth","className","buttonProps","content","hyphenate"],"mappings":"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"}
+{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","hyphenate"],"mappings":"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"}

package/dist/Rename.js

@@ -97,7 +97,7 @@ var Editor = function Editor(_ref) {
   })));
 };
 
-var css = ":root{--neeto-molecules-rename-font-size:var(--neeto-ui-text-sm);--neeto-molecules-rename-font-weight:400;--neeto-molecules-rename-letter-spacing:0;--neeto-molecules-rename-line-height:1.2;--neeto-molecules-rename-min-width:120px}.neeto-molecules-rename-common-styles,.neeto-molecules-rename__input .neeto-ui-input input,.neeto-molecules-rename__input-width-maker,.neeto-molecules-rename__text{font-size:var(--neeto-ui-text-sm)!important;font-size:var(--neeto-molecules-rename-font-size)!important;font-weight:400;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{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.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}";
+var css = ":root{--neeto-molecules-rename-font-size:var(--neeto-ui-text-sm);--neeto-molecules-rename-font-weight:400;--neeto-molecules-rename-letter-spacing:0;--neeto-molecules-rename-line-height:1.2;--neeto-molecules-rename-min-width:120px}.neeto-molecules-rename-common-styles,.neeto-molecules-rename__input .neeto-ui-input input,.neeto-molecules-rename__input-width-maker,.neeto-molecules-rename__text{font-size:var(--neeto-ui-text-sm)!important;font-size:var(--neeto-molecules-rename-font-size)!important;font-weight:400;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{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.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; }
@@ -295,7 +295,8 @@ var Rename = function Rename(_ref) {
     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
+    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)));

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\", handleClose, {\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={handleClose}\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    onClone,\n    onDelete,\n    isArchived,\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        ...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-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  onClone,\n  onDelete,\n  name,\n  isArchived,\n  dropdownButtonProps,\n  dropdownProps,\n}) => {\n  const isDefaultMenuCallbacksPresent =\n    isPresent(onArchiveStatusToggle) ||\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            onArchiveStatusToggle,\n            onClone,\n            onDelete,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } 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  onDelete,\n  isArchived,\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  useOnClickOutside(renameRef, () => editMode && handleClose());\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 => {\n    event?.stopPropagation();\n    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    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 {...{ breadcrumbs }} hasTrailingSeparator />\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 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 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","mode","enabled","submitRef","event","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","onClone","onDelete","isArchived","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","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","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,SAAS,GACpB,SADWA,SAASA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAChBC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OACR,UAAAC,IAAI,EAAA;AAAA,IAAA,OACFH,IAAI,CAACI,OAAO,CAAC,UAAAC,GAAG,EAAA;AAAA,MAAA,OACd,OAAOA,GAAG,KAAK,UAAU,GAAGA,GAAG,CAACF,IAAI,CAAC,GAAIE,GAAG,CAACC,OAAO,GAAGH,IAAK,CAAA;AAAA,KAC9D,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA;;ACKL,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAYN;AAAA,EAAA,IAXJC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB;IACjBC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAA;AAER,EAAA,IAAMC,QAAQ,GAAGC,UAAU,CAAC,QAAQ,EAAEN,WAAW,EAAE;AACjDO,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,OAAO,EAAEJ,QAAAA;AACX,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMK,SAAS,GAAGH,UAAU,CAC1B,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAC5B,UAAAI,KAAK,EAAI;AACP,IAAA,IAAIC,OAAO,CAACf,IAAI,CAAC,IAAI,CAACD,oBAAoB,EAAE,OAAA;AAC5CG,IAAAA,YAAY,CAACY,KAAK,EAAEd,IAAI,CAAC,CAAA;AAC3B,GAAC,EACD;AAAEW,IAAAA,IAAI,EAAE,QAAQ;AAAEC,IAAAA,OAAO,EAAEJ,QAAAA;AAAS,GACtC,CAAC,CAAA;EAED,oBACEQ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4CAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,2CAAA;AAA2C,GAAA,EACxDlB,IAAI,CAACmB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,IAAIrB,WACzB,CAAC,eACPkB,cAAA,CAAAC,aAAA,CAACG,KAAK,EAAAC,QAAA,CAAA;AACEvB,IAAAA,WAAW,EAAXA,WAAW;IACjBwB,SAAS,EAAA,IAAA;AACTJ,IAAAA,SAAS,EAAC,wCAAwC;AAClD,IAAA,SAAA,EAAQ,wBAAwB;AAChC,IAAA,aAAA,EAAY,4BAA4B;AACxCxB,IAAAA,GAAG,EAAET,SAAS,CAACwB,QAAQ,EAAEI,SAAS,CAAE;AACpCU,IAAAA,KAAK,EAAEvB,IAAK;IACZwB,MAAM,eACJR,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,+BAAA;AAA+B,KAAA,eAC5CF,cAAA,CAAAC,aAAA,CAACQ,MAAM,EAAAJ,QAAA,CAAA;AACLH,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAQ,2BAA2B;AACnC,MAAA,aAAA,EAAY,+BAA+B;MAC3CQ,QAAQ,EAAG,CAAC3B,oBAAoB,IAAIgB,OAAO,CAACf,IAAI,CAAC,IAAKC,SAAU;AAChE0B,MAAAA,IAAI,EAAEC,KAAM;AACZC,MAAAA,OAAO,EAAE5B,SAAU;AACnB6B,MAAAA,KAAK,EAAC,MAAM;MACZC,OAAO,EAAE,SAAAA,OAAAA,CAAAjB,KAAK,EAAA;AAAA,QAAA,OAAIZ,YAAY,CAACY,KAAK,EAAEd,IAAI,CAAC,CAAA;AAAA,OAAA;KACvCG,EAAAA,iBAAiB,CACtB,CAAC,eACFa,cAAA,CAAAC,aAAA,CAACQ,MAAM,EAAAJ,QAAA,CAAA;AACLH,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAQ,0BAA0B;AAClC,MAAA,aAAA,EAAY,+BAA+B;AAC3CQ,MAAAA,QAAQ,EAAEzB,SAAU;AACpB0B,MAAAA,IAAI,EAAEK,KAAM;AACZF,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,OAAO,EAAE3B,WAAAA;KACLC,EAAAA,iBAAiB,CACtB,CACE,CACN;AACD4B,IAAAA,QAAQ,EAAEC,oBAAoB,CAAC5B,OAAO,CAAE;IACxCyB,OAAO,EAAE,SAAAA,OAAAA,CAAAjB,KAAK,EAAA;AAAA,MAAA,OAAIA,KAAK,CAACqB,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,EACtC5B,UAAU,EAAA;AACd6B,IAAAA,KAAK,EAAE,IAAA;AAAK,GAAA,CACb,CACE,CAAC,CAAA;AAEV,CAAC;;;;;;;AC3ED,IAAMC,UAAU,GAAGC,KAAK,CACtB,UAAAzC,IAAA,EAAA;AAAA,EAAA,IACE0C,CAAC,GAAA1C,IAAA,CAAD0C,CAAC;IACDC,iBAAiB,GAAA3C,IAAA,CAAjB2C,iBAAiB;IACjBd,QAAQ,GAAA7B,IAAA,CAAR6B,QAAQ;IACRe,aAAa,GAAA5C,IAAA,CAAb4C,aAAa;IACbC,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;IACrBC,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPC,QAAQ,GAAA/C,IAAA,CAAR+C,QAAQ;IACRC,UAAU,GAAAhD,IAAA,CAAVgD,UAAU;IACVC,mBAAmB,GAAAjD,IAAA,CAAnBiD,mBAAmB;IACnBC,aAAa,GAAAlD,IAAA,CAAbkD,aAAa,CAAA;AAAA,EAAA,oBAEb/B,cAAA,CAAAC,aAAA,CAAC+B,YAAY,EAAA;AACXF,IAAAA,mBAAmB,EAAAG,aAAA,CAAA;AACjB,MAAA,aAAa,EAAE,6BAAA;AAA6B,KAAA,EACzCH,mBAAmB,CACtB;AACFC,IAAAA,aAAa,EAAAE,aAAA,CAAA;AACXC,MAAAA,QAAQ,EAAE,cAAc;MACxBnB,OAAO,EAAE,SAAAA,OAAAA,CAAAjB,KAAK,EAAA;AAAA,QAAA,OAAIA,KAAK,CAACqB,eAAe,EAAE,CAAA;AAAA,OAAA;AACzCgB,MAAAA,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,SAAAA,QAAA,GAAA;QAAA,OAAMC,QAAQ,CAACC,IAAI,CAAA;AAAA,OAAA;AAAA,KAAA,EAC1BP,aAAa,CAChB;AACFQ,IAAAA,SAAS,EACP,CAAA;AACE,MAAA,SAAS,EAAE,oBAAoB;AAC/BxB,MAAAA,OAAO,EAAES,iBAAiB;AAC1BJ,MAAAA,KAAK,EAAEG,CAAC,CAAC,sCAAsC,CAAC;MAChDiB,SAAS,EAAE,CAAC9B,QAAQ;AACpB+B,MAAAA,GAAG,EAAE,gBAAA;AACP,KAAC,EACD;AACE,MAAA,SAAS,EAAE,mBAAmB;AAC9B1B,MAAAA,OAAO,EAAEY,OAAO;AAChBP,MAAAA,KAAK,EAAEG,CAAC,CAAC,qCAAqC,CAAC;AAC/CiB,MAAAA,SAAS,EAAEE,SAAS,CAACf,OAAO,CAAC;AAC7Bc,MAAAA,GAAG,EAAE,mBAAA;AACP,KAAC,EACD;AACE,MAAA,SAAS,EAAE,qBAAqB;AAChC1B,MAAAA,OAAO,EAAEW,qBAAqB;MAC9BN,KAAK,EAAES,UAAU,GACbN,CAAC,CAAC,yCAAyC,CAAC,GAC5CA,CAAC,CAAC,uCAAuC,CAAC;AAC9CiB,MAAAA,SAAS,EAAEE,SAAS,CAAChB,qBAAqB,CAAC;AAC3Ce,MAAAA,GAAG,EAAE,qBAAA;AACP,KAAC,EACD;AACE,MAAA,SAAS,EAAE,oBAAoB;AAC/B1B,MAAAA,OAAO,EAAEa,QAAQ;AACjBR,MAAAA,KAAK,EAAEG,CAAC,CAAC,sCAAsC,CAAC;AAChDiB,MAAAA,SAAS,EAAEE,SAAS,CAACd,QAAQ,CAAC;AAC9Ba,MAAAA,GAAG,EAAE,oBAAA;AACP,KAAC,CAAAE,CAAAA,MAAA,CAAAC,kBAAA,CACEnB,aAAa,CAAA,CAAA;AAChB,GACH,CAAC,CAAA;AAAA,CAEN,CAAC;;AC3DD,IAAMoB,QAAQ,GAAG,SAAXA,QAAQA,CAAAhE,IAAA,EAcR;AAAA,EAAA,IAbJ6B,QAAQ,GAAA7B,IAAA,CAAR6B,QAAQ;IACRoC,SAAS,GAAAjE,IAAA,CAATiE,SAAS;IACTC,UAAU,GAAAlE,IAAA,CAAVkE,UAAU;IACVtB,aAAa,GAAA5C,IAAA,CAAb4C,aAAa;IACbuB,QAAQ,GAAAnE,IAAA,CAARmE,QAAQ;IACRxB,iBAAiB,GAAA3C,IAAA,CAAjB2C,iBAAiB;IACjBE,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;IACrBC,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPC,QAAQ,GAAA/C,IAAA,CAAR+C,QAAQ;IACR5C,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJ6C,UAAU,GAAAhD,IAAA,CAAVgD,UAAU;IACVC,mBAAmB,GAAAjD,IAAA,CAAnBiD,mBAAmB;IACnBC,aAAa,GAAAlD,IAAA,CAAbkD,aAAa,CAAA;AAEb,EAAA,IAAMkB,6BAA6B,GACjCP,SAAS,CAAChB,qBAAqB,CAAC,IAChCgB,SAAS,CAACd,QAAQ,CAAC,IACnBc,SAAS,CAACf,OAAO,CAAC,CAAA;AAEpB,EAAA,IAAMuB,aAAa,GACjB,CAACF,QAAQ,KACRG,UAAU,CAAC1B,aAAa,CAAC,IAAI,CAACf,QAAQ,IAAIuC,6BAA6B,CAAC,CAAA;AAE3E,EAAA,oBACEjD,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAoD,QAAA,EACEpD,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACoD,UAAU,EAAAhD,QAAA,CAAA;AACTiD,IAAAA,SAAS,EAAC,GAAG;AACb,IAAA,SAAA,EAAQ,YAAY;AACpB,IAAA,aAAA,EAAY,+BAA+B;AAC3CxC,IAAAA,KAAK,EAAC,OAAO;AACbZ,IAAAA,SAAS,EAAEqD,UAAU,CACnB,mFAAmF,EACnF;MACE,gBAAgB,EAAE,CAAC7C,QAAQ;AAC3B,MAAA,iCAAiC,EAAEA,QAAAA;AACrC,KACF,CAAE;AACFK,IAAAA,OAAO,EAAES,iBAAAA;GACLsB,EAAAA,SAAS,GAEZ,OAAOC,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC/D,IAAI,CAAC,GAAGA,IAC7C,CAAC,EACZkE,aAAa,iBACZlD,cAAA,CAAAC,aAAA,CAACoB,UAAU,EAAA;AAEPX,IAAAA,QAAQ,EAARA,QAAQ;AACRoB,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBL,IAAAA,aAAa,EAAbA,aAAa;AACbM,IAAAA,aAAa,EAAbA,aAAa;AACbP,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBK,IAAAA,UAAU,EAAVA,UAAU;AACVH,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,QAAQ,EAARA,QAAAA;AAAQ,GAEX,CAEH,CAAC,CAAA;AAEP,CAAC;;ACrDD,IAAM4B,MAAM,GAAG,SAATA,MAAMA,CAAA3E,IAAA,EAwBN;AAAA,EAAA,IAvBJ0B,KAAK,GAAA1B,IAAA,CAAL0B,KAAK;IACLkD,QAAQ,GAAA5E,IAAA,CAAR4E,QAAQ;IACR9B,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPD,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;IACrBE,QAAQ,GAAA/C,IAAA,CAAR+C,QAAQ;IACRC,UAAU,GAAAhD,IAAA,CAAVgD,UAAU;IAAA6B,WAAA,GAAA7E,IAAA,CACV8E,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,cAAA,GAAA/E,IAAA,CACdI,SAAS;AAATA,IAAAA,SAAS,GAAA2E,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAC,gBAAA,GAAAhF,IAAA,CACjBC,WAAW;AAAXA,IAAAA,WAAW,GAAA+E,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAC,aAAA,GAAAjF,IAAA,CAChBmE,QAAQ;AAARA,IAAAA,QAAQ,GAAAc,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAC,aAAA,GAAAlF,IAAA,CAChB6B,QAAQ;AAARA,IAAAA,QAAQ,GAAAqD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAC,kBAAA,GAAAnF,IAAA,CAChB4C,aAAa;AAAbA,IAAAA,aAAa,GAAAuC,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;IAAAC,gBAAA,GAAApF,IAAA,CAClBqF,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,cAAA,GAAAtF,IAAA,CAChBiE,SAAS;AAATA,IAAAA,SAAS,GAAAqB,cAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,cAAA;IAAAC,eAAA,GAAAvF,IAAA,CACdU,UAAU;AAAVA,IAAAA,UAAU,GAAA6E,eAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,eAAA;IAAAC,qBAAA,GAAAxF,IAAA,CACfM,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAkF,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,qBAAA,GAAAzF,IAAA,CACtBQ,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAiF,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,cAAA,GAAA1F,IAAA,CACtBqB,SAAS;AAATA,IAAAA,SAAS,GAAAqE,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,qBAAA,GAAA3F,IAAA,CACdE,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAyF,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAC,gBAAA,GAAA5F,IAAA,CAC5B6F,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAChB1B,UAAU,GAAAlE,IAAA,CAAVkE,UAAU;IAAA4B,qBAAA,GAAA9F,IAAA,CACViD,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAA6C,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,kBAAA,GAAA/F,IAAA,CACxBkD,aAAa;AAAbA,IAAAA,aAAa,GAAA6C,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA,CAAA;EAElB,IAAAC,qBAAA,GAAwBC,sBAAsB,CAACvE,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAI,EAAE,CAAC;IAAAwE,sBAAA,GAAAC,cAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAApD7F,IAAAA,IAAI,GAAA+F,sBAAA,CAAA,CAAA,CAAA;AAAEzF,IAAAA,OAAO,GAAAyF,sBAAA,CAAA,CAAA,CAAA,CAAA;AACpB,EAAA,IAAAE,SAAA,GAAgCC,QAAQ,CAACvB,MAAM,CAAC;IAAAwB,UAAA,GAAAH,cAAA,CAAAC,SAAA,EAAA,CAAA,CAAA;AAAzCzF,IAAAA,QAAQ,GAAA2F,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,IAAME,SAAS,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAE9BC,iBAAiB,CAACF,SAAS,EAAE,YAAA;AAAA,IAAA,OAAM7F,QAAQ,IAAIJ,WAAW,EAAE,CAAA;GAAC,CAAA,CAAA;EAE7D,IAAMF,YAAY,GAAG,SAAfA,YAAYA,CAAIY,KAAK,EAAEd,IAAI,EAAK;IACpCc,KAAK,CAACqB,eAAe,EAAE,CAAA;IACvB,IAAMqE,OAAO,GAAGzG,oBAAoB,IAAIgB,OAAO,CAACf,IAAI,CAAC,GAAG0F,WAAW,GAAG1F,IAAI,CAAA;IAC1EM,OAAO,CAACkG,OAAO,CAAC,CAAA;AAChB/B,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAG+B,OAAO,CAAC,CAAA;IACnBJ,WAAW,CAAC,KAAK,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,IAAMhG,WAAW,GAAG,SAAdA,WAAWA,CAAGU,KAAK,EAAI;AAC3BA,IAAAA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEqB,eAAe,EAAE,CAAA;IACxB7B,OAAO,CAACiB,KAAK,CAAC,CAAA;IACd6E,WAAW,CAAC,KAAK,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,IAAM5D,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAG1B,KAAK,EAAI;IACjCA,KAAK,CAACqB,eAAe,EAAE,CAAA;AACvB,IAAA,CAACT,QAAQ,IAAI0E,WAAW,CAAC,IAAI,CAAC,CAAA;GAC/B,CAAA;AAED,EAAA,IAAMK,aAAa,GAAG;AACpB1G,IAAAA,oBAAoB,EAApBA,oBAAoB;AACpBM,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBD,IAAAA,WAAW,EAAXA,WAAW;AACXF,IAAAA,YAAY,EAAZA,YAAY;AACZK,IAAAA,UAAU,EAAVA,UAAU;AACVN,IAAAA,SAAS,EAATA,SAAS;AACTD,IAAAA,IAAI,EAAJA,IAAI;AACJF,IAAAA,WAAW,EAAXA,WAAW;AACXQ,IAAAA,OAAO,EAAPA,OAAO;AACPH,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBK,IAAAA,QAAQ,EAARA,QAAAA;GACD,CAAA;AAED,EAAA,IAAMkG,aAAa,GAAG;AACpBhF,IAAAA,QAAQ,EAARA,QAAQ;AACRe,IAAAA,aAAa,EAAbA,aAAa;AACbsB,IAAAA,UAAU,EAAVA,UAAU;AACVvB,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBwB,IAAAA,QAAQ,EAARA,QAAQ;AACRhE,IAAAA,IAAI,EAAJA,IAAI;AACJ6C,IAAAA,UAAU,EAAVA,UAAU;AACVH,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,QAAQ,EAARA,QAAQ;AACRkB,IAAAA,SAAS,EAATA,SAAS;AACThB,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAA;EAED,oBACE/B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEvB,IAAAA,GAAG,EAAE2G,SAAU;AACfnF,IAAAA,SAAS,EAAEyF,UAAU,CACnB,+FAA+F,EAC/FzF,SACF,CAAA;GAECiD,EAAAA,UAAU,CAACe,WAAW,CAAC,iBACtBlE,cAAA,CAAAC,aAAA,CAAC2F,WAAW,EAAA;AAAO1B,IAAAA,WAAW,EAAXA,WAAW;IAAI2B,oBAAoB,EAAA,IAAA;AAAA,GAAE,CACzD,eACD7F,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,+CAAA;GACZV,EAAAA,QAAQ,gBACPQ,cAAA,CAAAC,aAAA,CAAC6F,MAAQ,EAAKL,aAAgB,CAAC,gBAE/BzF,cAAA,CAAAC,aAAA,CAAC4C,QAAQ,EAAK6C,aAAgB,CAE7B,CACF,CAAC,CAAA;AAEV;;;;"}
+{"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\", handleClose, {\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={handleClose}\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    onClone,\n    onDelete,\n    isArchived,\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        ...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-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  onClone,\n  onDelete,\n  name,\n  isArchived,\n  dropdownButtonProps,\n  dropdownProps,\n}) => {\n  const isDefaultMenuCallbacksPresent =\n    isPresent(onArchiveStatusToggle) ||\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            onArchiveStatusToggle,\n            onClone,\n            onDelete,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } 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  onDelete,\n  isArchived,\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  useOnClickOutside(renameRef, () => editMode && handleClose());\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 => {\n    event?.stopPropagation();\n    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    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 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 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","mode","enabled","submitRef","event","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","onClone","onDelete","isArchived","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","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","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}

package/dist/Schedule.js

@@ -24,8 +24,8 @@ import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
 import { Profile } from '@bigbinary/neeto-team-members-frontend';
 import MoreDropdown from './MoreDropdown.js';
 import { n } from './inject-css-c86de496.js';
-import './objectWithoutProperties-a0edb288.js';
 import './extends-093996c9.js';
+import './objectWithoutProperties-a0edb288.js';
 
 var DAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
 var DEFAULT_SLOT_INTERVAL = 30;

package/dist/SuffixedInput.js

@@ -12,6 +12,7 @@ import './objectWithoutProperties-a0edb288.js';
 import 'classnames';
 import '@bigbinary/neeto-commons-frontend/utils/general';
 import '@bigbinary/neetoui';
+import 'react-i18next';
 
 var INPUT_FIELD_MIN_WIDTH = 60;