@onewelcome/react-lib-components 11.1.0-delta → 12.1.0-alpha

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.cjs.js","sources":["../../../../../src/components/Notifications/Dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DialogTitle.module.scss\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { IconButton } from \"../../../Button/IconButton\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst DialogTitleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, titleIcon, caption, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div\n        className={`${classes[\"headline\"]} ${caption ? classes[\"with-caption\"] : classes[\"no-caption\"]}`}\n      >\n        {titleIcon && (\n          <div className={classes[\"title-icon\"]}>\n            {typeof titleIcon === \"boolean\" ? <Icon icon={Icons.InfoCircle} /> : titleIcon}\n          </div>\n        )}\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            spacing={titleIcon && { marginLeft: 2 }}\n            tag=\"h1\"\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n          {caption && (\n            <Typography\n              className={classes[\"caption\"]}\n              spacing={{ marginLeft: 2 }}\n              variant=\"sub-text\"\n            >\n              {caption}\n            </Typography>\n          )}\n        </div>\n      </div>\n      {onClose && (\n        <IconButton onClick={onClose} className={classes[\"close-button\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n\nexport const DialogTitle = React.forwardRef(DialogTitleComponent);\n"],"names":["DialogTitle","React","forwardRef","id","title","titleIcon","caption","onClose","rest","ref","createElement","className","classes","default","Icon","icon","Icons","InfoCircle","Typography","spacing","marginLeft","tag","variant","IconButton","onClick","Times"],"mappings":"gSA0EaA,EAAcC,EAAMC,YA5C6C,EAC1EC,KAAIC,QAAOC,YAAWC,UAASC,aAAYC,GAC7CC,IAGER,EAAAS,cAAC,UAAQF,EAAMC,MAAUE,UAAWC,EAAAA,QAAgB,QAClDX,EAAAS,cAAC,MAAA,CACCC,UAAW,GAAGC,UAAkB,YAAKN,EAAUM,EAAAA,QAAQ,gBAAkBA,EAAQC,QAAA,iBAEhFR,GACEJ,EAAAS,cAAA,MAAA,CAAIC,UAAWC,EAAAC,QAAQ,eACA,kBAAdR,kBAA2BS,OAAK,CAAAC,KAAMC,QAAMC,aAAiBZ,GAGxEJ,EAAAS,cAAA,MAAA,CAAIC,UAAWC,EAAAA,QAAQ,kBACtBX,EAAAS,cAACQ,EAAAA,WAAA,CACCf,KACAQ,UAAWC,UAAe,MAC1BO,QAASd,GAAa,CAAEe,WAAY,GACpCC,IAAI,KACJC,QAAQ,MAEPlB,GAEFE,GACCL,EAAAS,cAACQ,EAAAA,WAAA,CACCP,UAAWC,UAAiB,QAC5BO,QAAS,CAAEC,WAAY,GACvBE,QAAQ,YAEPhB,KAKRC,GACCN,EAAAS,cAACa,cAAWC,QAASjB,EAASI,UAAWC,EAAAA,QAAQ,gBAAiBR,MAAM,eACrEH,EAAAS,cAAAI,EAAAA,KAAA,CAAKC,KAAMC,EAAMA,MAAAS"}

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.es.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Typography } from "../../../Typography/Typography.es.js";
+import classes from "./DialogTitle.module.scss.es.js";
+import { Icon, Icons } from "../../../Icon/Icon.es.js";
+import { IconButton } from "../../../Button/IconButton.es.js";
+const DialogTitleComponent = ({ id, title, titleIcon, caption, onClose, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement("div", { ...rest, ref, className: classes["header"] }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `${classes["headline"]} ${caption ? classes["with-caption"] : classes["no-caption"]}`
+    },
+    titleIcon && /* @__PURE__ */ React.createElement("div", { className: classes["title-icon"] }, typeof titleIcon === "boolean" ? /* @__PURE__ */ React.createElement(Icon, { icon: Icons.InfoCircle }) : titleIcon),
+    /* @__PURE__ */ React.createElement("div", { className: classes["title-wrapper"] }, /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        id,
+        className: classes["title"],
+        spacing: titleIcon && { marginLeft: 2 },
+        tag: "h1",
+        variant: "h4"
+      },
+      title
+    ), caption && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: classes["caption"],
+        spacing: { marginLeft: 2 },
+        variant: "sub-text"
+      },
+      caption
+    ))
+  ), onClose && /* @__PURE__ */ React.createElement(IconButton, { onClick: onClose, className: classes["close-button"], title: "close modal" }, /* @__PURE__ */ React.createElement(Icon, { icon: Icons.Times })));
+};
+const DialogTitle = React.forwardRef(DialogTitleComponent);
+export {
+  DialogTitle
+};
+//# sourceMappingURL=DialogTitle.es.js.map

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.es.js","sources":["../../../../../src/components/Notifications/Dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DialogTitle.module.scss\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { IconButton } from \"../../../Button/IconButton\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst DialogTitleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, titleIcon, caption, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div\n        className={`${classes[\"headline\"]} ${caption ? classes[\"with-caption\"] : classes[\"no-caption\"]}`}\n      >\n        {titleIcon && (\n          <div className={classes[\"title-icon\"]}>\n            {typeof titleIcon === \"boolean\" ? <Icon icon={Icons.InfoCircle} /> : titleIcon}\n          </div>\n        )}\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            spacing={titleIcon && { marginLeft: 2 }}\n            tag=\"h1\"\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n          {caption && (\n            <Typography\n              className={classes[\"caption\"]}\n              spacing={{ marginLeft: 2 }}\n              variant=\"sub-text\"\n            >\n              {caption}\n            </Typography>\n          )}\n        </div>\n      </div>\n      {onClose && (\n        <IconButton onClick={onClose} className={classes[\"close-button\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n\nexport const DialogTitle = React.forwardRef(DialogTitleComponent);\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,uBAAwE,CAC5E,EAAE,IAAI,OAAO,WAAW,SAAS,SAAS,GAAG,KAAK,GAClD,QACG;AAED,SAAA,sBAAA,cAAC,SAAK,GAAG,MAAM,KAAU,WAAW,QAAQ,QAAQ,EAClD,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,UAAU,CAAC,IAAI,UAAU,QAAQ,cAAc,IAAI,QAAQ,YAAY,CAAC;AAAA,IAAA;AAAA,IAE7F,aACE,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,YAAY,EACjC,GAAA,OAAO,cAAc,gDAAa,MAAK,EAAA,MAAM,MAAM,YAAY,IAAK,SACvE;AAAA,IAED,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,eAAe,KACrC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,QAAQ,OAAO;AAAA,QAC1B,SAAS,aAAa,EAAE,YAAY,EAAE;AAAA,QACtC,KAAI;AAAA,QACJ,SAAQ;AAAA,MAAA;AAAA,MAEP;AAAA,IAAA,GAEF,WACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,QAAQ,SAAS;AAAA,QAC5B,SAAS,EAAE,YAAY,EAAE;AAAA,QACzB,SAAQ;AAAA,MAAA;AAAA,MAEP;AAAA,IAGP,CAAA;AAAA,EAAA,GAED,WACC,sBAAA,cAAC,cAAW,SAAS,SAAS,WAAW,QAAQ,cAAc,GAAG,OAAM,iBACrE,sBAAA,cAAA,MAAA,EAAK,MAAM,MAAM,MAAO,CAAA,CAC3B,CAEJ;AAEJ;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DialogTitle_header_7l1Pc{margin:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc{display:flex;min-width:0}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc.DialogTitle_with-caption_7l1Pc{align-items:flex-start}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc.DialogTitle_no-caption_7l1Pc{align-items:center}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc .DialogTitle_title-wrapper_7l1Pc{min-width:0}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc .DialogTitle_title_7l1Pc{margin:0;line-height:1;color:var(--modal-title-color);overflow-wrap:break-word}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc .DialogTitle_title-icon_7l1Pc>[data-icon]{font-size:var(--font-size-big)}.DialogTitle_header_7l1Pc .DialogTitle_caption_7l1Pc{color:var(--color-blue-grey500)}.DialogTitle_header_7l1Pc .DialogTitle_close-button_7l1Pc{flex-shrink:0}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DialogTitle_header_7l1Pc",t="DialogTitle_headline_7l1Pc",l="DialogTitle_title_7l1Pc",i="DialogTitle_caption_7l1Pc",o={header:e,headline:t,"with-caption":"DialogTitle_with-caption_7l1Pc","no-caption":"DialogTitle_no-caption_7l1Pc","title-wrapper":"DialogTitle_title-wrapper_7l1Pc",title:l,"title-icon":"DialogTitle_title-icon_7l1Pc",caption:i,"close-button":"DialogTitle_close-button_7l1Pc"};exports.caption=i,exports.default=o,exports.header=e,exports.headline=t,exports.title=l;
+//# sourceMappingURL=DialogTitle.module.scss.cjs.js.map

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.es.js

