@bigbinary/neeto-molecules 1.15.16 → 1.15.18

package/dist/SuffixedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuffixedInput.js","sources":["../src/components/SuffixedInput/constants.js","../src/components/SuffixedInput/index.jsx"],"sourcesContent":["export const INPUT_FIELD_MIN_WIDTH = 60;\n","import React, { useEffect, useRef, useState } from \"react\";\n\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport { Info } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\nimport \"./suffixed-input.scss\";\n\nconst SuffixedInput = ({\n  placeholder,\n  helpUrl,\n  helpIconTooltipContent,\n  label,\n  value,\n  getInputRef,\n  suffix,\n  isCopyToClipboardEnabled = false,\n  name = \"email\",\n  inputProps = {},\n}) => {\n  const [initialInputWidth, setInitialInputWidth] = useState(\n    INPUT_FIELD_MIN_WIDTH\n  );\n  const inputRef = useRef(null);\n  const placeholderRef = useRef(null);\n\n  const setInputRef = ref => {\n    inputRef.current = ref;\n    getInputRef?.(ref);\n  };\n\n  useEffect(() => {\n    //To handle the input width on initial render.\n    const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n    setInitialInputWidth(placeholderSpanWidth);\n  }, []);\n\n  return (\n    <>\n      <span // Dummy element to calculate the width to be set for the input. Do not remove.\n        className=\"pointer-events-none invisible absolute pl-2\"\n        ref={placeholderRef}\n      >\n        {value || placeholder}\n      </span>\n      <div className=\"inline-flex max-w-full items-end gap-2\">\n        <Input\n          {...{ label, name, placeholder, ...inputProps }}\n          className=\"nm-suffixed-input-field\"\n          ref={setInputRef}\n          type=\"text\"\n          labelProps={{\n            helpIconProps: isPresent(helpUrl) && {\n              icon: Info,\n              className:\n                \"cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out\",\n              onClick: () => window.open(helpUrl, \"_blank\"),\n              tooltipProps: {\n                content: helpIconTooltipContent,\n                position: \"right\",\n                disabled: isNotPresent(helpUrl),\n              },\n            },\n          }}\n          style={{\n            minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n            width: placeholderRef.current?.offsetWidth ?? initialInputWidth, // Additional 2px to act as a buffer.\n          }}\n          suffix={\n            // Added onClick to focus the input even when the suffix part is clicked.\n            <span onClick={() => inputRef.current?.focus()}>{suffix}</span>\n          }\n        />\n        {isCopyToClipboardEnabled && (\n          <CopyToClipboardButton\n            disabled={isEmpty(value)}\n            style=\"text\"\n            value={`${value}${suffix}`}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nSuffixedInput.propTypes = {\n  /**\n   * Placeholder of the input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n   */\n  helpUrl: PropTypes.string,\n  /**\n   * Text to be displayed inside the tooltip of the help icon.\n   */\n  helpIconTooltipContent: PropTypes.string,\n  /**\n   * Label of the input field.\n   */\n  label: PropTypes.string,\n  /**\n   * The value entered by the user, eg: email.\n   */\n  value: PropTypes.string,\n  /**\n   * A method to get the ref of the input field.\n   */\n  getInputRef: PropTypes.func,\n  /**\n   * Domain name to be rendered next to the input field.\n   */\n  suffix: PropTypes.string,\n  /**\n   * Whether to show the copy to clipboard button.\n   */\n  isCopyToClipboardEnabled: PropTypes.bool,\n  /**\n   * Formik field name of the input field.\n   */\n  name: PropTypes.string,\n  /**\n   * This will be passed down to the `Input` component.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","React","createElement","Fragment","className","Input","_extends","_objectSpread","type","labelProps","helpIconProps","isPresent","icon","Info","onClick","window","open","tooltipProps","content","position","disabled","isNotPresent","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat"],"mappings":"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"}
+{"version":3,"file":"SuffixedInput.js","sources":["../src/components/SuffixedInput/constants.js","../src/components/SuffixedInput/index.jsx"],"sourcesContent":["export const INPUT_FIELD_MIN_WIDTH = 60;\n","import React, { useEffect, useRef, useState } from \"react\";\n\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport { Info } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\nimport \"./suffixed-input.scss\";\n\nconst SuffixedInput = ({\n  placeholder,\n  helpUrl,\n  helpIconTooltipContent,\n  label,\n  value,\n  getInputRef,\n  suffix,\n  isCopyToClipboardEnabled = false,\n  name = \"email\",\n  inputProps = {},\n}) => {\n  const [initialInputWidth, setInitialInputWidth] = useState(\n    INPUT_FIELD_MIN_WIDTH\n  );\n  const inputRef = useRef(null);\n  const placeholderRef = useRef(null);\n\n  const setInputRef = ref => {\n    inputRef.current = ref;\n    getInputRef?.(ref);\n  };\n\n  useEffect(() => {\n    //To handle the input width on initial render.\n    const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n    setInitialInputWidth(placeholderSpanWidth);\n  }, []);\n\n  return (\n    <>\n      <span // Dummy element to calculate the width to be set for the input. Do not remove.\n        className=\"pointer-events-none invisible absolute pl-2\"\n        ref={placeholderRef}\n      >\n        {value || placeholder}\n      </span>\n      <div className=\"inline-flex max-w-full items-end gap-2\">\n        <Input\n          {...{ label, name, placeholder, ...inputProps }}\n          className=\"nm-suffixed-input-field\"\n          ref={setInputRef}\n          type=\"text\"\n          labelProps={{\n            helpIconProps: isPresent(helpUrl) && {\n              icon: Info,\n              className:\n                \"cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out\",\n              onClick: () => window.open(helpUrl, \"_blank\"),\n              tooltipProps: {\n                content: helpIconTooltipContent,\n                position: \"right\",\n                disabled: isNotPresent(helpUrl),\n              },\n            },\n          }}\n          style={{\n            minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n            width: placeholderRef.current?.offsetWidth ?? initialInputWidth, // Additional 2px to act as a buffer.\n          }}\n          suffix={\n            // Added onClick to focus the input even when the suffix part is clicked.\n            <span onClick={() => inputRef.current?.focus()}>{suffix}</span>\n          }\n        />\n        {isCopyToClipboardEnabled && (\n          <CopyToClipboardButton\n            disabled={isEmpty(value)}\n            style=\"text\"\n            value={`${value}${suffix}`}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nSuffixedInput.propTypes = {\n  /**\n   * Placeholder of the input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n   */\n  helpUrl: PropTypes.string,\n  /**\n   * Text to be displayed inside the tooltip of the help icon.\n   */\n  helpIconTooltipContent: PropTypes.string,\n  /**\n   * Label of the input field.\n   */\n  label: PropTypes.string,\n  /**\n   * The value entered by the user, eg: email.\n   */\n  value: PropTypes.string,\n  /**\n   * A method to get the ref of the input field.\n   */\n  getInputRef: PropTypes.func,\n  /**\n   * Domain name to be rendered next to the input field.\n   */\n  suffix: PropTypes.string,\n  /**\n   * Whether to show the copy to clipboard button.\n   */\n  isCopyToClipboardEnabled: PropTypes.bool,\n  /**\n   * Formik field name of the input field.\n   */\n  name: PropTypes.string,\n  /**\n   * This will be passed down to the `Input` component.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","React","createElement","Fragment","className","Input","_extends","_objectSpread","type","labelProps","helpIconProps","isPresent","icon","Info","onClick","window","open","tooltipProps","content","position","disabled","isNotPresent","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat"],"mappings":"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"}

