@bigbinary/neeto-molecules 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Container.js CHANGED
@@ -9,12 +9,14 @@ n(css,{});
9
9
  var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
10
10
  var _ref$isHeaderFixed = _ref.isHeaderFixed,
11
11
  isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
12
+ _ref$className = _ref.className,
13
+ className = _ref$className === void 0 ? "" : _ref$className,
12
14
  children = _ref.children;
13
15
  return /*#__PURE__*/React__default.createElement("div", {
14
16
  ref: ref,
15
17
  className: classnames("neeto-molecules-container", {
16
18
  "neeto-molecules-container--header-fixed": isHeaderFixed
17
- })
19
+ }, className)
18
20
  }, children);
19
21
  });
20
22
  Container.displayName = "Container";
@@ -22,7 +24,11 @@ Container.propTypes = {
22
24
  /**
23
25
  * Decides whether the `Header` component should be stickied at the top on scroll.
24
26
  */
25
- isHeaderFixed: propTypes.exports.bool
27
+ isHeaderFixed: propTypes.exports.bool,
28
+ /**
29
+ * Additional classes to be added to the modal
30
+ */
31
+ className: propTypes.exports.string
26
32
  };
27
33
 
28
34
  export { Container as default };
@@ -1 +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(({ isHeaderFixed = false, children }, ref) => (\n <div\n ref={ref}\n className={classnames(\"neeto-molecules-container\", {\n \"neeto-molecules-container--header-fixed\": isHeaderFixed,\n })}\n >\n {children}\n </div>\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\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","children","React","createElement","className","classnames","displayName","propTypes","PropTypes","bool"],"mappings":";;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAsCC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtCG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,oBAC7DC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,SAAS,EAAEC,UAAU,CAAC,2BAA2B,EAAE;AACjD,MAAA,yCAAyC,EAAEL,aAAAA;KAC5C,CAAA;AAAE,GAAA,EAEFC,QACE,CAAC,CAAA;AAAA,CACP,EAAC;AAEFN,SAAS,CAACW,WAAW,GAAG,WAAW,CAAA;AAEnCX,SAAS,CAACY,SAAS,GAAG;AACpB;AACF;AACA;EACEP,aAAa,EAAEQ,iBAAS,CAACC,IAAAA;AAC3B,CAAC;;;;"}
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;;;;"}
@@ -67,7 +67,7 @@ var DeleteArchiveModal = function DeleteArchiveModal(_ref) {
67
67
  });
68
68
  }