@@ -0,0 +1,24 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DialogTitle_header_7l1Pc{margin:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc{display:flex;min-width:0}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc.DialogTitle_with-caption_7l1Pc{align-items:flex-start}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc.DialogTitle_no-caption_7l1Pc{align-items:center}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc .DialogTitle_title-wrapper_7l1Pc{min-width:0}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc .DialogTitle_title_7l1Pc{margin:0;line-height:1;color:var(--modal-title-color);overflow-wrap:break-word}.DialogTitle_header_7l1Pc .DialogTitle_headline_7l1Pc .DialogTitle_title-icon_7l1Pc>[data-icon]{font-size:var(--font-size-big)}.DialogTitle_header_7l1Pc .DialogTitle_caption_7l1Pc{color:var(--color-blue-grey500)}.DialogTitle_header_7l1Pc .DialogTitle_close-button_7l1Pc{flex-shrink:0}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const header = "DialogTitle_header_7l1Pc";
+const headline = "DialogTitle_headline_7l1Pc";
+const title = "DialogTitle_title_7l1Pc";
+const caption = "DialogTitle_caption_7l1Pc";
+const classes = {
+  header,
+  headline,
+  "with-caption": "DialogTitle_with-caption_7l1Pc",
+  "no-caption": "DialogTitle_no-caption_7l1Pc",
+  "title-wrapper": "DialogTitle_title-wrapper_7l1Pc",
+  title,
+  "title-icon": "DialogTitle_title-icon_7l1Pc",
+  caption,
+  "close-button": "DialogTitle_close-button_7l1Pc"
+};
+export {
+  caption,
+  classes as default,
+  header,
+  headline,
+  title
+};
+//# sourceMappingURL=DialogTitle.module.scss.es.js.map

package/dist/components/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../../Dialog/Dialog.cjs.js"),o=require("../../../Typography/Typography.cjs.js"),n=e.forwardRef((({open:n,onKeepEditing:t,onDiscardChanges:i,discardChangesButtonLabel:r,keepEditingButtonLabel:c,contentLabel:l,titleLabel:s,cancelAction:g,...p},d)=>e.createElement(a.Dialog,{...p,ref:d,open:n,title:s,onClose:t,cancelAction:g,primaryAction:{label:r,onClick:i},secondaryAction:{label:c,onClick:t},disableEscapeKeyDown:!1},e.createElement(o.Typography,{variant:"body",spacing:{margin:0}},l))));exports.DiscardChangesDialog=n;
+//# sourceMappingURL=DiscardChangesDialog.cjs.js.map

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscardChangesDialog.cjs.js","sources":["../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Dialog } from \"../../Dialog/Dialog\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { DataAttributeKey } from \"../../../../interfaces\";\nimport { CancelAction } from \"../../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  open: boolean;\n  discardChangesButtonLabel: string;\n  keepEditingButtonLabel: string;\n  cancelAction?: CancelAction;\n  contentLabel: string;\n  titleLabel: string;\n\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  [dataAttribute: DataAttributeKey]: any;\n\n  onKeepEditing: () => void;\n  onDiscardChanges: () => void;\n}\n\nconst DiscardChangesDialogComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    open,\n    onKeepEditing,\n    onDiscardChanges,\n    discardChangesButtonLabel,\n    keepEditingButtonLabel,\n    contentLabel,\n    titleLabel,\n    cancelAction,\n    ...rest\n  }: Props,\n  ref\n) => {\n  return (\n    <Dialog\n      {...rest}\n      ref={ref}\n      open={open}\n      title={titleLabel}\n      onClose={onKeepEditing}\n      cancelAction={cancelAction}\n      primaryAction={{\n        label: discardChangesButtonLabel,\n        onClick: onDiscardChanges\n      }}\n      secondaryAction={{\n        label: keepEditingButtonLabel,\n        onClick: onKeepEditing\n      }}\n      disableEscapeKeyDown={false}\n    >\n      <Typography variant=\"body\" spacing={{ margin: 0 }}>\n        {contentLabel}\n      </Typography>\n    </Dialog>\n  );\n};\n\nexport const DiscardChangesDialog = React.forwardRef(DiscardChangesDialogComponent);\n"],"names":["DiscardChangesDialog","React","forwardRef","open","onKeepEditing","onDiscardChanges","discardChangesButtonLabel","keepEditingButtonLabel","contentLabel","titleLabel","cancelAction","rest","ref","createElement","Dialog","title","onClose","primaryAction","label","onClick","secondaryAction","disableEscapeKeyDown","Typography","variant","spacing","margin"],"mappings":"oMA4EaA,EAAuBC,EAAMC,YAvC6C,EAEnFC,OACAC,gBACAC,mBACAC,4BACAC,yBACAC,eACAC,aACAC,kBACGC,GAELC,IAGEX,EAAAY,cAACC,EAAAA,OAAA,IACKH,EACJC,MACAT,OACAY,MAAON,EACPO,QAASZ,EACTM,eACAO,cAAe,CACbC,MAAOZ,EACPa,QAASd,GAEXe,gBAAiB,CACfF,MAAOX,EACPY,QAASf,GAEXiB,sBAAsB,GAEtBpB,EAAAY,cAACS,cAAWC,QAAQ,OAAOC,QAAS,CAAEC,OAAQ,IAC3CjB"}

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.es.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { Dialog } from "../../Dialog/Dialog.es.js";
+import { Typography } from "../../../Typography/Typography.es.js";
+const DiscardChangesDialogComponent = ({
+  open,
+  onKeepEditing,
+  onDiscardChanges,
+  discardChangesButtonLabel,
+  keepEditingButtonLabel,
+  contentLabel,
+  titleLabel,
+  cancelAction,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    Dialog,
+    {
+      ...rest,
+      ref,
+      open,
+      title: titleLabel,
+      onClose: onKeepEditing,
+      cancelAction,
+      primaryAction: {
+        label: discardChangesButtonLabel,
+        onClick: onDiscardChanges
+      },
+      secondaryAction: {
+        label: keepEditingButtonLabel,
+        onClick: onKeepEditing
+      },
+      disableEscapeKeyDown: false
+    },
+    /* @__PURE__ */ React.createElement(Typography, { variant: "body", spacing: { margin: 0 } }, contentLabel)
+  );
+};
+const DiscardChangesDialog = React.forwardRef(DiscardChangesDialogComponent);
+export {
+  DiscardChangesDialog
+};
+//# sourceMappingURL=DiscardChangesDialog.es.js.map

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscardChangesDialog.es.js","sources":["../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Dialog } from \"../../Dialog/Dialog\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { DataAttributeKey } from \"../../../../interfaces\";\nimport { CancelAction } from \"../../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  open: boolean;\n  discardChangesButtonLabel: string;\n  keepEditingButtonLabel: string;\n  cancelAction?: CancelAction;\n  contentLabel: string;\n  titleLabel: string;\n\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  [dataAttribute: DataAttributeKey]: any;\n\n  onKeepEditing: () => void;\n  onDiscardChanges: () => void;\n}\n\nconst DiscardChangesDialogComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    open,\n    onKeepEditing,\n    onDiscardChanges,\n    discardChangesButtonLabel,\n    keepEditingButtonLabel,\n    contentLabel,\n    titleLabel,\n    cancelAction,\n    ...rest\n  }: Props,\n  ref\n) => {\n  return (\n    <Dialog\n      {...rest}\n      ref={ref}\n      open={open}\n      title={titleLabel}\n      onClose={onKeepEditing}\n      cancelAction={cancelAction}\n      primaryAction={{\n        label: discardChangesButtonLabel,\n        onClick: onDiscardChanges\n      }}\n      secondaryAction={{\n        label: keepEditingButtonLabel,\n        onClick: onKeepEditing\n      }}\n      disableEscapeKeyDown={false}\n    >\n      <Typography variant=\"body\" spacing={{ margin: 0 }}>\n        {contentLabel}\n      </Typography>\n    </Dialog>\n  );\n};\n\nexport const DiscardChangesDialog = React.forwardRef(DiscardChangesDialogComponent);\n"],"names":[],"mappings":";;;AAqCA,MAAM,gCAAiF,CACrF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AAED,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT;AAAA,MACA,eAAe;AAAA,QACb,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,sBAAsB;AAAA,IAAA;AAAA,IAEtB,sBAAA,cAAC,cAAW,SAAQ,QAAO,SAAS,EAAE,QAAQ,EAAE,EAAA,GAC7C,YACH;AAAA,EACF;AAEJ;AAEa,MAAA,uBAAuB,MAAM,WAAW,6BAA6B;"}

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./DiscardChangesDialog/DiscardChangesDialog.cjs.js"),s=require("../BaseModal/BaseModal.cjs.js"),r=require("../BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");exports.DiscardChangesModal=({id:o,children:d,headerProps:l,discardChangedDialogProps:n,modalRef:i,dialogRef:t,onClose:c,hasUnsavedChanges:g,...h})=>{const[u,C]=e.useState(!1),D=()=>g()?C(!0):c();return e.createElement(e.Fragment,null,e.createElement(s.BaseModal,{id:o,ref:i,onClose:D,...h},e.createElement(r.BaseModalHeader,{...l,id:`${o}-label`,onClose:D}),d),e.createElement(a.DiscardChangesDialog,{...n,ref:t,open:u,onKeepEditing:()=>{C(!1)},onDiscardChanges:()=>{C(!1),c()}}))};
+//# sourceMappingURL=DiscardChangesModal.cjs.js.map

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscardChangesModal.cjs.js","sources":["../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useState } from \"react\";\nimport { Modal, Props as ModalProps } from \"../Modal/Modal\";\nimport { ModalHeader, Props as ModalHeaderProps } from \"../Modal/ModalHeader/ModalHeader\";\nimport {\n  DiscardChangesDialog,\n  Props as DiscardChangesDialogProps\n} from \"./DiscardChangesDialog/DiscardChangesDialog\";\n\nexport interface Props extends Omit<ModalProps, \"onClose\"> {\n  hasUnsavedChanges: () => boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  headerProps: Omit<ModalHeaderProps, \"onClose\" | \"id\">;\n  discardChangedDialogProps: Omit<\n    DiscardChangesDialogProps,\n    \"open\" | \"onKeepEditing\" | \"onDiscardChanges\"\n  >;\n  modalRef?: React.RefObject<HTMLDivElement>;\n  dialogRef?: React.RefObject<HTMLDivElement>;\n}\n\nexport const DiscardChangesModal = ({\n  id,\n  children,\n  headerProps,\n  discardChangedDialogProps,\n  modalRef,\n  dialogRef,\n  onClose,\n  hasUnsavedChanges,\n  ...rest\n}: Props) => {\n  const [openDiscardChangesDialog, setOpenDiscardChangesDialog] = useState(false);\n\n  const onCloseWrapper = () =>\n    hasUnsavedChanges() ? setOpenDiscardChangesDialog(true) : onClose();\n\n  const onDialogKeepEditing = () => {\n    setOpenDiscardChangesDialog(false);\n  };\n\n  const onDialogDiscardChanges = () => {\n    setOpenDiscardChangesDialog(false);\n    onClose();\n  };\n\n  return (\n    <Fragment>\n      <Modal id={id} ref={modalRef} onClose={onCloseWrapper} {...rest}>\n        <ModalHeader {...headerProps} id={`${id}-label`} onClose={onCloseWrapper} />\n        {children}\n      </Modal>\n      <DiscardChangesDialog\n        {...discardChangedDialogProps}\n        ref={dialogRef}\n        open={openDiscardChangesDialog}\n        onKeepEditing={onDialogKeepEditing}\n        onDiscardChanges={onDialogDiscardChanges}\n      />\n    </Fragment>\n  );\n};\n"],"names":["id","children","headerProps","discardChangedDialogProps","modalRef","dialogRef","onClose","hasUnsavedChanges","rest","openDiscardChangesDialog","setOpenDiscardChangesDialog","useState","onCloseWrapper","React","createElement","Fragment","Modal","ref","ModalHeader","BaseModalHeader","DiscardChangesDialog","open","onKeepEditing","onDiscardChanges"],"mappings":"iTAoCmC,EACjCA,KACAC,WACAC,cACAC,4BACAC,WACAC,YACAC,UACAC,uBACGC,MAEH,MAAOC,EAA0BC,GAA+BC,EAAAA,UAAS,GAEnEC,EAAiB,IACrBL,IAAsBG,GAA4B,GAAQJ,IAY1D,OAAAO,EAAAC,cAACC,EAAAA,cACEF,EAAAC,cAAAE,EAAAA,UAAA,CAAMhB,KAAQiB,IAAKb,EAAUE,QAASM,KAAoBJ,mBACxDU,EAAaC,gBAAA,IAAGjB,EAAaF,GAAI,GAAGA,UAAYM,QAASM,IACzDX,GAEHY,EAAAC,cAACM,EAAAA,qBAAA,IACKjB,EACJc,IAAKZ,EACLgB,KAAMZ,EACNa,cAnBsB,KAC1BZ,GAA4B,EAAK,EAmB7Ba,iBAhByB,KAC7Bb,GAA4B,GACpBJ,GAAA,IAgBR"}

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesModal.es.js