package/dist/cjs/Codeblock.js

@@ -12,6 +12,8 @@ require('classnames');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-icons');
 require('@bigbinary/neetoui');
+require('ramda');
+require('react-i18next');
 require('./inject-css-80a5faa3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/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,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAA;AAAU,GAAA,eACvBF,yBAAA,CAAAC,aAAA,CAACE,iCAAS,EAAAC,iBAAA,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,aAAAA;AAAQ,GAAA,EACXhB,cAAc,CAAA,EAEjBH,IACQ,CAAC,EACXE,cAAc,iBACbQ,yBAAA,CAAAC,aAAA,CAACS,qBAAQ,EAAAN,iBAAA,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,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAA;AAAU,GAAA,eACvBF,yBAAA,CAAAC,aAAA,CAACE,iCAAS,EAAAC,iBAAA,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,aAAAA;AAAQ,GAAA,EACXhB,cAAc,CAAA,EAEjBH,IACQ,CAAC,EACXE,cAAc,iBACbQ,yBAAA,CAAAC,aAAA,CAACS,qBAAQ,EAAAN,iBAAA,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/cjs/CopyToClipboardButton.js

@@ -9,6 +9,8 @@ var classnames = require('classnames');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
 var injectCss = require('./inject-css-80a5faa3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,8 +20,7 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var TIME_OUT = 2000;
 var TOOLTIP_CONFIG = {
-  content: "Copied",
-  trigger: "click",
+  trigger: "click mouseenter",
   hideAfter: TIME_OUT,
   position: "top"
 };
@@ -37,6 +38,8 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
     value = _ref.value,
     style = _ref.style,
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useState = React.useState(false),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     isChecked = _useState2[0],
@@ -58,7 +61,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 : ramda.mergeRight(TOOLTIP_CONFIG, {
+    content: isChecked ? t("neetoMolecules.common.copied") : t("neetoMolecules.common.copyToClipboard")
+  });
   var buttonLabel = isChecked && label ? "Copied" : label;
   var buttonIcon = isChecked ? neetoIcons.Check : icon;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({

package/dist/cjs/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/cjs/CustomDomain.js

@@ -8,7 +8,7 @@ var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
-var index = require('./index-cd140b32.js');
+var index = require('./index-408d5262.js');
 var MoreDropdown = require('./MoreDropdown.js');
 require('formik');
 require('@bigbinary/neeto-hotkeys');
@@ -20,11 +20,11 @@ require('./extends-1b35a664.js');
 require('./defineProperty-886ed289.js');
 require('./objectWithoutProperties-2fed2d7d.js');
 require('classnames');
+require('ramda');
 require('./inject-css-80a5faa3.js');
 require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 require('react-query');
 require('axios');
-require('ramda');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/CustomDomainDashboard.js

@@ -9,7 +9,7 @@ var reactI18next = require('react-i18next');
 var Container = require('./Container.js');
 var PageLoader = require('./PageLoader.js');
 var SubHeader = require('./SubHeader.js');
-var index = require('./index-cd140b32.js');
+var index = require('./index-408d5262.js');
 var _extends = require('./extends-1b35a664.js');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');

package/dist/cjs/HelpPopover.js

@@ -1,13 +1,14 @@
 'use strict';
 
-var defineProperty = require('./defineProperty-886ed289.js');
 var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-886ed289.js');
 var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var React = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
+var reactI18next = require('react-i18next');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,7 +35,8 @@ var HelpPopover = function HelpPopover(_ref) {
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? neetoIcons.Help : _ref$icon,
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
-  var helpIconRef = React.useRef();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var isCompact = neetoCist.isNotPresent(title) && neetoCist.isNotPresent(helpLinkProps);
   var Icon = function Icon() {
     var Component = icon;
@@ -43,14 +45,7 @@ var HelpPopover = function HelpPopover(_ref) {
       size: SIZE[size]
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({}, otherProps, {
-    "data-cy": "help-popover-button",
-    "data-testid": "help-popover-button",
-    icon: Icon,
-    ref: helpIconRef,
-    style: "text",
-    className: classnames__default["default"]("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends._extends({
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends._extends({
     appendTo: function appendTo() {
       return document.body;
     }
@@ -58,7 +53,6 @@ var HelpPopover = function HelpPopover(_ref) {
     interactive: true,
     arrow: isCompact ? undefined : true,
     className: classnames__default["default"](defineProperty._defineProperty({}, "neeto-ui-popover", !isCompact)),
-    reference: helpIconRef,
     role: "tooltip",
     theme: isCompact ? "dark" : "light",
     content: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -74,13 +68,19 @@ var HelpPopover = function HelpPopover(_ref) {
     }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._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["default"].createElement(neetoui.Button, _extends._extends({}, otherProps, {
+    "data-cy": "help-popover-button",
+    "data-testid": "help-popover-button",
+    icon: Icon,
+    style: "text",
+    className: classnames__default["default"]("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
   })));
 };
 

package/dist/cjs/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/cjs/MoreDropdown.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var defineProperty = require('./defineProperty-886ed289.js');
 var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var React = require('react');
+var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
@@ -14,6 +15,7 @@ var injectCss = require('./inject-css-80a5faa3.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var MENU_ITEM_TYPES = {
   menuItem: "menuItem",
@@ -25,7 +27,7 @@ var DEFAULT_TOOLTIP_PROPS = {
 };
 
 var _excluded$2 = ["label", "key"],
-  _excluded2 = ["isVisible", "key"];
+  _excluded2$1 = ["isVisible", "key"];
 var MenuItem$1 = neetoui.Dropdown.MenuItem,
   Menu$1 = neetoui.Dropdown.Menu;
 var Submenu = function Submenu(_ref) {
@@ -41,7 +43,7 @@ var Submenu = function Submenu(_ref) {
     var _ref2$isVisible = _ref2.isVisible,
       isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
       key = _ref2.key,
-      menuItemProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
+      menuItemProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2$1);
     if (!isVisible) return null;
     return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends._extends({
       key: key
@@ -75,10 +77,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%}";
 injectCss.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._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 = neetoui.Dropdown.Menu;
@@ -97,6 +100,8 @@ var MoreDropdown = function MoreDropdown(_ref) {
     menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var isRoundedButton = dropdownButtonProps.isRounded,
+    buttonProps = objectWithoutProperties._objectWithoutProperties(dropdownButtonProps, _excluded);
   var tooltipProps = ramda.mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
   var targetIcon = isVertical ? neetoIcons.MenuVertical : neetoIcons.MenuHorizontal;
   var isDropdownDisabled = isDisabled || dropdownProps.disabled;
@@ -109,8 +114,11 @@ var MoreDropdown = function MoreDropdown(_ref) {
       icon: targetIcon,
       iconPosition: "right",
       size: "medium",
-      style: "text"
-    }, dropdownButtonProps))));
+      style: "text",
+      className: classnames__default["default"]({
+        "neeto-molecule-moredropdown--rounded": isRoundedButton
+      })
+    }, buttonProps))));
   }
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends._extends({
     autoWidth: true,
@@ -119,18 +127,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__default["default"]("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["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._objectWithoutProperties(_ref2, _excluded);
+      menuItemProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
     if (!isVisible) return null;
     return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends._extends({
       key: key !== null && key !== void 0 ? key : neetoCist.hyphenate(menuItemProps.label)

package/dist/cjs/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":";;;;;;;;;;;;;;;;;AAaO,IAAMA,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEM,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC;;;;ACfD,IAAQC,UAAQ,GAAWC,gBAAQ,CAA3BD,QAAQ;EAAEE,MAAI,GAAKD,gBAAQ,CAAjBC,IAAI,CAAA;AAEtB,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;AAAKC,IAAAA,aAAa,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,yBAAA,CAAAC,aAAA,CAACV,gBAAQ,EAAAW,iBAAA,CAAA;IACPC,YAAY,eAAEH,yBAAA,CAAAC,aAAA,CAACX,UAAQ,CAACc,MAAM,EAAET,IAAAA,EAAAA,KAAuB,CAAE;AACzDC,IAAAA,GAAG,EAAEA,GAAI;AACTP,IAAAA,QAAQ,EAAC,MAAM;AACfgB,IAAAA,OAAO,EAAC,OAAA;AAAO,GAAA,EACXR,aAAa,CAACS,aAAa,gBAE/BN,yBAAA,CAAAC,aAAA,CAACT,MAAI,EACFK,IAAAA,EAAAA,aAAa,CAACU,SAAS,CAACC,GAAG,CAC1B,UAAAC,KAAA,EAAiD;AAAA,IAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAEd,GAAG,GAAAa,KAAA,CAAHb,GAAG;AAAKC,MAAAA,aAAa,GAAAC,gDAAA,CAAAW,KAAA,EAAAG,UAAA,CAAA,CAAA;AACxC,IAAA,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,IAAA,oBAAOX,yBAAA,CAAAC,aAAA,CAACY,oBAAoB,EAAAX,iBAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;KAASC,EAAAA,aAAa,CAAG,CAAC,CAAA;GAEhE,CACI,CACE,CAAC,CAAA;AAAA,CACZ;;;;;ACnBD,IAAQP,QAAQ,GAAcC,gBAAQ,CAA9BD,QAAQ;EAAEwB,OAAO,GAAKvB,gBAAQ,CAApBuB,OAAO,CAAA;AAEzB,IAAMD,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAnB,IAAA,EAMpB;AAAA,EAAA,IALJqB,OAAO,GAAArB,IAAA,CAAPqB,OAAO;IACPpB,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAqB,SAAA,GAAAtB,IAAA,CACLuB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGhC,eAAe,CAACC,QAAQ,GAAA+B,SAAA;IAAAE,gBAAA,GAAAxB,IAAA,CAC/ByB,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;AAChBrB,IAAAA,aAAa,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAEhB,EAAA,IAAIkB,IAAI,KAAKjC,eAAe,CAACE,OAAO,EAAE;AACpC,IAAA,oBAAOc,yBAAA,CAAAC,aAAA,CAACa,OAAO,MAAE,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,IAAIK,WAAW,EAAE;AACf,IAAA,oBAAOnB,yBAAA,CAAAC,aAAA,CAACR,OAAO,EAAA2B,eAAA,CAAA;AAAOzB,MAAAA,KAAK,EAALA,KAAAA;KAAUE,EAAAA,aAAa,CAAK,CAAC,CAAA;AACrD,GAAA;EAEA,oBACEG,yBAAA,CAAAC,aAAA,CAACX,QAAQ,CAACc,MAAM,EAAAgB,eAAA,CAAA;AAAOL,IAAAA,OAAO,EAAPA,OAAAA;GAAYlB,EAAAA,aAAa,CAC7CF,EAAAA,KACc,CAAC,CAAA;AAEtB,CAAC;;;;;;;;ACVD,IAAQH,IAAI,GAAKD,gBAAQ,CAAjBC,IAAI,CAAA;AAEZ,IAAM6B,YAAY,GAAG,SAAfA,YAAYA,CAAA3B,IAAA,EAQZ;AAAA,EAAA,IAAA4B,qBAAA,GAAA5B,IAAA,CAPJ6B,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAA9B,IAAA,CACxB+B,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAhC,IAAA,CAClBiC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAAlC,IAAA,CAClBY,aAAa;AAAbA,IAAAA,aAAa,GAAAsB,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAClBC,eAAe,GAAAnC,IAAA,CAAfmC,eAAe;IACfC,kBAAkB,GAAApC,IAAA,CAAlBoC,kBAAkB;IAAAC,cAAA,GAAArC,IAAA,CAClBa,SAAS;AAATA,IAAAA,SAAS,GAAAwB,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;AAEd,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,IAAMC,YAAY,GAAGC,gBAAU,CAC7BjD,qBAAqB,EACrBoC,mBAAmB,CAACY,YACtB,CAAC,CAAA;AAED,EAAA,IAAME,UAAU,GAAGZ,UAAU,GAAGa,uBAAY,GAAGC,yBAAc,CAAA;AAE7D,EAAA,IAAMC,kBAAkB,GAAGb,UAAU,IAAIrB,aAAa,CAAClB,QAAQ,CAAA;AAC/D,EAAA,IAAIoD,kBAAkB,IAAI,CAACL,YAAY,CAAC/C,QAAQ,EAAE;AAChD,IAAA,oBACEY,yBAAA,CAAAC,aAAA,CAACwC,eAAO,EAAKN,YAAY,eACvBnC,yBAAA,CAAAC,aAAA,4BACED,yBAAA,CAAAC,aAAA,CAACG,cAAM,EAAAF,iBAAA,CAAA;MACLd,QAAQ,EAAA,IAAA;AACR,MAAA,SAAA,EAAQ,sBAAsB;AAC9B,MAAA,4BAAA,EAA2B,eAAe;AAC1C,MAAA,aAAA,EAAY,qBAAqB;AACjCsD,MAAAA,IAAI,EAAEL,UAAW;AACjBM,MAAAA,YAAY,EAAC,OAAO;AACpBC,MAAAA,IAAI,EAAC,QAAQ;AACbC,MAAAA,KAAK,EAAC,MAAA;AAAM,KAAA,EACRtB,mBAAmB,CACxB,CACG,CACC,CAAC,CAAA;AAEd,GAAA;AAEA,EAAA,oBACEvB,yBAAA,CAAAC,aAAA,CAACV,gBAAQ,EAAAW,iBAAA,CAAA;IACP4C,SAAS,EAAA,IAAA;AACTC,IAAAA,SAAS,EAAC,MAAM;AAChB3D,IAAAA,QAAQ,EAAEuC,UAAW;AACrBe,IAAAA,IAAI,EAAEL,UAAW;AACjBW,IAAAA,WAAW,EAAA5B,aAAA,CAAA;AACT,MAAA,4BAA4B,EAAE,eAAe;AAC7C2B,MAAAA,SAAS,EAAE,uBAAuB;AAClCF,MAAAA,KAAK,EAAE,MAAM;AACbV,MAAAA,YAAY,EAAE;AACZc,QAAAA,OAAO,EAAEf,CAAC,CAAC,qCAAqC,CAAC;AACjD7C,QAAAA,QAAQ,EAAE,KAAA;AACZ,OAAA;AAAC,KAAA,EACEkC,mBAAmB,CAAA;AACtB,GAAA,EACEjB,aAAa,CAEjBN,eAAAA,yBAAA,CAAAC,aAAA,CAACT,IAAI,EAAA,IAAA,EACFqC,eAAe,EACftB,SAAS,CAACC,GAAG,CAAC,UAAAC,KAAA,EAAiD;AAAA,IAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAEd,GAAG,GAAAa,KAAA,CAAHb,GAAG;AAAKC,MAAAA,aAAa,GAAAC,gDAAA,CAAAW,KAAA,EAAAV,SAAA,CAAA,CAAA;AACvD,IAAA,IAAI,CAACY,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,IAAA,oBACEX,yBAAA,CAAAC,aAAA,CAACX,oBAAQ,EAAAY,iBAAA,CAAA;MACPN,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAIsD,mBAAS,CAACrD,aAAa,CAACF,KAAK,CAAA;KACrCE,EAAAA,aAAa,CAClB,CAAC,CAAA;AAEN,GAAC,CAAC,EACDiC,kBACG,CACE,CAAC,CAAA;AAEf;;;;"}
+{"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/cjs/Rename.js

@@ -107,7 +107,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}";
 injectCss.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; }
@@ -305,7 +305,8 @@ var Rename = function Rename(_ref) {
     className: classnames__default["default"]("neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center", className)
   }, neetoCist.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs, {
     breadcrumbs: breadcrumbs,
-    hasTrailingSeparator: true
+    hasTrailingSeparator: true,
+    className: "neeto-molecules-rename-breadcrumbs"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "relative flex max-w-full items-center gap-x-2"
   }, editMode ? /*#__PURE__*/React__default["default"].createElement(Editor, editNameProps) : /*#__PURE__*/React__default["default"].createElement(ViewName, viewNameProps)));