@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/ConfigurePageSidebar.js

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import Button from '@bigbinary/neetoui/Button';
 import { not } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
-import { S as SelectedLink, C as Chevron } from './Chevron-dee43d2f.js';
-import '@babel/runtime/helpers/extends';
+import { S as SelectedLink, C as Chevron } from './Chevron-6564bcdc.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-commons-frontend/utils/general';
@@ -50,43 +50,45 @@ var ConfigurePageSidebar = function ConfigurePageSidebar(_ref) {
   var handleConfigureLinkClick = function handleConfigureLinkClick() {
     history.push(configurePageRoute);
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     "data-testid": "configure-page-sidebar-container",
     className: classnames("neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page", {
       "neeto-molecules-sidebar__wrapper--collapsed": isLargerScreen() ? isSidebarCollapsed : not(isSidebarPaneOpen)
-    })
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-sidebar__backdrop",
-    onClick: function onClick() {
-      setIsSidebarPaneOpen(false);
-    }
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode",
-    "data-testid": "configure-page-sidebar"
-  }, /*#__PURE__*/React__default.createElement(SelectedLink, {
-    isConfigureSidebar: true,
-    handleGoBack: handleConfigureLinkClick,
-    navLink: {
-      label: label,
-      items: items
-    }
-  })), /*#__PURE__*/React__default.createElement(Button, {
-    className: "neeto-molecules-sidebar__toggler",
-    "data-cy": "configure-page-neeto-molecules-sidebar-toggler",
-    "data-testid": "configure-page-sidebar-toggleButton",
-    icon: function icon() {
-      return /*#__PURE__*/React__default.createElement(Chevron, null);
-    },
-    style: isLargerScreen() ? "text" : "secondary",
-    tooltipProps: {
-      content: isSidebarClosed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
-      position: "bottom"
-    },
-    onClick: function onClick() {
-      setIsSidebarCollapsed(!isSidebarCollapsed);
-      setIsSidebarPaneOpen(not);
-    }
-  }));
+    }),
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-sidebar__backdrop",
+      onClick: function onClick() {
+        setIsSidebarPaneOpen(false);
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode",
+      "data-testid": "configure-page-sidebar",
+      children: /*#__PURE__*/jsx(SelectedLink, {
+        isConfigureSidebar: true,
+        handleGoBack: handleConfigureLinkClick,
+        navLink: {
+          label: label,
+          items: items
+        }
+      })
+    }), /*#__PURE__*/jsx(Button, {
+      className: "neeto-molecules-sidebar__toggler",
+      "data-cy": "configure-page-neeto-molecules-sidebar-toggler",
+      "data-testid": "configure-page-sidebar-toggleButton",
+      icon: function icon() {
+        return /*#__PURE__*/jsx(Chevron, {});
+      },
+      style: isLargerScreen() ? "text" : "secondary",
+      tooltipProps: {
+        content: isSidebarClosed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
+        position: "bottom"
+      },
+      onClick: function onClick() {
+        setIsSidebarCollapsed(!isSidebarCollapsed);
+        setIsSidebarPaneOpen(not);
+      }
+    })]
+  });
 };
 
 export { ConfigurePageSidebar as default };