@@ -0,0 +1,39 @@
+import React, { useState, Fragment } from "react";
+import { DiscardChangesDialog } from "./DiscardChangesDialog/DiscardChangesDialog.es.js";
+import { BaseModal } from "../BaseModal/BaseModal.es.js";
+import { BaseModalHeader } from "../BaseModal/BaseModalHeader/BaseModalHeader.es.js";
+const DiscardChangesModal = ({
+  id,
+  children,
+  headerProps,
+  discardChangedDialogProps,
+  modalRef,
+  dialogRef,
+  onClose,
+  hasUnsavedChanges,
+  ...rest
+}) => {
+  const [openDiscardChangesDialog, setOpenDiscardChangesDialog] = useState(false);
+  const onCloseWrapper = () => hasUnsavedChanges() ? setOpenDiscardChangesDialog(true) : onClose();
+  const onDialogKeepEditing = () => {
+    setOpenDiscardChangesDialog(false);
+  };
+  const onDialogDiscardChanges = () => {
+    setOpenDiscardChangesDialog(false);
+    onClose();
+  };
+  return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(BaseModal, { id, ref: modalRef, onClose: onCloseWrapper, ...rest }, /* @__PURE__ */ React.createElement(BaseModalHeader, { ...headerProps, id: `${id}-label`, onClose: onCloseWrapper }), children), /* @__PURE__ */ React.createElement(
+    DiscardChangesDialog,
+    {
+      ...discardChangedDialogProps,
+      ref: dialogRef,
+      open: openDiscardChangesDialog,
+      onKeepEditing: onDialogKeepEditing,
+      onDiscardChanges: onDialogDiscardChanges
+    }
+  ));
+};
+export {
+  DiscardChangesModal
+};
+//# sourceMappingURL=DiscardChangesModal.es.js.map

