@bigbinary/neeto-molecules 3.7.20 → 3.7.22

package/dist/cjs/ConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.js","sources":["../../src/components/ConfirmationModal/constants.js","../../src/components/ConfirmationModal/utils.js","../../src/components/ConfirmationModal/index.jsx"],"sourcesContent":["export const INITIAL_VALUES = { confirmationText: \"\" };\n","import * as yup from \"yup\";\n\nexport const deletionValidationSchema = confirmationText =>\n  yup.object({\n    confirmationText: yup.string().required(\"\").oneOf([confirmationText], \"\"),\n  });\n","import { useRef } from \"react\";\n\nimport { Modal, Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { type } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport { deletionValidationSchema } from \"./utils\";\n\nconst ConfirmationModal = ({\n  buttonLabel,\n  confirmationText,\n  description = \"\",\n  isOpen = true,\n  isSubmitting = false,\n  title = \"\",\n  onClose,\n  onSubmit,\n  deleteConfirmationMessage,\n}) => {\n  const { t } = useTranslation();\n  const formikProps = {\n    initialValues: INITIAL_VALUES,\n    validationSchema: deletionValidationSchema(confirmationText),\n    onSubmit,\n  };\n\n  const deleteInputLabel = deleteConfirmationMessage || (\n    <Trans\n      components={{ strong: <strong /> }}\n      i18nKey=\"neetoMolecules.confirmationModal.deleteConfirmationMessage\"\n      values={{ value: confirmationText }}\n    />\n  );\n\n  const initialFocusRef = useRef(null);\n\n  return (\n    <Modal\n      {...{ initialFocusRef, isOpen, onClose }}\n      data-testid=\"confirmation-modal\"\n    >\n      <Modal.Header>\n        <Typography data-cy=\"confirmation-modal\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Form {...{ formikProps }}>\n        {({ values }) => (\n          <>\n            <Modal.Body className=\"space-y-4\">\n              {type(description) === \"String\" ? (\n                <Typography style=\"body2\">{description}</Typography>\n              ) : (\n                description\n              )}\n              <Input\n                data-testid=\"confirmation-modal-input\"\n                label={deleteInputLabel}\n                labelProps={{ className: \"block\" }}\n                name=\"confirmationText\"\n                ref={initialFocusRef}\n                type=\"text\"\n              />\n            </Modal.Body>\n            <Modal.Footer>\n              <ActionBlock\n                className=\"space-x-2\"\n                cancelButtonProps={{\n                  label: t(\"neetoMolecules.common.actions.cancel\"),\n                  style: \"text\",\n                  onClick: onClose,\n                  disabled: false,\n                  type: \"button\",\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"delete-continue-button\",\n                  label: buttonLabel,\n                  loading: isSubmitting,\n                  style: \"danger\",\n                  disabled:\n                    isSubmitting ||\n                    confirmationText !== values.confirmationText,\n                }}\n              />\n            </Modal.Footer>\n          </>\n        )}\n      </Form>\n    </Modal>\n  );\n};\n\nConfirmationModal.propTypes = {\n  /**\n   * Label of the action button in the Modal\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Text that is expected to be entered by the user\n   */\n  confirmationText: PropTypes.string,\n  /**\n   * Modal description\n   */\n  description: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n    PropTypes.string,\n  ]),\n  /**\n   * To be passed to loading prop of the action button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Handler function that is invoked when the close button is clicked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Handler function that is invoked when the action button is clicked\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * Message that will be shown as the label of the confirmation input field.\n   */\n  deleteConfirmationMessage: PropTypes.string,\n};\n\nexport default ConfirmationModal;\n"],"names":["INITIAL_VALUES","confirmationText","deletionValidationSchema","yup","object","string","required","oneOf","ConfirmationModal","_ref","buttonLabel","_ref$description","description","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$title","title","onClose","onSubmit","deleteConfirmationMessage","_useTranslation","useTranslation","t","formikProps","initialValues","validationSchema","deleteInputLabel","_jsx","Trans","components","strong","i18nKey","values","value","initialFocusRef","useRef","_jsxs","Modal","children","Header","Typography","style","Form","_ref2","_Fragment","Body","className","type","Input","label","labelProps","name","ref","Footer","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}
+{"version":3,"file":"ConfirmationModal.js","sources":["../../src/components/ConfirmationModal/constants.js","../../src/components/ConfirmationModal/utils.js","../../src/components/ConfirmationModal/index.jsx"],"sourcesContent":["export const INITIAL_VALUES = { confirmationText: \"\" };\n","import * as yup from \"yup\";\n\nexport const deletionValidationSchema = confirmationText =>\n  yup.object({\n    confirmationText: yup.string().required(\"\").oneOf([confirmationText], \"\"),\n  });\n","import { useRef } from \"react\";\n\nimport { Modal, Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { type } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport { deletionValidationSchema } from \"./utils\";\n\nconst ConfirmationModal = ({\n  buttonLabel,\n  confirmationText,\n  description = \"\",\n  isOpen = true,\n  isSubmitting = false,\n  title = \"\",\n  onClose,\n  onSubmit,\n  deleteConfirmationMessage,\n}) => {\n  const { t } = useTranslation();\n  const formikProps = {\n    initialValues: INITIAL_VALUES,\n    validationSchema: deletionValidationSchema(confirmationText),\n    onSubmit,\n  };\n\n  const deleteInputLabel = deleteConfirmationMessage || (\n    <Trans\n      components={{ strong: <strong /> }}\n      i18nKey=\"neetoMolecules.confirmationModal.deleteConfirmationMessage\"\n      values={{ value: confirmationText }}\n    />\n  );\n\n  const initialFocusRef = useRef(null);\n\n  return (\n    <Modal\n      {...{ initialFocusRef, isOpen, onClose }}\n      data-testid=\"confirmation-modal\"\n    >\n      <Modal.Header>\n        <Typography data-cy=\"confirmation-modal\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Form {...{ formikProps }}>\n        {({ values }) => (\n          <>\n            <Modal.Body className=\"space-y-4\">\n              {type(description) === \"String\" ? (\n                <Typography style=\"body2\">{description}</Typography>\n              ) : (\n                description\n              )}\n              <Input\n                data-testid=\"confirmation-modal-input\"\n                label={deleteInputLabel}\n                labelProps={{ className: \"block\" }}\n                name=\"confirmationText\"\n                ref={initialFocusRef}\n                type=\"text\"\n              />\n            </Modal.Body>\n            <Modal.Footer>\n              <ActionBlock\n                className=\"space-x-2\"\n                cancelButtonProps={{\n                  label: t(\"neetoMolecules.common.actions.cancel\"),\n                  style: \"text\",\n                  onClick: onClose,\n                  disabled: false,\n                  type: \"button\",\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"delete-continue-button\",\n                  label: buttonLabel,\n                  loading: isSubmitting,\n                  style: \"danger\",\n                  disabled:\n                    isSubmitting ||\n                    confirmationText !== values.confirmationText,\n                }}\n              />\n            </Modal.Footer>\n          </>\n        )}\n      </Form>\n    </Modal>\n  );\n};\n\nConfirmationModal.propTypes = {\n  /**\n   * Label of the action button in the Modal\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Text that is expected to be entered by the user\n   */\n  confirmationText: PropTypes.string,\n  /**\n   * Modal description\n   */\n  description: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n    PropTypes.string,\n  ]),\n  /**\n   * To be passed to loading prop of the action button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Handler function that is invoked when the close button is clicked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Handler function that is invoked when the action button is clicked\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * Message that will be shown as the label of the confirmation input field.\n   */\n  deleteConfirmationMessage: PropTypes.string,\n};\n\nexport default ConfirmationModal;\n"],"names":["INITIAL_VALUES","confirmationText","deletionValidationSchema","yup","object","string","required","oneOf","ConfirmationModal","_ref","buttonLabel","_ref$description","description","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$title","title","onClose","onSubmit","deleteConfirmationMessage","_useTranslation","useTranslation","t","formikProps","initialValues","validationSchema","deleteInputLabel","_jsx","Trans","components","strong","i18nKey","values","value","initialFocusRef","useRef","_jsxs","Modal","children","Header","Typography","style","Form","_ref2","_Fragment","Body","className","type","Input","label","labelProps","name","ref","Footer","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}

package/dist/cjs/Container.js

@@ -2,14 +2,10 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var index = require('./index-57253dc4.js');
-var injectCss = require('./inject-css-80a5faa3.js');
+var index = require('./index-JY2zVpnv.js');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('./_commonjsHelpers-b3309d7b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px}@media screen and (max-width:768px){.neeto-molecules-container{padding:0 20px}}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px;padding-right:40px}@media screen and (max-width:768px){.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:20px;padding-right:20px}}";
 injectCss.n(css,{});
@@ -22,7 +18,7 @@ var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     children = _ref.children;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: ref,
-    className: classnames__default["default"]("neeto-molecules-container", {
+    className: classnames("neeto-molecules-container", {
       "neeto-molecules-container--header-fixed": isHeaderFixed
     }, className),
     children: children

package/dist/cjs/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../src/components/Container/index.jsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./container.scss\";\n\nconst Container = forwardRef(\n  ({ isHeaderFixed = false, className = \"\", children }, ref) => (\n    <div\n      {...{ ref }}\n      className={classnames(\n        \"neeto-molecules-container\",\n        { \"neeto-molecules-container--header-fixed\": isHeaderFixed },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n);\n\nContainer.displayName = \"Container\";\n\nContainer.propTypes = {\n  /**\n   * Decides whether the `Header` component should be stickied at the top on scroll.\n   */\n  isHeaderFixed: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n};\n\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","_ref$className","className","children","_jsx","classnames","displayName","propTypes","PropTypes","bool","string"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,gBAAU,CAC1B,UAAAC,IAAA,EAAsDC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtDG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,cAAA,GAAAJ,IAAA,CAAEK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;AAAA,EAAA,oBAChDC,cAAA,CAAA,KAAA,EAAA;AACQN,IAAAA,GAAG,EAAHA,GAAG;AACTI,IAAAA,SAAS,EAAEG,8BAAU,CACnB,2BAA2B,EAC3B;AAAE,MAAA,yCAAyC,EAAEL,aAAAA;KAAe,EAC5DE,SACF,CAAE;AAAAC,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDR,SAAS,CAACW,WAAW,GAAG,WAAW,CAAA;AAEnCX,SAAS,CAACY,SAAS,GAAG;AACpB;AACF;AACA;EACEP,aAAa,EAAEQ,eAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACEP,SAAS,EAAEM,eAAS,CAACE,MAAAA;AACvB,CAAC;;;;"}
+{"version":3,"file":"Container.js","sources":["../../src/components/Container/index.jsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./container.scss\";\n\nconst Container = forwardRef(\n  ({ isHeaderFixed = false, className = \"\", children }, ref) => (\n    <div\n      {...{ ref }}\n      className={classnames(\n        \"neeto-molecules-container\",\n        { \"neeto-molecules-container--header-fixed\": isHeaderFixed },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n);\n\nContainer.displayName = \"Container\";\n\nContainer.propTypes = {\n  /**\n   * Decides whether the `Header` component should be stickied at the top on scroll.\n   */\n  isHeaderFixed: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n};\n\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","_ref$className","className","children","_jsx","classnames","displayName","propTypes","PropTypes","bool","string"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,gBAAU,CAC1B,UAAAC,IAAA,EAAsDC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtDG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,cAAA,GAAAJ,IAAA,CAAEK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;AAAA,EAAA,oBAChDC,cAAA,CAAA,KAAA,EAAA;AACQN,IAAAA,GAAG,EAAHA,GAAG;AACTI,IAAAA,SAAS,EAAEG,UAAU,CACnB,2BAA2B,EAC3B;AAAE,MAAA,yCAAyC,EAAEL,aAAAA;KAAe,EAC5DE,SACF,CAAE;AAAAC,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDR,SAAS,CAACW,WAAW,GAAG,WAAW,CAAA;AAEnCX,SAAS,CAACY,SAAS,GAAG;AACpB;AACF;AACA;EACEP,aAAa,EAAEQ,eAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACEP,SAAS,EAAEM,eAAS,CAACE,MAAAA;AACvB,CAAC;;;;"}

package/dist/cjs/CopyToClipboardButton.js

@@ -11,19 +11,9 @@ var Check = require('@bigbinary/neeto-icons/Check');
 var Button = require('@bigbinary/neetoui/Button');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var injectCss = require('./inject-css-80a5faa3.js');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Copy__default = /*#__PURE__*/_interopDefaultLegacy(Copy);
-var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
 var TIME_OUT = 2000;
 var TOOLTIP_CONFIG = {
   trigger: "click mouseenter",
@@ -36,11 +26,11 @@ injectCss.n(css,{});
 
 var _excluded = ["className", "icon", "label", "successLabel", "tooltipContent", "successTooltipContent", "value", "style", "tooltipProps"];
 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__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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 CopyToClipboardButton = function CopyToClipboardButton(_ref) {
   var className = _ref.className,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? Copy__default["default"] : _ref$icon,
+    icon = _ref$icon === void 0 ? Copy : _ref$icon,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     successLabel = _ref.successLabel,
@@ -49,11 +39,11 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
     value = _ref.value,
     style = _ref.style,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isChecked = _useState2[0],
     setIsChecked = _useState2[1];
   var ref = React.useRef();
@@ -76,15 +66,15 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
     content: isChecked ? successTooltipContent || t("neetoMolecules.common.copied") : tooltipContent || t("neetoMolecules.common.copyToClipboard")
   }, tooltipProps]);
   var buttonLabel = isChecked && label ? successLabel || t("neetoMolecules.common.copied") : label;
-  var buttonIcon = isChecked ? Check__default["default"] : icon;
-  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+  var buttonIcon = isChecked ? Check : icon;
+  return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
     ref: ref,
     style: style,
     "data-testid": "copy-button",
     icon: buttonIcon,
     label: buttonLabel,
     tooltipProps: tooltipOptions,
-    className: classnames__default["default"]("neeto-molecules-copy-button", _defineProperty__default["default"](_defineProperty__default["default"]({}, className, className), "neeto-molecules-copy-button--active", isChecked)),
+    className: classnames("neeto-molecules-copy-button", _defineProperty(_defineProperty({}, className, className), "neeto-molecules-copy-button--active", isChecked)),
     onClick: onHandleClick
   }, otherProps));
 };

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  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 { 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 { mergeAll } 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  successLabel,\n  tooltipContent,\n  successTooltipContent,\n  value,\n  style,\n  tooltipProps,\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 tooltipOptions = label\n    ? null\n    : mergeAll([\n        TOOLTIP_CONFIG,\n        {\n          content: isChecked\n            ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n            : tooltipContent || t(\"neetoMolecules.common.copyToClipboard\"),\n        },\n        tooltipProps,\n      ]);\n\n  const buttonLabel =\n    isChecked && label\n      ? successLabel || t(\"neetoMolecules.common.copied\")\n      : label;\n  const buttonIcon = isChecked ? Check : icon;\n\n  return (\n    <Button\n      {...{ ref, style }}\n      data-testid=\"copy-button\"\n      icon={buttonIcon}\n      label={buttonLabel}\n      tooltipProps={tooltipOptions}\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 label of button when the value is copied to clipboard. Defaults to 'Copied'.\n   */\n  successLabel: 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   * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copy to clipboard'.\n   */\n  tooltipContent: PropTypes.string,\n  /**\n   * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copied'.\n   */\n  successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","trigger","hideAfter","position","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","style","tooltipProps","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","tooltipOptions","mergeAll","content","buttonLabel","buttonIcon","Check","_jsx","Button","_objectSpread","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 { 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 { mergeAll } 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  successLabel,\n  tooltipContent,\n  successTooltipContent,\n  value,\n  style,\n  tooltipProps,\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 tooltipOptions = label\n    ? null\n    : mergeAll([\n        TOOLTIP_CONFIG,\n        {\n          content: isChecked\n            ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n            : tooltipContent || t(\"neetoMolecules.common.copyToClipboard\"),\n        },\n        tooltipProps,\n      ]);\n\n  const buttonLabel =\n    isChecked && label\n      ? successLabel || t(\"neetoMolecules.common.copied\")\n      : label;\n  const buttonIcon = isChecked ? Check : icon;\n\n  return (\n    <Button\n      {...{ ref, style }}\n      data-testid=\"copy-button\"\n      icon={buttonIcon}\n      label={buttonLabel}\n      tooltipProps={tooltipOptions}\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 label of button when the value is copied to clipboard. Defaults to 'Copied'.\n   */\n  successLabel: 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   * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copy to clipboard'.\n   */\n  tooltipContent: PropTypes.string,\n  /**\n   * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copied'.\n   */\n  successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","trigger","hideAfter","position","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","style","tooltipProps","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","tooltipOptions","mergeAll","content","buttonLabel","buttonIcon","Check","_jsx","Button","_objectSpread","classnames","_defineProperty","onClick"],"mappings":"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"}

package/dist/cjs/Currency.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
@@ -11,13 +9,6 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var jsxRuntime = require('react/jsx-runtime');
 var Select$1 = require('@bigbinary/neetoui/formik/Select');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
-
 var currencyData = [
 	{
 		label: "Afghan Afghani (AFN)",
@@ -887,17 +878,17 @@ var getCurrencies = function getCurrencies(allowedCurrencies) {
 
 var _excluded$1 = ["label", "allowedCurrencies"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Currency = function Currency(_ref) {
   var label = _ref.label,
     allowedCurrencies = _ref.allowedCurrencies,
-    otherSelectProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    otherSelectProps = _objectWithoutProperties(_ref, _excluded$1);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var data = React.useMemo(function () {
     return getCurrencies(allowedCurrencies);
   }, [allowedCurrencies]);
-  return /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$1({
+  return /*#__PURE__*/jsxRuntime.jsx(Select, _objectSpread$1({
     label: label || t("neetoMolecules.common.currency"),
     options: data
   }, otherSelectProps));
@@ -905,19 +896,19 @@ var Currency = function Currency(_ref) {
 
 var _excluded = ["label", "name", "allowedCurrencies"];
 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__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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 FormikCurrency = function FormikCurrency(_ref) {
   var label = _ref.label,
     _ref$name = _ref.name,
     name = _ref$name === void 0 ? "currency" : _ref$name,
     allowedCurrencies = _ref.allowedCurrencies,
-    otherSelectProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherSelectProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var data = React.useMemo(function () {
     return getCurrencies(allowedCurrencies);
   }, [allowedCurrencies]);
-  return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(Select$1, _objectSpread({
     name: name,
     label: label || t("neetoMolecules.common.currency"),
     options: data

package/dist/cjs/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sources":["../../src/components/Currency/utils.js","../../src/components/Currency/Currency.jsx","../../src/components/Currency/FormikCurrency.jsx"],"sourcesContent":["import { isPresent, isNotEmpty } from \"neetocist\";\n\nimport currencyData from \"./currencyData.json\";\n\nexport const getCurrencies = allowedCurrencies => {\n  if (isPresent(allowedCurrencies) && isNotEmpty(allowedCurrencies)) {\n    return currencyData.filter(item => allowedCurrencies.includes(item.value));\n  }\n\n  return currencyData;\n};\n","import { useMemo } from \"react\";\n\nimport { Select } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst Currency = ({ label, allowedCurrencies, ...otherSelectProps }) => {\n  const { t } = useTranslation();\n\n  const data = useMemo(\n    () => getCurrencies(allowedCurrencies),\n    [allowedCurrencies]\n  );\n\n  return (\n    <Select\n      label={label || t(\"neetoMolecules.common.currency\")}\n      options={data}\n      {...otherSelectProps}\n    />\n  );\n};\n\nCurrency.propTypes = {\n  /**\n   * Label for the currency input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify only a selected list of currencies to be used.\n   */\n  allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default Currency;\n","import { useMemo } from \"react\";\n\nimport { Select } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst FormikCurrency = ({\n  label,\n  name = \"currency\",\n  allowedCurrencies,\n  ...otherSelectProps\n}) => {\n  const { t } = useTranslation();\n\n  const data = useMemo(\n    () => getCurrencies(allowedCurrencies),\n    [allowedCurrencies]\n  );\n\n  return (\n    <Select\n      {...{ name }}\n      label={label || t(\"neetoMolecules.common.currency\")}\n      options={data}\n      {...otherSelectProps}\n    />\n  );\n};\n\nFormikCurrency.propTypes = {\n  /**\n   * Label for the currency input.\n   */\n  label: PropTypes.string,\n  /**\n   * Name for the currency input.\n   */\n  name: PropTypes.string,\n  /**\n   * To specify only a selected list of currencies to be used.\n   */\n  allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default FormikCurrency;\n"],"names":["getCurrencies","allowedCurrencies","isPresent","isNotEmpty","currencyData","filter","item","includes","value","Currency","_ref","label","otherSelectProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","data","useMemo","_jsx","Select","_objectSpread","options","FormikCurrency","_ref$name","name"],"mappings":"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"}
+{"version":3,"file":"Currency.js","sources":["../../src/components/Currency/utils.js","../../src/components/Currency/Currency.jsx","../../src/components/Currency/FormikCurrency.jsx"],"sourcesContent":["import { isPresent, isNotEmpty } from \"neetocist\";\n\nimport currencyData from \"./currencyData.json\";\n\nexport const getCurrencies = allowedCurrencies => {\n  if (isPresent(allowedCurrencies) && isNotEmpty(allowedCurrencies)) {\n    return currencyData.filter(item => allowedCurrencies.includes(item.value));\n  }\n\n  return currencyData;\n};\n","import { useMemo } from \"react\";\n\nimport { Select } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst Currency = ({ label, allowedCurrencies, ...otherSelectProps }) => {\n  const { t } = useTranslation();\n\n  const data = useMemo(\n    () => getCurrencies(allowedCurrencies),\n    [allowedCurrencies]\n  );\n\n  return (\n    <Select\n      label={label || t(\"neetoMolecules.common.currency\")}\n      options={data}\n      {...otherSelectProps}\n    />\n  );\n};\n\nCurrency.propTypes = {\n  /**\n   * Label for the currency input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify only a selected list of currencies to be used.\n   */\n  allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default Currency;\n","import { useMemo } from \"react\";\n\nimport { Select } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst FormikCurrency = ({\n  label,\n  name = \"currency\",\n  allowedCurrencies,\n  ...otherSelectProps\n}) => {\n  const { t } = useTranslation();\n\n  const data = useMemo(\n    () => getCurrencies(allowedCurrencies),\n    [allowedCurrencies]\n  );\n\n  return (\n    <Select\n      {...{ name }}\n      label={label || t(\"neetoMolecules.common.currency\")}\n      options={data}\n      {...otherSelectProps}\n    />\n  );\n};\n\nFormikCurrency.propTypes = {\n  /**\n   * Label for the currency input.\n   */\n  label: PropTypes.string,\n  /**\n   * Name for the currency input.\n   */\n  name: PropTypes.string,\n  /**\n   * To specify only a selected list of currencies to be used.\n   */\n  allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default FormikCurrency;\n"],"names":["getCurrencies","allowedCurrencies","isPresent","isNotEmpty","currencyData","filter","item","includes","value","Currency","_ref","label","otherSelectProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","data","useMemo","_jsx","Select","_objectSpread","options","FormikCurrency","_ref$name","name"],"mappings":"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"}

package/dist/cjs/CustomDomain.js

@@ -10,13 +10,13 @@ var Button = require('@bigbinary/neetoui/Button');
 var Tag = require('@bigbinary/neetoui/Tag');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var reactI18next = require('react-i18next');
-var index = require('./index-3ab0acb9.js');
+var index = require('./index-Dfq9GJPm.js');
 var MoreDropdown = require('./MoreDropdown.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neetoui/Alert');
 require('@bigbinary/neetoui/Pane');
-require('./inject-css-80a5faa3.js');
+require('./inject-css-vQvjPR2x.js');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/formik/ActionBlock');
 require('@bigbinary/neetoui/formik/Input');
@@ -44,24 +44,16 @@ require('@bigbinary/neeto-icons/MenuVertical');
 require('@bigbinary/neetoui/Dropdown');
 require('@bigbinary/neetoui/Tooltip');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var NeetoUICustomDomainIcon__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUICustomDomainIcon);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-
 var CustomDomain = function CustomDomain(_ref) {
   var url = _ref.url,
     iconOnly = _ref.iconOnly,
     onCreate = _ref.onCreate;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isPaneOpen = _useState2[0],
     setIsPaneOpen = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isAlertOpen = _useState4[0],
     setIsAlertOpen = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -91,11 +83,11 @@ var CustomDomain = function CustomDomain(_ref) {
       return setIsAlertOpen(true);
     }
   }];
-  if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
+  if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(Spinner, {});
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     children: [neetoCist.isNotEmpty(customDomain) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-row items-center",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tag, {
         "data-cy": "".concat(general.hyphenize(customDomain.status), "-tag-container"),
         label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
         style: customDomain.status === "active" ? "success" : "warning"
@@ -110,8 +102,8 @@ var CustomDomain = function CustomDomain(_ref) {
           "data-cy": "custom-domain-menu-button"
         }
       })]
-    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      icon: iconOnly && NeetoUICustomDomainIcon__default["default"],
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
+      icon: iconOnly && NeetoUICustomDomainIcon,
       style: "text",
       label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
         entity: t("neetoMolecules.customDomain.customDomain", constants.SINGULAR)

package/dist/cjs/CustomDomain.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDomain.js","sources":["../../src/components/CustomDomain/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n  const actions = [\n    {\n      key: \"edit\",\n      label: t(\"neetoMolecules.common.actions.edit\"),\n      onClick: () => setIsPaneOpen(true),\n    },\n    {\n      key: \"delete\",\n      label: t(\"neetoMolecules.common.actions.delete\"),\n      onClick: () => setIsAlertOpen(true),\n    },\n  ];\n\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div>\n      {isNotEmpty(customDomain) ? (\n        <div className=\"flex flex-row items-center\">\n          <Tag\n            data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n            label={customDomain?.hostname}\n            style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n          />\n          <MoreDropdown\n            dropdownProps={{ autoWidth: true }}\n            menuItems={actions}\n            dropdownButtonProps={{\n              \"data-testid\": \"nui-dropdown-icon\",\n              strategy: \"fixed\",\n              \"data-cy\": \"custom-domain-menu-button\",\n            }}\n          />\n        </div>\n      ) : (\n        <Button\n          icon={iconOnly && NeetoUICustomDomainIcon}\n          style=\"text\"\n          label={\n            iconOnly\n              ? \"\"\n              : t(\"neetoMolecules.common.actions.add\", {\n                  entity: t(\n                    \"neetoMolecules.customDomain.customDomain\",\n                    SINGULAR\n                  ),\n                })\n          }\n          tooltipProps={\n            iconOnly && {\n              content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n            }\n          }\n          onClick={() => setIsPaneOpen(true)}\n        />\n      )}\n      <ManageDomain\n        {...{ customDomain, onCreate, url }}\n        hasOne\n        isOpen={isPaneOpen}\n        setCustomDomain={noop}\n        onClose={() => setIsPaneOpen(false)}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() => deleteCustomDomain()}\n      />\n    </div>\n  );\n};\n\nCustomDomain.propTypes = {\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   *  Pass this prop if you need a icon button without label.\n   */\n  iconOnly: PropTypes.bool,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","actions","key","label","onClick","_jsx","Spinner","_jsxs","children","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","dropdownProps","autoWidth","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"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"}
+{"version":3,"file":"CustomDomain.js","sources":["../../src/components/CustomDomain/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n  const actions = [\n    {\n      key: \"edit\",\n      label: t(\"neetoMolecules.common.actions.edit\"),\n      onClick: () => setIsPaneOpen(true),\n    },\n    {\n      key: \"delete\",\n      label: t(\"neetoMolecules.common.actions.delete\"),\n      onClick: () => setIsAlertOpen(true),\n    },\n  ];\n\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div>\n      {isNotEmpty(customDomain) ? (\n        <div className=\"flex flex-row items-center\">\n          <Tag\n            data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n            label={customDomain?.hostname}\n            style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n          />\n          <MoreDropdown\n            dropdownProps={{ autoWidth: true }}\n            menuItems={actions}\n            dropdownButtonProps={{\n              \"data-testid\": \"nui-dropdown-icon\",\n              strategy: \"fixed\",\n              \"data-cy\": \"custom-domain-menu-button\",\n            }}\n          />\n        </div>\n      ) : (\n        <Button\n          icon={iconOnly && NeetoUICustomDomainIcon}\n          style=\"text\"\n          label={\n            iconOnly\n              ? \"\"\n              : t(\"neetoMolecules.common.actions.add\", {\n                  entity: t(\n                    \"neetoMolecules.customDomain.customDomain\",\n                    SINGULAR\n                  ),\n                })\n          }\n          tooltipProps={\n            iconOnly && {\n              content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n            }\n          }\n          onClick={() => setIsPaneOpen(true)}\n        />\n      )}\n      <ManageDomain\n        {...{ customDomain, onCreate, url }}\n        hasOne\n        isOpen={isPaneOpen}\n        setCustomDomain={noop}\n        onClose={() => setIsPaneOpen(false)}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() => deleteCustomDomain()}\n      />\n    </div>\n  );\n};\n\nCustomDomain.propTypes = {\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   *  Pass this prop if you need a icon button without label.\n   */\n  iconOnly: PropTypes.bool,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","actions","key","label","onClick","_jsx","Spinner","_jsxs","children","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","dropdownProps","autoWidth","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"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"}

package/dist/cjs/CustomDomainDashboard.js

@@ -14,7 +14,7 @@ var reactI18next = require('react-i18next');
 var Container = require('./Container.js');
 var SubHeader = require('./SubHeader.js');
 var TableWrapper = require('./TableWrapper.js');
-var index = require('./index-3ab0acb9.js');
+var index = require('./index-Dfq9GJPm.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
@@ -25,11 +25,11 @@ var i18next = require('i18next');
 var MoreDropdown = require('./MoreDropdown.js');
 var classnames = require('classnames');
 var Tag = require('@bigbinary/neetoui/Tag');
-require('./index-57253dc4.js');
-require('./_commonjsHelpers-b3309d7b.js');
-require('./inject-css-80a5faa3.js');
+require('./index-JY2zVpnv.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./inject-css-vQvjPR2x.js');
 require('@bigbinary/neeto-icons/Column');
-require('./useColumns-8894f767.js');
+require('./useColumns-E3db4ucs.js');
 require('@bigbinary/neeto-icons/Search');
 require('@bigbinary/neetoui/Checkbox');
 require('@bigbinary/neetoui/Dropdown');
@@ -70,23 +70,9 @@ require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neeto-icons/MenuVertical');
 require('@bigbinary/neetoui/Tooltip');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
-var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
-
 var _excluded = ["titleHelpPopoverProps"];
 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__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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 Header = function Header(_ref) {
   var setIsPaneOpen = _ref.setIsPaneOpen,
     searchTerm = _ref.searchTerm,
@@ -98,13 +84,13 @@ var Header = function Header(_ref) {
     t = _useTranslation.t;
   var _headerProps$titleHel = headerProps.titleHelpPopoverProps,
     titleHelpPopoverProps = _headerProps$titleHel === void 0 ? {} : _headerProps$titleHel,
-    restHeaderProps = _objectWithoutProperties__default["default"](headerProps, _excluded);
+    restHeaderProps = _objectWithoutProperties(headerProps, _excluded);
   var updatedTitleHelpPopoverProps = ramda.mergeRight(index.DEFAULT_HELP_POPOVER_PROPS, titleHelpPopoverProps);
   return /*#__PURE__*/jsxRuntime.jsx(Header$2, _objectSpread({
     "data-testid": "custom-domain-header",
     title: t("neetoMolecules.customDomain.customDomain", constants.PLURAL),
     titleHelpPopoverProps: updatedTitleHelpPopoverProps,
-    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "add-new-custom-domain-button",
       label: t("neetoMolecules.customDomain.addNew"),
       onClick: function onClick() {
@@ -131,22 +117,22 @@ var TagBlock = function TagBlock(_ref) {
   var isDomainValidated = status === "active" || status === "pending_cname_validation";
   var camelCasedStatus = neetoCist.snakeToCamelCase(status || "");
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"]("flex gap-2", {
+    className: classnames("flex gap-2", {
       "flex-col items-start": stacked
     }),
-    children: status === "failed" ? /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+    children: status === "failed" ? /*#__PURE__*/jsxRuntime.jsx(Tag, {
       label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
       style: "danger"
     }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tag, {
         "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
         style: isDomainValidated ? "success" : "warning",
         label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
       }), isDomainValidated && /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classnames__default["default"]("flex items-center justify-between gap-2", {
+        className: classnames("flex items-center justify-between gap-2", {
           "w-full": stacked
         }),
-        children: /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Tag, {
           "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
           style: status === "active" ? "success" : "warning",
           label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
@@ -166,7 +152,7 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
     render: function render(hostName, customDomain) {
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center justify-between gap-x-3",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
           "data-cy": "hostname-button",
           label: hostName,
           style: "link",
@@ -217,24 +203,24 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
     url = _ref.url,
     onCreate = _ref.onCreate;
   var _useState = React.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isPaneOpen = _useState4[0],
     setIsPaneOpen = _useState4[1];
   var _useState5 = React.useState({}),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     customDomain = _useState6[0],
     setCustomDomain = _useState6[1];
   var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     isAlertOpen = _useState8[0],
     setIsAlertOpen = _useState8[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var debouncedSearchTerm = useDebounce__default["default"](searchTerm, 500);
+  var debouncedSearchTerm = useDebounce(searchTerm, 500);
   var _useFetchCustomDomain = index.useFetchCustomDomains({
       url: url,
       params: {
@@ -279,10 +265,10 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
         setSearchTerm: setSearchTerm
       }), isLoading && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex h-full w-full items-center justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
       }), !isLoading && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader, {
-          leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/jsxRuntime.jsx(Typography, {
             className: "neeto-ui-gray-800 font-semibold",
             component: "h4",
             children: t("neetoMolecules.customDomain.customDomainWithCount", {
@@ -290,7 +276,7 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
             })
           })
         }), neetoCist.isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
-          children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(Table, {
             fixedHeight: true,
             allowRowClick: false,
             rowData: data === null || data === void 0 ? void 0 : data.customDomains,
@@ -299,12 +285,12 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
           })
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex h-full w-full flex-grow items-center justify-center",
-          children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
             title: t("neetoMolecules.customDomain.notFound"),
             helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
               i18nKey: "neetoMolecules.customDomain.learnMoreMessage",
               components: {
-                button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                button: /*#__PURE__*/jsxRuntime.jsx(Button, {
                   href: helpLink,
                   style: "link",
                   target: "_blank"