package/dist/ConfigurePageSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n\n  const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isLargerScreen = () => window.innerWidth > 768;\n  const isSidebarClosed = isLargerScreen()\n    ? isSidebarCollapsed\n    : not(isSidebarPaneOpen);\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (isLargerScreen()) return;\n      setIsSidebarPaneOpen(false);\n      setIsSidebarCollapsed(true);\n    };\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <div\n      data-testid=\"configure-page-sidebar-container\"\n      className={classnames(\n        \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n        {\n          \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n            ? isSidebarCollapsed\n            : not(isSidebarPaneOpen),\n        }\n      )}\n    >\n      <div\n        className=\"neeto-molecules-sidebar__backdrop\"\n        onClick={() => {\n          setIsSidebarPaneOpen(false);\n        }}\n      />\n      <div\n        className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode\"\n        data-testid=\"configure-page-sidebar\"\n      >\n        <SelectedLink\n          isConfigureSidebar\n          handleGoBack={handleConfigureLinkClick}\n          navLink={{ label, items }}\n        />\n      </div>\n      <Button\n        className=\"neeto-molecules-sidebar__toggler\"\n        data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n        data-testid=\"configure-page-sidebar-toggleButton\"\n        icon={() => <Chevron />}\n        style={isLargerScreen() ? \"text\" : \"secondary\"}\n        tooltipProps={{\n          content: isSidebarClosed\n            ? t(\"neetoMolecules.sidebar.showMenu\")\n            : t(\"neetoMolecules.sidebar.hideMenu\"),\n          position: \"bottom\",\n        }}\n        onClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n          setIsSidebarPaneOpen(not);\n        }}\n      />\n    </div>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  /**\n   * The route to the landing page of the configure screen.\n   * When the user clicks on the 'configure' text, they will be taken to the specified route.\n   */\n  configurePageRoute: PropTypes.string,\n  /**\n   * To specify the label to be shown on top of the sidebar.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the configure nav links to be shown in the sidebar.\n   */\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","React","createElement","className","classnames","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","icon","Chevron","style","tooltipProps","content","position"],"mappings":"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"}
+{"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n\n  const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isLargerScreen = () => window.innerWidth > 768;\n  const isSidebarClosed = isLargerScreen()\n    ? isSidebarCollapsed\n    : not(isSidebarPaneOpen);\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (isLargerScreen()) return;\n      setIsSidebarPaneOpen(false);\n      setIsSidebarCollapsed(true);\n    };\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <div\n      data-testid=\"configure-page-sidebar-container\"\n      className={classnames(\n        \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n        {\n          \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n            ? isSidebarCollapsed\n            : not(isSidebarPaneOpen),\n        }\n      )}\n    >\n      <div\n        className=\"neeto-molecules-sidebar__backdrop\"\n        onClick={() => {\n          setIsSidebarPaneOpen(false);\n        }}\n      />\n      <div\n        className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode\"\n        data-testid=\"configure-page-sidebar\"\n      >\n        <SelectedLink\n          isConfigureSidebar\n          handleGoBack={handleConfigureLinkClick}\n          navLink={{ label, items }}\n        />\n      </div>\n      <Button\n        className=\"neeto-molecules-sidebar__toggler\"\n        data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n        data-testid=\"configure-page-sidebar-toggleButton\"\n        icon={() => <Chevron />}\n        style={isLargerScreen() ? \"text\" : \"secondary\"}\n        tooltipProps={{\n          content: isSidebarClosed\n            ? t(\"neetoMolecules.sidebar.showMenu\")\n            : t(\"neetoMolecules.sidebar.hideMenu\"),\n          position: \"bottom\",\n        }}\n        onClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n          setIsSidebarPaneOpen(not);\n        }}\n      />\n    </div>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  /**\n   * The route to the landing page of the configure screen.\n   * When the user clicks on the 'configure' text, they will be taken to the specified route.\n   */\n  configurePageRoute: PropTypes.string,\n  /**\n   * To specify the label to be shown on top of the sidebar.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the configure nav links to be shown in the sidebar.\n   */\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","_jsxs","className","classnames","children","_jsx","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","icon","Chevron","style","tooltipProps","content","position"],"mappings":"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"}

package/dist/ConfirmationModal.js

@@ -1,4 +1,4 @@
-import React__default, { useRef } from 'react';
+import { useRef } from 'react';
 import Modal from '@bigbinary/neetoui/Modal';
 import Typography from '@bigbinary/neetoui/Typography';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -7,6 +7,7 @@ import Input from '@bigbinary/neetoui/formik/Input';
 import { type } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import * as yup from 'yup';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var INITIAL_VALUES = {
   confirmationText: ""
@@ -39,9 +40,9 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
     validationSchema: deletionValidationSchema(confirmationText),
     onSubmit: onSubmit
   };