package/dist/components/Notifications/DiscardChangesModal/DiscardChangesModal.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscardChangesModal.es.js","sources":["../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useState } from \"react\";\nimport { Modal, Props as ModalProps } from \"../Modal/Modal\";\nimport { ModalHeader, Props as ModalHeaderProps } from \"../Modal/ModalHeader/ModalHeader\";\nimport {\n  DiscardChangesDialog,\n  Props as DiscardChangesDialogProps\n} from \"./DiscardChangesDialog/DiscardChangesDialog\";\n\nexport interface Props extends Omit<ModalProps, \"onClose\"> {\n  hasUnsavedChanges: () => boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  headerProps: Omit<ModalHeaderProps, \"onClose\" | \"id\">;\n  discardChangedDialogProps: Omit<\n    DiscardChangesDialogProps,\n    \"open\" | \"onKeepEditing\" | \"onDiscardChanges\"\n  >;\n  modalRef?: React.RefObject<HTMLDivElement>;\n  dialogRef?: React.RefObject<HTMLDivElement>;\n}\n\nexport const DiscardChangesModal = ({\n  id,\n  children,\n  headerProps,\n  discardChangedDialogProps,\n  modalRef,\n  dialogRef,\n  onClose,\n  hasUnsavedChanges,\n  ...rest\n}: Props) => {\n  const [openDiscardChangesDialog, setOpenDiscardChangesDialog] = useState(false);\n\n  const onCloseWrapper = () =>\n    hasUnsavedChanges() ? setOpenDiscardChangesDialog(true) : onClose();\n\n  const onDialogKeepEditing = () => {\n    setOpenDiscardChangesDialog(false);\n  };\n\n  const onDialogDiscardChanges = () => {\n    setOpenDiscardChangesDialog(false);\n    onClose();\n  };\n\n  return (\n    <Fragment>\n      <Modal id={id} ref={modalRef} onClose={onCloseWrapper} {...rest}>\n        <ModalHeader {...headerProps} id={`${id}-label`} onClose={onCloseWrapper} />\n        {children}\n      </Modal>\n      <DiscardChangesDialog\n        {...discardChangedDialogProps}\n        ref={dialogRef}\n        open={openDiscardChangesDialog}\n        onKeepEditing={onDialogKeepEditing}\n        onDiscardChanges={onDialogDiscardChanges}\n      />\n    </Fragment>\n  );\n};\n"],"names":["Modal","ModalHeader"],"mappings":";;;;AAoCO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,CAAC,0BAA0B,2BAA2B,IAAI,SAAS,KAAK;AAE9E,QAAM,iBAAiB,MACrB,kBAAA,IAAsB,4BAA4B,IAAI,IAAI,QAAQ;AAEpE,QAAM,sBAAsB,MAAM;AAChC,gCAA4B,KAAK;AAAA,EACnC;AAEA,QAAM,yBAAyB,MAAM;AACnC,gCAA4B,KAAK;AACzB,YAAA;AAAA,EACV;AAGE,SAAA,sBAAA,cAAC,gBACE,sBAAA,cAAAA,WAAA,EAAM,IAAQ,KAAK,UAAU,SAAS,gBAAiB,GAAG,KAAA,uCACxDC,iBAAa,EAAA,GAAG,aAAa,IAAI,GAAG,EAAE,UAAU,SAAS,eAAgB,CAAA,GACzE,QACH,GACA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM;AAAA,MACN,eAAe;AAAA,MACf,kBAAkB;AAAA,IAAA;AAAA,EAAA,CAEtB;AAEJ;"}

package/dist/components/Notifications/NotificationProvider/NotificationContext.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./NotificationService.cjs.js"),a=require("../../../util/helper.cjs.js"),s=require("../Alert/useAlert.cjs.js"),i={notifications:[]},r=({translations:i={},dispatchFn:r})=>{const{enqueueErrorAlert:n,enqueueSuccessAlert:d}=s.useAlert(),{state:{notifications:c}}=o(),l=a.deepMerge(t.defaultTranslations,i),u=e=>{if(e.message)return e.message;switch(e.status){case 500:default:return l.messages.general;case 400:return l.messages.badRequest;case 401:return l.messages.unauthorized;case 403:return l.messages.forbidden;case 404:return l.messages.notFound;case 502:case 503:return l.messages.unavailable;case 504:return l.messages.timeout}};return e.useEffect((()=>{c.forEach((e=>{e.status&&e.handled&&(401===e.status||403===e.status)?r({type:"remove",payload:{id:e.id}}):e.status&&!e.handled&&"error"===e.type?(n({title:e.title??l.general.error,content:u(e),onClose:()=>r({type:"remove",payload:{id:e.id}})}),r({type:"handled",payload:{id:e.id,handled:!0}})):e.title&&!e.handled&&"success"===e.type&&(d({title:e.title??l.general.success,content:e.message,onClose:()=>r({type:"remove",payload:{id:e.id}})}),r({type:"handled",payload:{id:e.id,handled:!0}}))}))}),[c.length]),null},n=e.createContext({state:i,dispatch:()=>{}}),o=()=>{const t=e.useContext(n),a=e.useCallback((e=>{t.dispatch({type:"add",payload:e})}),[t]),s=e.useCallback((e=>{t.dispatch({type:"remove",payload:{id:e}})}),[t]),i=e.useCallback((()=>{t.dispatch({type:"reset"})}),[t]);return{state:t.state,addNotification:a,removeNotification:s,resetNotifications:i}},d=(e,t)=>{switch(t.type){case"add":return{...e,notifications:[...e.notifications,{...t.payload,id:a.generateID(),handled:!1}]};case"remove":return{...e,notifications:e.notifications.filter((e=>{var a;return e.id!==(null==(a=t.payload)?void 0:a.id)}))};case"handled":return{...e,notifications:e.notifications.map((e=>{var a;return e.id===(null==(a=t.payload)?void 0:a.id)?{...e,handled:!0}:e}))};case"reset":return{...e,notifications:[]};default:return e}};exports.NotificationContext=n,exports.NotificationHandler=r,exports.NotificationProvider=({children:t,translations:a})=>{const[s,o]=e.useReducer(d,i);return e.createElement(n.Provider,{value:{state:s,dispatch:o}},t,e.createElement(r,{translations:a,dispatchFn:o}))},exports.notificationReducer=d,exports.useNotificationContext=o;
+//# sourceMappingURL=NotificationContext.cjs.js.map

package/dist/components/Notifications/NotificationProvider/NotificationContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContext.cjs.js","sources":["../../../../src/components/Notifications/NotificationProvider/NotificationContext.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer\n} from \"react\";\nimport {\n  Notification,\n  ErrorNotification,\n  SuccessNotification,\n  Translations,\n  AddNotification\n} from \"./notification.interfaces\";\nimport { defaultTranslations } from \"./NotificationService\";\nimport { deepMerge, generateID } from \"../../../util/helper\";\nimport { DeepPartial } from \"../../../interfaces\";\nimport { useAlert } from \"../Alert/useAlert\";\n\ninterface NotificationState {\n  notifications: Notification<ErrorNotification | SuccessNotification>[];\n}\n\nexport interface NotificationAction {\n  type: \"add\" | \"remove\" | \"handled\" | \"reset\";\n  payload?: Notification<ErrorNotification | SuccessNotification> & {\n    id?: string;\n    handled?: boolean;\n  };\n}\n\nconst initialState: NotificationState = {\n  notifications: []\n};\n\nexport interface NotificationHandlerProps {\n  translations?: DeepPartial<Translations>;\n  dispatchFn: React.Dispatch<NotificationAction>;\n}\n\nexport const NotificationHandler = ({\n  translations = {},\n  dispatchFn\n}: NotificationHandlerProps) => {\n  const { enqueueErrorAlert, enqueueSuccessAlert } = useAlert();\n  const {\n    state: { notifications }\n  } = useNotificationContext();\n\n  const mergedTranslations = deepMerge<Translations>(defaultTranslations, translations);\n\n  const determineNotificationMessage = (notification: Notification<ErrorNotification>) => {\n    if (notification.message) {\n      return notification.message;\n    }\n\n    switch (notification.status) {\n      case 500:\n        return mergedTranslations.messages.general;\n      case 400:\n        return mergedTranslations.messages.badRequest;\n      case 401:\n        return mergedTranslations.messages.unauthorized;\n      case 403:\n        return mergedTranslations.messages.forbidden;\n      case 404:\n        return mergedTranslations.messages.notFound;\n      case 502:\n      case 503:\n        return mergedTranslations.messages.unavailable;\n      case 504:\n        return mergedTranslations.messages.timeout;\n      default:\n        return mergedTranslations.messages.general;\n    }\n  };\n\n  useEffect(() => {\n    notifications.forEach(notification => {\n      if (\n        notification.status &&\n        notification.handled &&\n        (notification.status === 401 || notification.status === 403)\n      ) {\n        dispatchFn({ type: \"remove\", payload: { id: notification.id } });\n      } else if (notification.status && !notification.handled && notification.type === \"error\") {\n        enqueueErrorAlert({\n          title: notification.title ?? mergedTranslations.general.error,\n          content: determineNotificationMessage(notification as Notification<ErrorNotification>),\n          onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n        });\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      } else if (notification.title && !notification.handled && notification.type === \"success\") {\n        enqueueSuccessAlert({\n          title: notification.title ?? mergedTranslations.general.success,\n          content: notification.message,\n          onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n        });\n\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      }\n    });\n  }, [notifications.length]);\n\n  return null;\n};\n\nexport const NotificationContext = createContext<{\n  state: NotificationState;\n  dispatch: React.Dispatch<NotificationAction>;\n}>({\n  state: initialState,\n  dispatch: () => undefined\n});\n\nexport interface Props {\n  children?: ReactNode;\n  translations?: DeepPartial<Translations>;\n}\n\nexport const NotificationProvider = ({ children, translations }: Props) => {\n  const [state, dispatch] = useReducer(notificationReducer, initialState);\n\n  return (\n    <NotificationContext.Provider value={{ state, dispatch }}>\n      {children}\n      <NotificationHandler translations={translations} dispatchFn={dispatch} />\n    </NotificationContext.Provider>\n  );\n};\n\nexport const useNotificationContext = () => {\n  const ctx = useContext(NotificationContext);\n\n  const addNotification = useCallback(\n    (notification: AddNotification) => {\n      ctx.dispatch({ type: \"add\", payload: notification });\n    },\n    [ctx]\n  );\n\n  const removeNotification = useCallback(\n    (id: string) => {\n      ctx.dispatch({ type: \"remove\", payload: { id } });\n    },\n    [ctx]\n  );\n\n  const resetNotifications = useCallback(() => {\n    ctx.dispatch({ type: \"reset\" });\n  }, [ctx]);\n\n  return {\n    state: ctx.state,\n    addNotification,\n    removeNotification,\n    resetNotifications\n  };\n};\n\nexport const notificationReducer = (\n  state: NotificationState,\n  action: NotificationAction\n): NotificationState => {\n  switch (action.type) {\n    case \"add\":\n      return {\n        ...state,\n        notifications: [\n          ...state.notifications,\n          {\n            ...action.payload,\n            id: generateID(),\n            handled: false\n          }\n        ]\n      };\n    case \"remove\":\n      return {\n        ...state,\n        notifications: state.notifications.filter(\n          notification => notification.id !== action.payload?.id\n        )\n      };\n    case \"handled\":\n      return {\n        ...state,\n        notifications: state.notifications.map(notification =>\n          notification.id === action.payload?.id ? { ...notification, handled: true } : notification\n        )\n      };\n    case \"reset\":\n      return {\n        ...state,\n        notifications: []\n      };\n    default:\n      return state;\n  }\n};\n"],"names":["initialState","notifications","NotificationHandler","translations","dispatchFn","enqueueErrorAlert","enqueueSuccessAlert","useAlert","state","useNotificationContext","mergedTranslations","deepMerge","defaultTranslations","determineNotificationMessage","notification","message","status","messages","general","badRequest","unauthorized","forbidden","notFound","unavailable","timeout","useEffect","forEach","handled","type","payload","id","title","error","content","onClose","success","length","NotificationContext","createContext","dispatch","ctx","useContext","addNotification","useCallback","removeNotification","resetNotifications","notificationReducer","action","generateID","filter","_a","map","children","useReducer","React","createElement","Provider","value"],"mappings":"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"}