69
69
  })), /*#__PURE__*/React__default.createElement(Modal.Footer, {
70
- className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center"
70
+ className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end"
71
71
  }, /*#__PURE__*/React__default.createElement(Button, {
72
72
  "data-cy": "delete-archive-alert-archive-button",
73
73
  disabled: not(isOpen),
@@ -1 +1 @@
1
- {"version":3,"file":"DeleteArchiveModal.js","sources":["../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n checkboxLabel = \"\",\n className = \"\",\n description = \"\",\n isArchiving = false,\n isDeleting = false,\n isOpen = false,\n onArchive = noop,\n onClose = noop,\n onDelete = noop,\n title = \"\",\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const handleClose = () => {\n setIsChecked(false);\n onClose();\n };\n\n useEffect(() => {\n if (not(isOpen)) setIsChecked(false);\n }, [isOpen]);\n\n return (\n <Modal\n {...{ className, isOpen }}\n data-cy=\"alert-box\"\n data-testid=\"delete-archive-modal\"\n onClose={handleClose}\n >\n <Modal.Header>\n <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-cy=\"delete-archive-alert-message\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {description}\n </Typography>\n <Checkbox\n checked={isChecked}\n className=\"mt-4\"\n data-cy=\"delete-archive-alert-archive-checkbox\"\n data-testid=\"delete-archive-alert-archive-checkbox\"\n label={checkboxLabel}\n onChange={() => setIsChecked(isChecked => !isChecked)}\n />\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center\">\n <Button\n data-cy=\"delete-archive-alert-archive-button\"\n disabled={not(isOpen)}\n label={t(\"neetoMolecules.common.actions.archive\")}\n loading={isArchiving}\n style=\"secondary\"\n onClick={onArchive}\n />\n <Button\n data-cy=\"delete-archive-alert-delete-button\"\n disabled={not(isChecked)}\n label={t(\"neetoMolecules.common.actions.delete\")}\n loading={isDeleting}\n style=\"danger\"\n onClick={onDelete}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nDeleteArchiveModal.propTypes = {\n /**\n * To specify whether the modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * To be passed to loading prop of the archive button\n */\n isArchiving: PropTypes.bool,\n /**\n * To be passed to loading prop of the delete button\n */\n isDeleting: PropTypes.bool,\n /**\n * Additional classes to be added to the modal\n */\n className: PropTypes.string,\n /**\n * Function to be called when the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Function to be called when the archive button is clicked\n */\n onArchive: PropTypes.func,\n /**\n * Function to be called when the delete button is clicked\n * */\n onDelete: PropTypes.func,\n /**\n * Title of the modal\n */\n title: PropTypes.string,\n /**\n * Description of the modal\n */\n description: PropTypes.string,\n /**\n * Label for the checkbox\n */\n checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","React","createElement","Modal","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}
1
+ {"version":3,"file":"DeleteArchiveModal.js","sources":["../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n checkboxLabel = \"\",\n className = \"\",\n description = \"\",\n isArchiving = false,\n isDeleting = false,\n isOpen = false,\n onArchive = noop,\n onClose = noop,\n onDelete = noop,\n title = \"\",\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const handleClose = () => {\n setIsChecked(false);\n onClose();\n };\n\n useEffect(() => {\n if (not(isOpen)) setIsChecked(false);\n }, [isOpen]);\n\n return (\n <Modal\n {...{ className, isOpen }}\n data-cy=\"alert-box\"\n data-testid=\"delete-archive-modal\"\n onClose={handleClose}\n >\n <Modal.Header>\n <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-cy=\"delete-archive-alert-message\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {description}\n </Typography>\n <Checkbox\n checked={isChecked}\n className=\"mt-4\"\n data-cy=\"delete-archive-alert-archive-checkbox\"\n data-testid=\"delete-archive-alert-archive-checkbox\"\n label={checkboxLabel}\n onChange={() => setIsChecked(isChecked => !isChecked)}\n />\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end\">\n <Button\n data-cy=\"delete-archive-alert-archive-button\"\n disabled={not(isOpen)}\n label={t(\"neetoMolecules.common.actions.archive\")}\n loading={isArchiving}\n style=\"secondary\"\n onClick={onArchive}\n />\n <Button\n data-cy=\"delete-archive-alert-delete-button\"\n disabled={not(isChecked)}\n label={t(\"neetoMolecules.common.actions.delete\")}\n loading={isDeleting}\n style=\"danger\"\n onClick={onDelete}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nDeleteArchiveModal.propTypes = {\n /**\n * To specify whether the modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * To be passed to loading prop of the archive button\n */\n isArchiving: PropTypes.bool,\n /**\n * To be passed to loading prop of the delete button\n */\n isDeleting: PropTypes.bool,\n /**\n * Additional classes to be added to the modal\n */\n className: PropTypes.string,\n /**\n * Function to be called when the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Function to be called when the archive button is clicked\n */\n onArchive: PropTypes.func,\n /**\n * Function to be called when the delete button is clicked\n * */\n onDelete: PropTypes.func,\n /**\n * Title of the modal\n */\n title: PropTypes.string,\n /**\n * Description of the modal\n */\n description: PropTypes.string,\n /**\n * Label for the checkbox\n */\n checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","React","createElement","Modal","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}
@@ -16,12 +16,14 @@ injectCss.n(css,{});
16
16
  var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
17
17
  var _ref$isHeaderFixed = _ref.isHeaderFixed,
18
18
  isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
19
+ _ref$className = _ref.className,
20
+ className = _ref$className === void 0 ? "" : _ref$className,
19
21
  children = _ref.children;
20
22
  return /*#__PURE__*/React__default["default"].createElement("div", {
21
23
  ref: ref,
22
24
  className: classnames__default["default"]("neeto-molecules-container", {
23
25
  "neeto-molecules-container--header-fixed": isHeaderFixed
24
- })
26
+ }, className)
25
27
  }, children);
26
28
  });
27
29
  Container.displayName = "Container";
@@ -29,7 +31,11 @@ Container.propTypes = {
29
31
  /**
30
32
  * Decides whether the `Header` component should be stickied at the top on scroll.
31
33
  */
32
- isHeaderFixed: index.propTypes.exports.bool
34
+ isHeaderFixed: index.propTypes.exports.bool,
35
+ /**
36
+ * Additional classes to be added to the modal
37
+ */
38
+ className: index.propTypes.exports.string
33
39
  };
34
40
 
35
41
  module.exports = Container;
@@ -1 +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(({ isHeaderFixed = false, children }, ref) => (\n <div\n ref={ref}\n className={classnames(\"neeto-molecules-container\", {\n \"neeto-molecules-container--header-fixed\": isHeaderFixed,\n })}\n >\n {children}\n </div>\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\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","children","React","createElement","className","classnames","displayName","propTypes","PropTypes","bool"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAsCC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtCG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,oBAC7DC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,SAAS,EAAEC,8BAAU,CAAC,2BAA2B,EAAE;AACjD,MAAA,yCAAyC,EAAEL,aAAAA;KAC5C,CAAA;AAAE,GAAA,EAEFC,QACE,CAAC,CAAA;AAAA,CACP,EAAC;AAEFN,SAAS,CAACW,WAAW,GAAG,WAAW,CAAA;AAEnCX,SAAS,CAACY,SAAS,GAAG;AACpB;AACF;AACA;EACEP,aAAa,EAAEQ,uBAAS,CAACC,IAAAA;AAC3B,CAAC;;;;"}
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,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;EAAA,oBAChDC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACQP,IAAAA,GAAG,EAAHA,GAAG;AACTI,IAAAA,SAAS,EAAEI,8BAAU,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,uBAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACER,SAAS,EAAEO,uBAAS,CAACE,MAAAA;AACvB,CAAC;;;;"}
@@ -78,7 +78,7 @@ var DeleteArchiveModal = function DeleteArchiveModal(_ref) {
78
78
  });
79
79
  }
80
80
  })), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
81
- className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center"
81
+ className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end"
82
82
  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
83
83
  "data-cy": "delete-archive-alert-archive-button",
84
84
  disabled: ramda.not(isOpen),
@@ -1 +1 @@
1
- {"version":3,"file":"DeleteArchiveModal.js","sources":["../../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n checkboxLabel = \"\",\n className = \"\",\n description = \"\",\n isArchiving = false,\n isDeleting = false,\n isOpen = false,\n onArchive = noop,\n onClose = noop,\n onDelete = noop,\n title = \"\",\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const handleClose = () => {\n setIsChecked(false);\n onClose();\n };\n\n useEffect(() => {\n if (not(isOpen)) setIsChecked(false);\n }, [isOpen]);\n\n return (\n <Modal\n {...{ className, isOpen }}\n data-cy=\"alert-box\"\n data-testid=\"delete-archive-modal\"\n onClose={handleClose}\n >\n <Modal.Header>\n <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-cy=\"delete-archive-alert-message\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {description}\n </Typography>\n <Checkbox\n checked={isChecked}\n className=\"mt-4\"\n data-cy=\"delete-archive-alert-archive-checkbox\"\n data-testid=\"delete-archive-alert-archive-checkbox\"\n label={checkboxLabel}\n onChange={() => setIsChecked(isChecked => !isChecked)}\n />\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center\">\n <Button\n data-cy=\"delete-archive-alert-archive-button\"\n disabled={not(isOpen)}\n label={t(\"neetoMolecules.common.actions.archive\")}\n loading={isArchiving}\n style=\"secondary\"\n onClick={onArchive}\n />\n <Button\n data-cy=\"delete-archive-alert-delete-button\"\n disabled={not(isChecked)}\n label={t(\"neetoMolecules.common.actions.delete\")}\n loading={isDeleting}\n style=\"danger\"\n onClick={onDelete}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nDeleteArchiveModal.propTypes = {\n /**\n * To specify whether the modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * To be passed to loading prop of the archive button\n */\n isArchiving: PropTypes.bool,\n /**\n * To be passed to loading prop of the delete button\n */\n isDeleting: PropTypes.bool,\n /**\n * Additional classes to be added to the modal\n */\n className: PropTypes.string,\n /**\n * Function to be called when the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Function to be called when the archive button is clicked\n */\n onArchive: PropTypes.func,\n /**\n * Function to be called when the delete button is clicked\n * */\n onDelete: PropTypes.func,\n /**\n * Title of the modal\n */\n title: PropTypes.string,\n /**\n * Description of the modal\n */\n description: PropTypes.string,\n /**\n * Label for the checkbox\n */\n checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","React","createElement","Modal","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}
1
+ {"version":3,"file":"DeleteArchiveModal.js","sources":["../../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n checkboxLabel = \"\",\n className = \"\",\n description = \"\",\n isArchiving = false,\n isDeleting = false,\n isOpen = false,\n onArchive = noop,\n onClose = noop,\n onDelete = noop,\n title = \"\",\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const handleClose = () => {\n setIsChecked(false);\n onClose();\n };\n\n useEffect(() => {\n if (not(isOpen)) setIsChecked(false);\n }, [isOpen]);\n\n return (\n <Modal\n {...{ className, isOpen }}\n data-cy=\"alert-box\"\n data-testid=\"delete-archive-modal\"\n onClose={handleClose}\n >\n <Modal.Header>\n <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-cy=\"delete-archive-alert-message\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {description}\n </Typography>\n <Checkbox\n checked={isChecked}\n className=\"mt-4\"\n data-cy=\"delete-archive-alert-archive-checkbox\"\n data-testid=\"delete-archive-alert-archive-checkbox\"\n label={checkboxLabel}\n onChange={() => setIsChecked(isChecked => !isChecked)}\n />\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end\">\n <Button\n data-cy=\"delete-archive-alert-archive-button\"\n disabled={not(isOpen)}\n label={t(\"neetoMolecules.common.actions.archive\")}\n loading={isArchiving}\n style=\"secondary\"\n onClick={onArchive}\n />\n <Button\n data-cy=\"delete-archive-alert-delete-button\"\n disabled={not(isChecked)}\n label={t(\"neetoMolecules.common.actions.delete\")}\n loading={isDeleting}\n style=\"danger\"\n onClick={onDelete}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nDeleteArchiveModal.propTypes = {\n /**\n * To specify whether the modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * To be passed to loading prop of the archive button\n */\n isArchiving: PropTypes.bool,\n /**\n * To be passed to loading prop of the delete button\n */\n isDeleting: PropTypes.bool,\n /**\n * Additional classes to be added to the modal\n */\n className: PropTypes.string,\n /**\n * Function to be called when the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Function to be called when the archive button is clicked\n */\n onArchive: PropTypes.func,\n /**\n * Function to be called when the delete button is clicked\n * */\n onDelete: PropTypes.func,\n /**\n * Title of the modal\n */\n title: PropTypes.string,\n /**\n * Description of the modal\n */\n description: PropTypes.string,\n /**\n * Label for the checkbox\n */\n checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","React","createElement","Modal","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-molecules",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "description": "A package of reusable molecular components for neeto products.",
5
5
  "repository": "git@github.com:bigbinary/neeto-molecules.git",
6
6
  "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -31,5 +31,6 @@ import React from "react";
31
31
  */
32
32
  const Container: React.FC<{
33
33
  isHeaderFixed?: boolean;
34
+ className?: string;
34
35
  }>;
35
36
  export default Container;