-  var deleteInputLabel = deleteConfirmationMessage || /*#__PURE__*/React__default.createElement(Trans, {
+  var deleteInputLabel = deleteConfirmationMessage || /*#__PURE__*/jsx(Trans, {
     components: {
-      strong: /*#__PURE__*/React__default.createElement("strong", null)
+      strong: /*#__PURE__*/jsx("strong", {})
     },
     i18nKey: "neetoMolecules.confirmationModal.deleteConfirmationMessage",
     values: {
@@ -49,49 +50,60 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
     }
   });
   var initialFocusRef = useRef(null);
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/jsxs(Modal, {
     initialFocusRef: initialFocusRef,
     isOpen: isOpen,
     onClose: onClose,
-    "data-testid": "confirmation-modal"
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "confirmation-modal",
-    style: "h2"
-  }, title)), /*#__PURE__*/React__default.createElement(Form, {
-    formikProps: formikProps
-  }, function (_ref2) {
-    var values = _ref2.values;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Modal.Body, {
-      className: "space-y-4"
-    }, type(description) === "String" ? /*#__PURE__*/React__default.createElement(Typography, {
-      style: "body2"
-    }, description) : description, /*#__PURE__*/React__default.createElement(Input, {
-      "data-testid": "confirmation-modal-input",
-      label: deleteInputLabel,
-      labelProps: {
-        className: "block"
-      },
-      name: "confirmationText",
-      ref: initialFocusRef,
-      type: "text"
-    })), /*#__PURE__*/React__default.createElement(Modal.Footer, null, /*#__PURE__*/React__default.createElement(ActionBlock, {
-      className: "space-x-2",
-      cancelButtonProps: {
-        label: t("neetoMolecules.common.actions.cancel"),
-        style: "text",
-        onClick: onClose,
-        disabled: false,
-        type: "button"
-      },
-      submitButtonProps: {
-        "data-cy": "delete-continue-button",
-        label: buttonLabel,
-        loading: isSubmitting,
-        style: "danger",
-        disabled: isSubmitting || confirmationText !== values.confirmationText
+    "data-testid": "confirmation-modal",
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "confirmation-modal",
+        style: "h2",
+        children: title
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      formikProps: formikProps,
+      children: function children(_ref2) {
+        var values = _ref2.values;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsxs(Modal.Body, {
+            className: "space-y-4",
+            children: [type(description) === "String" ? /*#__PURE__*/jsx(Typography, {
+              style: "body2",
+              children: description
+            }) : description, /*#__PURE__*/jsx(Input, {
+              "data-testid": "confirmation-modal-input",
+              label: deleteInputLabel,
+              labelProps: {
+                className: "block"
+              },
+              name: "confirmationText",
+              ref: initialFocusRef,
+              type: "text"
+            })]
+          }), /*#__PURE__*/jsx(Modal.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              className: "space-x-2",
+              cancelButtonProps: {
+                label: t("neetoMolecules.common.actions.cancel"),
+                style: "text",
+                onClick: onClose,
+                disabled: false,
+                type: "button"
+              },
+              submitButtonProps: {
+                "data-cy": "delete-continue-button",
+                label: buttonLabel,
+                loading: isSubmitting,
+                style: "danger",
+                disabled: isSubmitting || confirmationText !== values.confirmationText
+              }
+            })
+          })]
+        });
       }
-    })));
-  }));
+    })]
+  });
 };
 
 export { ConfirmationModal as default };

package/dist/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 React, { 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","React","createElement","Trans","components","strong","i18nKey","values","value","initialFocusRef","useRef","Modal","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/Container.js

@@ -1,7 +1,8 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { p as propTypes } from './index-e5588516.js';
 import { n } from './inject-css-c86de496.js';
+import { jsx } from 'react/jsx-runtime';
 
 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}}";
 n(css,{});