package/dist/components/Notifications/NotificationProvider/NotificationContext.es.js

@@ -0,0 +1,146 @@
+import React, { useReducer, createContext, useContext, useCallback, useEffect } from "react";
+import { defaultTranslations } from "./NotificationService.es.js";
+import { generateID, deepMerge } from "../../../util/helper.es.js";
+import { useAlert } from "../Alert/useAlert.es.js";
+const initialState = {
+  notifications: []
+};
+const NotificationHandler = ({
+  translations = {},
+  dispatchFn
+}) => {
+  const { enqueueErrorAlert, enqueueSuccessAlert } = useAlert();
+  const {
+    state: { notifications }
+  } = useNotificationContext();
+  const mergedTranslations = deepMerge(defaultTranslations, translations);
+  const determineNotificationMessage = (notification) => {
+    if (notification.message) {
+      return notification.message;
+    }
+    switch (notification.status) {
+      case 500:
+        return mergedTranslations.messages.general;
+      case 400:
+        return mergedTranslations.messages.badRequest;
+      case 401:
+        return mergedTranslations.messages.unauthorized;
+      case 403:
+        return mergedTranslations.messages.forbidden;
+      case 404:
+        return mergedTranslations.messages.notFound;
+      case 502:
+      case 503:
+        return mergedTranslations.messages.unavailable;
+      case 504:
+        return mergedTranslations.messages.timeout;
+      default:
+        return mergedTranslations.messages.general;
+    }
+  };
+  useEffect(() => {
+    notifications.forEach((notification) => {
+      if (notification.status && notification.handled && (notification.status === 401 || notification.status === 403)) {
+        dispatchFn({ type: "remove", payload: { id: notification.id } });
+      } else if (notification.status && !notification.handled && notification.type === "error") {
+        enqueueErrorAlert({
+          title: notification.title ?? mergedTranslations.general.error,
+          content: determineNotificationMessage(notification),
+          onClose: () => dispatchFn({ type: "remove", payload: { id: notification.id } })
+        });
+        dispatchFn({ type: "handled", payload: { id: notification.id, handled: true } });
+      } else if (notification.title && !notification.handled && notification.type === "success") {
+        enqueueSuccessAlert({
+          title: notification.title ?? mergedTranslations.general.success,
+          content: notification.message,
+          onClose: () => dispatchFn({ type: "remove", payload: { id: notification.id } })
+        });
+        dispatchFn({ type: "handled", payload: { id: notification.id, handled: true } });
+      }
+    });
+  }, [notifications.length]);
+  return null;
+};
+const NotificationContext = createContext({
+  state: initialState,
+  dispatch: () => void 0
+});
+const NotificationProvider = ({ children, translations }) => {
+  const [state, dispatch] = useReducer(notificationReducer, initialState);
+  return /* @__PURE__ */ React.createElement(NotificationContext.Provider, { value: { state, dispatch } }, children, /* @__PURE__ */ React.createElement(NotificationHandler, { translations, dispatchFn: dispatch }));
+};
+const useNotificationContext = () => {
+  const ctx = useContext(NotificationContext);
+  const addNotification = useCallback(
+    (notification) => {
+      ctx.dispatch({ type: "add", payload: notification });
+    },
+    [ctx]
+  );
+  const removeNotification = useCallback(
+    (id) => {
+      ctx.dispatch({ type: "remove", payload: { id } });
+    },
+    [ctx]
+  );
+  const resetNotifications = useCallback(() => {
+    ctx.dispatch({ type: "reset" });
+  }, [ctx]);
+  return {
+    state: ctx.state,
+    addNotification,
+    removeNotification,
+    resetNotifications
+  };
+};
+const notificationReducer = (state, action) => {
+  switch (action.type) {
+    case "add":
+      return {
+        ...state,
+        notifications: [
+          ...state.notifications,
+          {
+            ...action.payload,
+            id: generateID(),
+            handled: false
+          }
+        ]
+      };
+    case "remove":
+      return {
+        ...state,
+        notifications: state.notifications.filter(
+          (notification) => {
+            var _a;
+            return notification.id !== ((_a = action.payload) == null ? void 0 : _a.id);
+          }
+        )
+      };
+    case "handled":
+      return {
+        ...state,
+        notifications: state.notifications.map(
+          (notification) => {
+            var _a;
+            return notification.id === ((_a = action.payload) == null ? void 0 : _a.id) ? { ...notification, handled: true } : notification;
+          }
+        )
+      };
+    case "reset":
+      return {
+        ...state,
+        notifications: []
+      };
+    default:
+      return state;
+  }
+};
+export {
+  NotificationContext,
+  NotificationHandler,
+  NotificationProvider,
+  notificationReducer,
+  useNotificationContext
+};
+//# sourceMappingURL=NotificationContext.es.js.map

package/dist/components/Notifications/NotificationProvider/NotificationContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContext.es.js","sources":["../../../../src/components/Notifications/NotificationProvider/NotificationContext.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer\n} from \"react\";\nimport {\n  Notification,\n  ErrorNotification,\n  SuccessNotification,\n  Translations,\n  AddNotification\n} from \"./notification.interfaces\";\nimport { defaultTranslations } from \"./NotificationService\";\nimport { deepMerge, generateID } from \"../../../util/helper\";\nimport { DeepPartial } from \"../../../interfaces\";\nimport { useAlert } from \"../Alert/useAlert\";\n\ninterface NotificationState {\n  notifications: Notification<ErrorNotification | SuccessNotification>[];\n}\n\nexport interface NotificationAction {\n  type: \"add\" | \"remove\" | \"handled\" | \"reset\";\n  payload?: Notification<ErrorNotification | SuccessNotification> & {\n    id?: string;\n    handled?: boolean;\n  };\n}\n\nconst initialState: NotificationState = {\n  notifications: []\n};\n\nexport interface NotificationHandlerProps {\n  translations?: DeepPartial<Translations>;\n  dispatchFn: React.Dispatch<NotificationAction>;\n}\n\nexport const NotificationHandler = ({\n  translations = {},\n  dispatchFn\n}: NotificationHandlerProps) => {\n  const { enqueueErrorAlert, enqueueSuccessAlert } = useAlert();\n  const {\n    state: { notifications }\n  } = useNotificationContext();\n\n  const mergedTranslations = deepMerge<Translations>(defaultTranslations, translations);\n\n  const determineNotificationMessage = (notification: Notification<ErrorNotification>) => {\n    if (notification.message) {\n      return notification.message;\n    }\n\n    switch (notification.status) {\n      case 500:\n        return mergedTranslations.messages.general;\n      case 400:\n        return mergedTranslations.messages.badRequest;\n      case 401:\n        return mergedTranslations.messages.unauthorized;\n      case 403:\n        return mergedTranslations.messages.forbidden;\n      case 404:\n        return mergedTranslations.messages.notFound;\n      case 502:\n      case 503:\n        return mergedTranslations.messages.unavailable;\n      case 504:\n        return mergedTranslations.messages.timeout;\n      default:\n        return mergedTranslations.messages.general;\n    }\n  };\n\n  useEffect(() => {\n    notifications.forEach(notification => {\n      if (\n        notification.status &&\n        notification.handled &&\n        (notification.status === 401 || notification.status === 403)\n      ) {\n        dispatchFn({ type: \"remove\", payload: { id: notification.id } });\n      } else if (notification.status && !notification.handled && notification.type === \"error\") {\n        enqueueErrorAlert({\n          title: notification.title ?? mergedTranslations.general.error,\n          content: determineNotificationMessage(notification as Notification<ErrorNotification>),\n          onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n        });\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      } else if (notification.title && !notification.handled && notification.type === \"success\") {\n        enqueueSuccessAlert({\n          title: notification.title ?? mergedTranslations.general.success,\n          content: notification.message,\n          onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n        });\n\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      }\n    });\n  }, [notifications.length]);\n\n  return null;\n};\n\nexport const NotificationContext = createContext<{\n  state: NotificationState;\n  dispatch: React.Dispatch<NotificationAction>;\n}>({\n  state: initialState,\n  dispatch: () => undefined\n});\n\nexport interface Props {\n  children?: ReactNode;\n  translations?: DeepPartial<Translations>;\n}\n\nexport const NotificationProvider = ({ children, translations }: Props) => {\n  const [state, dispatch] = useReducer(notificationReducer, initialState);\n\n  return (\n    <NotificationContext.Provider value={{ state, dispatch }}>\n      {children}\n      <NotificationHandler translations={translations} dispatchFn={dispatch} />\n    </NotificationContext.Provider>\n  );\n};\n\nexport const useNotificationContext = () => {\n  const ctx = useContext(NotificationContext);\n\n  const addNotification = useCallback(\n    (notification: AddNotification) => {\n      ctx.dispatch({ type: \"add\", payload: notification });\n    },\n    [ctx]\n  );\n\n  const removeNotification = useCallback(\n    (id: string) => {\n      ctx.dispatch({ type: \"remove\", payload: { id } });\n    },\n    [ctx]\n  );\n\n  const resetNotifications = useCallback(() => {\n    ctx.dispatch({ type: \"reset\" });\n  }, [ctx]);\n\n  return {\n    state: ctx.state,\n    addNotification,\n    removeNotification,\n    resetNotifications\n  };\n};\n\nexport const notificationReducer = (\n  state: NotificationState,\n  action: NotificationAction\n): NotificationState => {\n  switch (action.type) {\n    case \"add\":\n      return {\n        ...state,\n        notifications: [\n          ...state.notifications,\n          {\n            ...action.payload,\n            id: generateID(),\n            handled: false\n          }\n        ]\n      };\n    case \"remove\":\n      return {\n        ...state,\n        notifications: state.notifications.filter(\n          notification => notification.id !== action.payload?.id\n        )\n      };\n    case \"handled\":\n      return {\n        ...state,\n        notifications: state.notifications.map(notification =>\n          notification.id === action.payload?.id ? { ...notification, handled: true } : notification\n        )\n      };\n    case \"reset\":\n      return {\n        ...state,\n        notifications: []\n      };\n    default:\n      return state;\n  }\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Notifications/NotificationProvider/NotificationService.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.defaultTranslations={general:{error:"Error",success:"Success"},messages:{general:"Something went wrong. Please try again later.",badRequest:"Bad request",unauthorized:"You are not authorized to perform this action.",forbidden:"You are not allowed to perform this action.",notFound:"The requested resource could not be found.",timeout:"The request timed out.",unavailable:"The server is currently unavailable. Please try again later."}};
+//# sourceMappingURL=NotificationService.cjs.js.map

package/dist/components/Notifications/NotificationProvider/NotificationService.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationService.cjs.js","sources":["../../../../src/components/Notifications/NotificationProvider/NotificationService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { Translations } from \"./notification.interfaces\";\n\nexport const defaultTranslations: Translations = {\n  general: {\n    error: \"Error\",\n    success: \"Success\"\n  },\n  messages: {\n    general: \"Something went wrong. Please try again later.\",\n    badRequest: \"Bad request\",\n    unauthorized: \"You are not authorized to perform this action.\",\n    forbidden: \"You are not allowed to perform this action.\",\n    notFound: \"The requested resource could not be found.\",\n    timeout: \"The request timed out.\",\n    unavailable: \"The server is currently unavailable. Please try again later.\"\n  }\n};\n"],"names":["general","error","success","messages","badRequest","unauthorized","forbidden","notFound","timeout","unavailable"],"mappings":"4GAkBiD,CAC/CA,QAAS,CACPC,MAAO,QACPC,QAAS,WAEXC,SAAU,CACRH,QAAS,gDACTI,WAAY,cACZC,aAAc,iDACdC,UAAW,8CACXC,SAAU,6CACVC,QAAS,yBACTC,YAAa"}

package/dist/components/Notifications/NotificationProvider/NotificationService.es.js

@@ -0,0 +1,19 @@
+const defaultTranslations = {
+  general: {
+    error: "Error",
+    success: "Success"
+  },
+  messages: {
+    general: "Something went wrong. Please try again later.",
+    badRequest: "Bad request",
+    unauthorized: "You are not authorized to perform this action.",
+    forbidden: "You are not allowed to perform this action.",
+    notFound: "The requested resource could not be found.",
+    timeout: "The request timed out.",
+    unavailable: "The server is currently unavailable. Please try again later."
+  }
+};
+export {
+  defaultTranslations
+};
+//# sourceMappingURL=NotificationService.es.js.map

package/dist/components/Notifications/NotificationProvider/NotificationService.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationService.es.js","sources":["../../../../src/components/Notifications/NotificationProvider/NotificationService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { Translations } from \"./notification.interfaces\";\n\nexport const defaultTranslations: Translations = {\n  general: {\n    error: \"Error\",\n    success: \"Success\"\n  },\n  messages: {\n    general: \"Something went wrong. Please try again later.\",\n    badRequest: \"Bad request\",\n    unauthorized: \"You are not authorized to perform this action.\",\n    forbidden: \"You are not allowed to perform this action.\",\n    notFound: \"The requested resource could not be found.\",\n    timeout: \"The request timed out.\",\n    unavailable: \"The server is currently unavailable. Please try again later.\"\n  }\n};\n"],"names":[],"mappings":"AAkBO,MAAM,sBAAoC;AAAA,EAC/C,SAAS;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAEjB;"}