@@ -12,12 +13,13 @@ var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     ref: ref,
     className: classnames("neeto-molecules-container", {
       "neeto-molecules-container--header-fixed": isHeaderFixed
-    }, className)
-  }, children);
+    }, className),
+    children: children
+  });
 });
 Container.displayName = "Container";
 Container.propTypes = {

package/dist/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../src/components/Container/index.jsx"],"sourcesContent":["import React, { 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","React","createElement","classnames","displayName","propTypes","PropTypes","bool","string"],"mappings":";;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,UAAU,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;EAAA,oBAChDC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACQP,IAAAA,GAAG,EAAHA,GAAG;AACTI,IAAAA,SAAS,EAAEI,UAAU,CACnB,2BAA2B,EAC3B;AAAE,MAAA,yCAAyC,EAAEN,aAAAA;AAAc,KAAC,EAC5DE,SACF,CAAA;AAAE,GAAA,EAEDC,QACE,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDR,SAAS,CAACY,WAAW,GAAG,WAAW,CAAA;AAEnCZ,SAAS,CAACa,SAAS,GAAG;AACpB;AACF;AACA;EACER,aAAa,EAAES,iBAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACER,SAAS,EAAEO,iBAAS,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,UAAU,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,GAAA,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,iBAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACEP,SAAS,EAAEM,iBAAS,CAACE,MAAAA;AACvB,CAAC;;;;"}

package/dist/CopyToClipboardButton.js

@@ -1,8 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
 import Copy from '@bigbinary/neeto-icons/Copy';
@@ -11,6 +10,7 @@ import Button from '@bigbinary/neetoui/Button';
 import { mergeAll } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { n } from './inject-css-c86de496.js';
+import { jsx } from 'react/jsx-runtime';
 
 var TIME_OUT = 2000;
 var TOOLTIP_CONFIG = {
@@ -23,6 +23,8 @@ var css = ".neeto-molecules-copy-button{display:flex;justify-content:space-betwe
 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(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,
@@ -64,7 +66,7 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
   }, tooltipProps]);
   var buttonLabel = isChecked && label ? successLabel || t("neetoMolecules.common.copied") : label;
   var buttonIcon = isChecked ? Check : icon;
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/jsx(Button, _objectSpread({
     ref: ref,
     style: style,
     "data-testid": "copy-button",

package/dist/CopyToClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardButton.js","sources":["../src/components/CopyToClipboardButton/constants.js","../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n  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 { 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","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 { 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/Currency.js

@@ -1,9 +1,10 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useMemo } from 'react';
+import { useMemo } from 'react';
 import Select from '@bigbinary/neetoui/Select';
 import { useTranslation } from 'react-i18next';
 import { isPresent, isNotEmpty } from '@bigbinary/neeto-cist';
+import { jsx } from 'react/jsx-runtime';
 import Select$1 from '@bigbinary/neetoui/formik/Select';
 
 var currencyData = [
@@ -874,6 +875,8 @@ 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(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,
@@ -883,13 +886,15 @@ var Currency = function Currency(_ref) {
   var data = useMemo(function () {
     return getCurrencies(allowedCurrencies);
   }, [allowedCurrencies]);
-  return /*#__PURE__*/React__default.createElement(Select, _extends({
+  return /*#__PURE__*/jsx(Select, _objectSpread$1({
     label: label || t("neetoMolecules.common.currency"),
     options: data
   }, otherSelectProps));
 };
 
 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(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,
@@ -901,7 +906,7 @@ var FormikCurrency = function FormikCurrency(_ref) {
   var data = useMemo(function () {
     return getCurrencies(allowedCurrencies);
   }, [allowedCurrencies]);
-  return /*#__PURE__*/React__default.createElement(Select$1, _extends({
+  return /*#__PURE__*/jsx(Select$1, _objectSpread({
     name: name,
     label: label || t("neetoMolecules.common.currency"),
     options: data

package/dist/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 React, { 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 React, { 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","React","createElement","Select","_extends","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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"}