package/dist/components/Notifications/SideSheet/SideSheet.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./SideSheet.module.scss.cjs.js"),a=require("../../Button/IconButton.cjs.js"),n=require("../../Icon/Icon.cjs.js"),l=require("../BaseModal/BaseModal.cjs.js"),s=e.forwardRef((({children:s,id:o,open:r,handleButtonProps:d,...c},i)=>{const[u,m]=e.useState("hide"),[h,f]=e.useState(!1),p=e.useRef(null),S=(null==d?void 0:d.title)??"Side sheet handle",E={width:"1.5rem",height:"3.5rem",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"},B=e.useCallback((e=>{e.target===p.current&&(m((e=>e?"":"hide")),!r&&h&&f(!1))}),[r]);return e.useEffect((()=>{r&&f(r)}),[r]),e.createElement(e.Fragment,null,d&&!r&&e.createElement("div",{className:t.default["collapsed-sheet"]},e.createElement("div",{className:t.default.handle},e.createElement(a.IconButton,{style:E,className:t.default["handle-button"],onClick:d.onOpen,title:S},e.createElement(n.Icon,{size:"0.9rem",icon:n.Icons.SideSheetHandle})))),e.createElement(l.BaseModal,{...c,id:o,open:h,className:`${t.default["slide-in-modal"]} ${r?t.default.visible:""} ${r?"":t.default[u]}`,containerProps:{className:t.default.container},hideBackdrop:!0,onTransitionEnd:B,ref:i??p},d&&e.createElement("div",{className:t.default.handle},e.createElement(a.IconButton,{style:E,title:S,onClick:d.onClose},e.createElement(n.Icon,{size:"0.9rem",icon:n.Icons.SideSheetHandle}))),s))}));exports.SideSheet=s;
+//# sourceMappingURL=SideSheet.cjs.js.map

package/dist/components/Notifications/SideSheet/SideSheet.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet.cjs.js","sources":["../../../../src/components/Notifications/SideSheet/SideSheet.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SideSheet.module.scss\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends Omit<ModalProps, \"hideBackdrop\" | \"disableBackdrop\"> {\n  handleButtonProps?: {\n    onOpen: () => void;\n    onClose: () => void;\n    title?: string;\n  };\n}\n\nconst SideSheetComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, id, open, handleButtonProps, ...rest }: Props,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n  const handleTitle = handleButtonProps?.title ?? \"Side sheet handle\";\n  const handleButtonStyle = {\n    width: \"1.5rem\",\n    height: \"3.5rem\",\n    borderTopLeftRadius: \"4px\",\n    borderBottomLeftRadius: \"4px\"\n  };\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <>\n      {handleButtonProps && !open && (\n        <div className={classes[\"collapsed-sheet\"]}>\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              className={classes[\"handle-button\"]}\n              onClick={handleButtonProps.onOpen}\n              title={handleTitle}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        </div>\n      )}\n      <Modal\n        {...rest}\n        id={id}\n        open={controlledOpen}\n        className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n          !open ? classes[classHideOnTransition] : \"\"\n        }`}\n        containerProps={{ className: classes[\"container\"] }}\n        hideBackdrop={true}\n        onTransitionEnd={onTransitionEnd}\n        ref={ref ?? containerRef}\n      >\n        {handleButtonProps && (\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              title={handleTitle}\n              onClick={handleButtonProps.onClose}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        )}\n        {children}\n      </Modal>\n    </>\n  );\n};\n\nexport const SideSheet = React.forwardRef(SideSheetComponent);\n"],"names":["SideSheet","React","forwardRef","children","id","open","handleButtonProps","rest","ref","classHideOnTransition","setClassHideOnTransition","useState","controlledOpen","setControlledOpen","containerRef","useRef","handleTitle","title","handleButtonStyle","width","height","borderTopLeftRadius","borderBottomLeftRadius","onTransitionEnd","useCallback","e","target","current","prev","useEffect","createElement","Fragment","className","classes","default","IconButton","style","onClick","onOpen","Icon","size","icon","Icons","SideSheetHandle","Modal","BaseModal","containerProps","hideBackdrop","onClose"],"mappings":"gRAiHaA,EAAYC,EAAMC,YA5E6C,EACxEC,WAAUC,KAAIC,OAAMC,uBAAsBC,GAC5CC,KAEA,MAAOC,EAAuBC,GAA4BC,EAAAA,SAAiB,SACpEC,EAAgBC,GAAqBF,EAAAA,UAAS,GAC/CG,EAAeC,SAAO,MACtBC,SAAcV,WAAmBW,QAAS,oBAC1CC,EAAoB,CACxBC,MAAO,SACPC,OAAQ,SACRC,oBAAqB,MACrBC,uBAAwB,OAGpBC,EAA0DC,EAAAA,aACzDC,IACCA,EAAEC,SAAWZ,EAAaa,UACHjB,GAAAkB,GAASA,EAAO,GAAK,UACzCvB,GAAQO,GACXC,GAAkB,GACpB,GAGJ,CAACR,IAOH,OAJAwB,EAAAA,WAAU,KACRxB,GAAQQ,EAAkBR,EAAI,GAC7B,CAACA,IAICJ,EAAA6B,cAAA7B,EAAA8B,SAAA,KAAAzB,IAAsBD,mBACpB,MAAI,CAAA2B,UAAWC,EAAQC,QAAA,oBACrBjC,EAAA6B,cAAA,MAAA,CAAIE,UAAWC,UAAgB,QAC9BhC,EAAA6B,cAACK,EAAAA,WAAA,CACCC,MAAOlB,EACPc,UAAWC,UAAQ,iBACnBI,QAAS/B,EAAkBgC,OAC3BrB,MAAOD,mBAENuB,EAAAA,KAAK,CAAAC,KAAK,SAASC,KAAMC,QAAMC,qBAKxC1C,EAAA6B,cAACc,EAAAC,UAAA,IACKtC,EACJH,KACAC,KAAMO,EACNoB,UAAW,GAAGC,UAAQ,qBAAqB5B,EAAO4B,UAAiB,QAAI,MACpE5B,EAAwC,GAAjC4B,EAAQC,QAAAzB,KAElBqC,eAAgB,CAAEd,UAAWC,EAAAC,QAAmB,WAChDa,cAAc,EACdxB,kBACAf,IAAKA,GAAOM,GAEXR,GACEL,EAAA6B,cAAA,MAAA,CAAIE,UAAWC,EAAAA,QAAgB,QAC9BhC,EAAA6B,cAACK,EAAAA,WAAA,CACCC,MAAOlB,EACPD,MAAOD,EACPqB,QAAS/B,EAAkB0C,yBAE1BT,EAAAA,KAAK,CAAAC,KAAK,SAASC,KAAMC,QAAMC,oBAIrCxC,GAEL"}

package/dist/components/Notifications/SideSheet/SideSheet.es.js

@@ -0,0 +1,68 @@
+import React, { useState, useRef, useCallback, useEffect } from "react";
+import classes from "./SideSheet.module.scss.es.js";
+import { IconButton } from "../../Button/IconButton.es.js";
+import { Icon, Icons } from "../../Icon/Icon.es.js";
+import { BaseModal } from "../BaseModal/BaseModal.es.js";
+const SideSheetComponent = ({ children, id, open, handleButtonProps, ...rest }, ref) => {
+  const [classHideOnTransition, setClassHideOnTransition] = useState("hide");
+  const [controlledOpen, setControlledOpen] = useState(false);
+  const containerRef = useRef(null);
+  const handleTitle = (handleButtonProps == null ? void 0 : handleButtonProps.title) ?? "Side sheet handle";
+  const handleButtonStyle = {
+    width: "1.5rem",
+    height: "3.5rem",
+    borderTopLeftRadius: "4px",
+    borderBottomLeftRadius: "4px"
+  };
+  const onTransitionEnd = useCallback(
+    (e) => {
+      if (e.target === containerRef.current) {
+        setClassHideOnTransition((prev) => prev ? "" : "hide");
+        if (!open && controlledOpen) {
+          setControlledOpen(false);
+        }
+      }
+    },
+    [open]
+  );
+  useEffect(() => {
+    open && setControlledOpen(open);
+  }, [open]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, handleButtonProps && !open && /* @__PURE__ */ React.createElement("div", { className: classes["collapsed-sheet"] }, /* @__PURE__ */ React.createElement("div", { className: classes["handle"] }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      style: handleButtonStyle,
+      className: classes["handle-button"],
+      onClick: handleButtonProps.onOpen,
+      title: handleTitle
+    },
+    /* @__PURE__ */ React.createElement(Icon, { size: "0.9rem", icon: Icons.SideSheetHandle })
+  ))), /* @__PURE__ */ React.createElement(
+    BaseModal,
+    {
+      ...rest,
+      id,
+      open: controlledOpen,
+      className: `${classes["slide-in-modal"]} ${open ? classes["visible"] : ""} ${!open ? classes[classHideOnTransition] : ""}`,
+      containerProps: { className: classes["container"] },
+      hideBackdrop: true,
+      onTransitionEnd,
+      ref: ref ?? containerRef
+    },
+    handleButtonProps && /* @__PURE__ */ React.createElement("div", { className: classes["handle"] }, /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        style: handleButtonStyle,
+        title: handleTitle,
+        onClick: handleButtonProps.onClose
+      },
+      /* @__PURE__ */ React.createElement(Icon, { size: "0.9rem", icon: Icons.SideSheetHandle })
+    )),
+    children
+  ));
+};
+const SideSheet = React.forwardRef(SideSheetComponent);
+export {
+  SideSheet
+};
+//# sourceMappingURL=SideSheet.es.js.map

package/dist/components/Notifications/SideSheet/SideSheet.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet.es.js","sources":["../../../../src/components/Notifications/SideSheet/SideSheet.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SideSheet.module.scss\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends Omit<ModalProps, \"hideBackdrop\" | \"disableBackdrop\"> {\n  handleButtonProps?: {\n    onOpen: () => void;\n    onClose: () => void;\n    title?: string;\n  };\n}\n\nconst SideSheetComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, id, open, handleButtonProps, ...rest }: Props,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n  const handleTitle = handleButtonProps?.title ?? \"Side sheet handle\";\n  const handleButtonStyle = {\n    width: \"1.5rem\",\n    height: \"3.5rem\",\n    borderTopLeftRadius: \"4px\",\n    borderBottomLeftRadius: \"4px\"\n  };\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <>\n      {handleButtonProps && !open && (\n        <div className={classes[\"collapsed-sheet\"]}>\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              className={classes[\"handle-button\"]}\n              onClick={handleButtonProps.onOpen}\n              title={handleTitle}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        </div>\n      )}\n      <Modal\n        {...rest}\n        id={id}\n        open={controlledOpen}\n        className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n          !open ? classes[classHideOnTransition] : \"\"\n        }`}\n        containerProps={{ className: classes[\"container\"] }}\n        hideBackdrop={true}\n        onTransitionEnd={onTransitionEnd}\n        ref={ref ?? containerRef}\n      >\n        {handleButtonProps && (\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              title={handleTitle}\n              onClick={handleButtonProps.onClose}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        )}\n        {children}\n      </Modal>\n    </>\n  );\n};\n\nexport const SideSheet = React.forwardRef(SideSheetComponent);\n"],"names":["Modal"],"mappings":";;;;;AAqCA,MAAM,qBAAsE,CAC1E,EAAE,UAAU,IAAI,MAAM,mBAAmB,GAAG,KAAK,GACjD,QACG;AACH,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAiB,MAAM;AACjF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AACpD,QAAA,eAAe,OAAO,IAAI;AAC1B,QAAA,eAAc,uDAAmB,UAAS;AAChD,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,EAC1B;AAEA,QAAM,kBAA0D;AAAA,IAC9D,CAAK,MAAA;AACC,UAAA,EAAE,WAAW,aAAa,SAAS;AACZ,iCAAA,CAAA,SAAS,OAAO,KAAK,MAAO;AACjD,YAAA,CAAC,QAAQ,gBAAgB;AAC3B,4BAAkB,KAAK;AAAA,QAAA;AAAA,MACzB;AAAA,IAEJ;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,YAAU,MAAM;AACd,YAAQ,kBAAkB,IAAI;AAAA,EAAA,GAC7B,CAAC,IAAI,CAAC;AAET,SAEK,sBAAA,cAAA,MAAA,UAAA,MAAA,qBAAqB,CAAC,4CACpB,OAAI,EAAA,WAAW,QAAQ,iBAAiB,KACtC,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,QAAQ,EAC9B,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW,QAAQ,eAAe;AAAA,MAClC,SAAS,kBAAkB;AAAA,MAC3B,OAAO;AAAA,IAAA;AAAA,wCAEN,MAAK,EAAA,MAAK,UAAS,MAAM,MAAM,gBAAiB,CAAA;AAAA,EAAA,CAErD,CACF,GAEF,sBAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,WAAW,GAAG,QAAQ,gBAAgB,CAAC,IAAI,OAAO,QAAQ,SAAS,IAAI,EAAE,IACvE,CAAC,OAAO,QAAQ,qBAAqB,IAAI,EAC3C;AAAA,MACA,gBAAgB,EAAE,WAAW,QAAQ,WAAW,EAAE;AAAA,MAClD,cAAc;AAAA,MACd;AAAA,MACA,KAAK,OAAO;AAAA,IAAA;AAAA,IAEX,qBACE,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,QAAQ,KAC9B,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS,kBAAkB;AAAA,MAAA;AAAA,0CAE1B,MAAK,EAAA,MAAK,UAAS,MAAM,MAAM,gBAAiB,CAAA;AAAA,IAAA,CAErD;AAAA,IAED;AAAA,EAAA,CAEL;AAEJ;AAEa,MAAA,YAAY,MAAM,WAAW,kBAAkB;"}

package/dist/components/Notifications/SideSheet/SideSheet.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.SideSheet_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.SideSheet_hidden_7l1Pc{display:none}.SideSheet_slide-in_7l1Pc{animation:SideSheet_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SideSheet_slide-in_7l1Pc{animation-duration:.1ms}}.SideSheet_slide-out_7l1Pc{animation:SideSheet_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SideSheet_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes SideSheet_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SideSheet_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SideSheet_slide-in-modal_7l1Pc{right:0;left:auto;justify-content:flex-end;min-width:25rem;width:33vw;max-width:40rem;visibility:visible;transform:translate(calc(100% - .5rem));transition-property:transform;transition-duration:.5s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.SideSheet_slide-in-modal_7l1Pc{transition-duration:.1ms}}.SideSheet_slide-in-modal_7l1Pc.SideSheet_hide_7l1Pc{visibility:hidden}.SideSheet_slide-in-modal_7l1Pc.SideSheet_visible_7l1Pc{visibility:visible;transform:translate(0)}.SideSheet_slide-in-modal_7l1Pc.SideSheet_visible_7l1Pc #SideSheet_backdrop-slide_7l1Pc{background-color:transparent}.SideSheet_handle_7l1Pc{position:absolute;top:13.25rem;left:calc(-1.5 * var(--font-size));display:flex;align-items:center;justify-content:center;width:1.5rem;height:2.5rem;padding:.5rem 0;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:var(--modal-background-color);box-shadow:-4px 4px 5px 0 var(--side-sheet-shadow-color-one),-4px 3px 14px 0 var(--side-sheet-shadow-color-two),-4px 8px 10px 0 var(--side-sheet-shadow-color-two)}.SideSheet_handle-button_7l1Pc{transform:rotateY(180deg)}.SideSheet_collapsed-sheet_7l1Pc{position:absolute;top:0;right:0;width:.5rem;height:100vh;background-color:var(--modal-background-color);box-shadow:0 4px 5px 0 var(--side-sheet-shadow-color-one),0 3px 14px 0 var(--side-sheet-shadow-color-two),0 8px 10px 0 var(--side-sheet-shadow-color-two)}.SideSheet_container_7l1Pc{margin-top:0;width:50rem;height:100%;max-height:unset;border-radius:0;box-shadow:0 4px 5px 0 var(--side-sheet-shadow-color-one),0 3px 14px 0 var(--side-sheet-shadow-color-two),0 8px 10px 0 var(--side-sheet-shadow-color-two)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SideSheet_hidden_7l1Pc",d="SideSheet_hide_7l1Pc",i="SideSheet_visible_7l1Pc",l="SideSheet_handle_7l1Pc",t="SideSheet_container_7l1Pc",s={"sr-only":"SideSheet_sr-only_7l1Pc",hidden:e,"slide-in":"SideSheet_slide-in_7l1Pc","slide-out":"SideSheet_slide-out_7l1Pc","slide-in-modal":"SideSheet_slide-in-modal_7l1Pc",hide:d,visible:i,"backdrop-slide":"SideSheet_backdrop-slide_7l1Pc",handle:l,"handle-button":"SideSheet_handle-button_7l1Pc","collapsed-sheet":"SideSheet_collapsed-sheet_7l1Pc",container:t};exports.container=t,exports.default=s,exports.handle=l,exports.hidden=e,exports.hide=d,exports.visible=i;
+//# sourceMappingURL=SideSheet.module.scss.cjs.js.map

package/dist/components/Notifications/SideSheet/SideSheet.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}