@onewelcome/react-lib-components 7.0.0 → 7.1.0

package/dist/esm/Notifications/BaseModal/useRepeatFocus.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRepeatFocus.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/useRepeatFocus.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 { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const focusableSelectors =\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) return;\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) return;\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":["useRepeatFocus","ref","getFocusableElement","element","position","focusableSelectors","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"kCAwBa,MAAAA,EAAkBC,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MAAMC,EACJ,2EACF,MAAMC,EAAoBH,EAAQI,iBAA8BF,GAEhE,GAAID,IAAa,QACf,OAAOE,EAAkB,IAAM,UAC1B,GAAIF,IAAa,OACtB,OAAOE,EAAkBA,EAAkBE,OAAS,IAAM,KAG5D,OAAO,IAAI,EAGbC,GAAU,KACR,IAAKR,EAAIS,UAAYC,KAAM,OAE3B,MAAMC,EAAuBV,EAAoBD,EAAIS,QAAS,QAC9D,MAAMG,EAAwBX,EAAoBD,EAAIS,QAAS,SAE/D,IAAKE,IAAyBC,EAAuB,OAErD,MAAMC,EAAqBC,IACzB,GAAIA,EAAMC,MAAQ,MAAO,OAEzB,GAAID,EAAME,UACR,GAAIC,SAASC,gBAAkBN,EAAuB,CACpDE,EAAMK,iBACNR,UAAAA,SAAoB,OAAA,EAApBA,EAAsBS,OACvB,OACI,GAAIH,SAASC,gBAAkBP,EAAsB,CAC1DG,EAAMK,iBACNP,UAAAA,SAAqB,OAAA,EAArBA,EAAuBQ,OACxB,GAGHT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAElD,MAAO,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAACb,EAAKU,MAAM"}
+{"version":3,"file":"useRepeatFocus.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/useRepeatFocus.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 { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const focusableSelectors =\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) return;\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) return;\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIH;;;;AAIG;AAEU,MAAA,cAAc,GAAG,CAAC,GAA8B,KAAI;AAC/D,IAAA,MAAM,mBAAmB,GAAG,CAC1B,OAAoB,EACpB,QAA0B,KACJ;QACtB,MAAM,kBAAkB,GACtB,0EAA0E,CAAC;QAC7E,MAAM,iBAAiB,GAAG,OAAO,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC;AAEpF,QAAA,IAAI,QAAQ,KAAK,OAAO,EAAE;AACxB,YAAA,OAAO,iBAAiB,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;SACrC;AAAM,aAAA,IAAI,QAAQ,KAAK,MAAM,EAAE;YAC9B,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;SAChE;AAED,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,IAAI;YAAE,OAAO;QAElC,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACtE,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAExE,QAAA,IAAI,CAAC,oBAAoB,IAAI,CAAC,qBAAqB;YAAE,OAAO;AAE5D,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;AACjD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;gBAAE,OAAO;AAEhC,YAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,gBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE;oBACpD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,oBAAA,oBAAoB,aAApB,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApB,oBAAoB,CAAE,KAAK,EAAE,CAAC;iBAC/B;aACF;AAAM,iBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE;gBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,qBAAqB,aAArB,qBAAqB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArB,qBAAqB,CAAE,KAAK,EAAE,CAAC;aAChC;AACH,SAAC,CAAC;AAEF,QAAA,oBAAoB,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACpE,QAAA,qBAAqB,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAErE,QAAA,OAAO,MAAK;AACV,YAAA,oBAAoB,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACvE,YAAA,qBAAqB,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC1E,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAClB;;;;"}

package/dist/esm/Notifications/Dialog/Dialog.esm.js

@@ -1,2 +1,55 @@
-import e,{useState as t}from"react";import{BaseModal as o}from"../BaseModal/BaseModal.esm.js";import{BaseModalContent as n}from"../BaseModal/BaseModalContent/BaseModalContent.esm.js";import{DialogActions as a}from"./DialogActions/DialogActions.esm.js";import i from"./Dialog.module.esm.js";import{DialogTitle as r}from"./DialogTitle/DialogTitle.esm.js";import{Button as s}from"../../Button/Button.esm.js";import{labelId as l,descriptionId as c}from"../BaseModal/BaseModalContext.esm.js";import{generateID as m}from"../../src/util/helper.esm.js";const d=({id:d,open:p,children:u,onClose:f,title:y,primaryAction:B,secondaryAction:g,cancelAction:j,zIndex:C,titleIcon:E,caption:h,...A},M)=>{const[x]=t(d!==null&&d!==void 0?d:m(20));const{label:D,...b}=B;const I=e.createElement(s,{key:"primary",...b},D);const k=g&&function(){const{label:t,...o}=g;return e.createElement(s,{key:"tertiary",variant:"outline",...o},t)}();const w=e=>{if(e.key==="Enter")B.onClick()};return e.createElement(o,{...A,ref:M,id:x,className:i["dialog"],containerProps:{className:i["container"]},open:p,onClose:f,zIndex:C},e.createElement(r,{titleIcon:E,caption:h,id:l(x),title:y,onClose:f}),e.createElement(n,{id:c(x),className:i["content"],disableAutoFocus:true},u),e.createElement(a,{onClose:f,cancelAction:j},[k,I]),e.createElement("input",{autoFocus:true,"aria-hidden":true,style:{position:"absolute",width:0,height:0,opacity:0},maxLength:0,tabIndex:-1,onKeyDown:w}))};const p=e.forwardRef(d);export{p as Dialog};
+import React, { useState } from 'react';
+import { BaseModal } from '../BaseModal/BaseModal.esm.js';
+import { BaseModalContent } from '../BaseModal/BaseModalContent/BaseModalContent.esm.js';
+import { DialogActions } from './DialogActions/DialogActions.esm.js';
+import classes from './Dialog.module.scss.esm.js';
+import { DialogTitle } from './DialogTitle/DialogTitle.esm.js';
+import { Button } from '../../Button/Button.esm.js';
+import { labelId, descriptionId } from '../BaseModal/BaseModalContext.esm.js';
+import { generateID } from '../../src/util/helper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DialogComponent = ({ id, open, children, onClose, title, primaryAction, secondaryAction, cancelAction, zIndex, titleIcon, caption, ...rest }, ref) => {
+    const [dialogId] = useState(id !== null && id !== void 0 ? id : generateID(20));
+    const { label: primaryLabel, ...restOfPrimaryAction } = primaryAction;
+    const PrimaryButton = (React.createElement(Button, { key: "primary", ...restOfPrimaryAction }, primaryLabel));
+    const SecondaryButton = secondaryAction &&
+        (function () {
+            const { label: secondaryLabel, ...restOfSecondaryAction } = secondaryAction;
+            return (React.createElement(Button, { key: "tertiary", variant: "outline", ...restOfSecondaryAction }, secondaryLabel));
+        })();
+    const onHiddenInputKeyPress = (event) => {
+        /** It has to be here because then we will need to check if user doesn't click tab to select action button and want to do another action then primary one? */
+        if (event.key === "Enter") {
+            primaryAction.onClick();
+        }
+    };
+    return (React.createElement(BaseModal, { ...rest, ref: ref, id: dialogId, className: classes["dialog"], containerProps: { className: classes["container"] }, open: open, onClose: onClose, zIndex: zIndex },
+        React.createElement(DialogTitle, { titleIcon: titleIcon, caption: caption, id: labelId(dialogId), title: title, onClose: onClose }),
+        React.createElement(BaseModalContent, { id: descriptionId(dialogId), className: classes["content"], disableAutoFocus: true }, children),
+        React.createElement(DialogActions, { onClose: onClose, cancelAction: cancelAction }, [SecondaryButton, PrimaryButton]),
+        React.createElement("input", { autoFocus: true, "aria-hidden": true, style: {
+                position: "absolute",
+                width: 0,
+                height: 0,
+                opacity: 0
+            }, maxLength: 0, tabIndex: -1, onKeyDown: onHiddenInputKeyPress })));
+};
+const Dialog = React.forwardRef(DialogComponent);
+
+export { Dialog };
 //# sourceMappingURL=Dialog.esm.js.map

package/dist/esm/Notifications/Dialog/Dialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.esm.js","sources":["../../../../../../src/components/Notifications/Dialog/Dialog.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, useState } from \"react\";\nimport { BaseModal } from \"../BaseModal/BaseModal\";\nimport { BaseModalContent } from \"../BaseModal/BaseModalContent/BaseModalContent\";\nimport { DialogActions } from \"./DialogActions/DialogActions\";\nimport classes from \"./Dialog.module.scss\";\nimport { DialogTitle } from \"./DialogTitle/DialogTitle\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { labelId, descriptionId } from \"../BaseModal/BaseModalContext\";\nimport { generateID } from \"../../../util/helper\";\nimport { CancelAction } from \"../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  open: boolean;\n  children: React.ReactNode;\n  onClose?: () => void;\n  title: string;\n  primaryAction: Action;\n  secondaryAction?: Action;\n  cancelAction?: CancelAction;\n  zIndex?: number;\n  disableEscapeKeyDown?: boolean;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n}\n\nexport interface Action extends Omit<ButtonProps, \"variant\" | \"ref\"> {\n  label: string;\n  onClick: (event?: React.MouseEvent<HTMLButtonElement>) => unknown;\n}\n\nconst DialogComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    open,\n    children,\n    onClose,\n    title,\n    primaryAction,\n    secondaryAction,\n    cancelAction,\n    zIndex,\n    titleIcon,\n    caption,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [dialogId] = useState(id ?? generateID(20));\n  const { label: primaryLabel, ...restOfPrimaryAction } = primaryAction;\n  const PrimaryButton = (\n    <Button key=\"primary\" {...restOfPrimaryAction}>\n      {primaryLabel}\n    </Button>\n  );\n\n  const SecondaryButton =\n    secondaryAction &&\n    (function () {\n      const { label: secondaryLabel, ...restOfSecondaryAction } = secondaryAction;\n      return (\n        <Button key=\"tertiary\" variant=\"outline\" {...restOfSecondaryAction}>\n          {secondaryLabel}\n        </Button>\n      );\n    })();\n\n  const onHiddenInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    /** It has to be here because then we will need to check if user doesn't click tab to select action button and want to do another action then primary one? */\n    if (event.key === \"Enter\") {\n      primaryAction.onClick();\n    }\n  };\n\n  return (\n    <BaseModal\n      {...rest}\n      ref={ref}\n      id={dialogId}\n      className={classes[\"dialog\"]}\n      containerProps={{ className: classes[\"container\"] }}\n      open={open}\n      onClose={onClose}\n      zIndex={zIndex}\n    >\n      <DialogTitle\n        titleIcon={titleIcon}\n        caption={caption}\n        id={labelId(dialogId)}\n        title={title}\n        onClose={onClose}\n      />\n      <BaseModalContent\n        id={descriptionId(dialogId)}\n        className={classes[\"content\"]}\n        disableAutoFocus\n      >\n        {children}\n      </BaseModalContent>\n      <DialogActions onClose={onClose} cancelAction={cancelAction}>\n        {[SecondaryButton, PrimaryButton]}\n      </DialogActions>\n      <input\n        autoFocus\n        aria-hidden={true}\n        style={{\n          position: \"absolute\",\n          width: 0,\n          height: 0,\n          opacity: 0\n        }}\n        maxLength={0}\n        tabIndex={-1}\n        onKeyDown={onHiddenInputKeyPress}\n      />\n    </BaseModal>\n  );\n};\n\nexport const Dialog = React.forwardRef(DialogComponent);\n"],"names":["DialogComponent","id","open","children","onClose","title","primaryAction","secondaryAction","cancelAction","zIndex","titleIcon","caption","rest","ref","dialogId","useState","generateID","label","primaryLabel","restOfPrimaryAction","PrimaryButton","React","createElement","Button","key","SecondaryButton","secondaryLabel","restOfSecondaryAction","variant","onHiddenInputKeyPress","event","onClick","BaseModal","className","classes","containerProps","DialogTitle","labelId","BaseModalContent","descriptionId","disableAutoFocus","DialogActions","autoFocus","style","position","width","height","opacity","maxLength","tabIndex","onKeyDown","Dialog","forwardRef"],"mappings":"iiBA+CA,MAAMA,EAAmE,EAErEC,KACAC,OACAC,WACAC,UACAC,QACAC,gBACAC,kBACAC,eACAC,SACAC,YACAC,aACGC,GAELC,KAEA,MAAOC,GAAYC,EAASd,IAAE,MAAFA,SAAE,EAAFA,EAAMe,EAAW,KAC7C,MAAQC,MAAOC,KAAiBC,GAAwBb,EACxD,MAAMc,EACJC,EAAAC,cAACC,EAAO,CAAAC,IAAI,aAAcL,GACvBD,GAIL,MAAMO,EACJlB,GACA,WACE,MAAQU,MAAOS,KAAmBC,GAA0BpB,EAC5D,OACEc,EAACC,cAAAC,EAAO,CAAAC,IAAI,WAAWI,QAAQ,aAAcD,GAC1CD,EAGN,CAPD,GASF,MAAMG,EAAyBC,IAE7B,GAAIA,EAAMN,MAAQ,QAChBlB,EAAcyB,SACf,EAGH,OACEV,EAACC,cAAAU,MACKpB,EACJC,IAAKA,EACLZ,GAAIa,EACJmB,UAAWC,EAAQ,UACnBC,eAAgB,CAAEF,UAAWC,EAAQ,cACrChC,KAAMA,EACNE,QAASA,EACTK,OAAQA,GAERY,EAACC,cAAAc,EACC,CAAA1B,UAAWA,EACXC,QAASA,EACTV,GAAIoC,EAAQvB,GACZT,MAAOA,EACPD,QAASA,IAEXiB,EAAAC,cAACgB,EACC,CAAArC,GAAIsC,EAAczB,GAClBmB,UAAWC,EAAQ,WACnBM,iBAAgB,MAEfrC,GAEHkB,EAAAC,cAACmB,EAAa,CAACrC,QAASA,EAASI,aAAcA,GAC5C,CAACiB,EAAiBL,IAErBC,EAAAC,cAAA,QAAA,CACEoB,UAAS,KAAA,cACI,KACbC,MAAO,CACLC,SAAU,WACVC,MAAO,EACPC,OAAQ,EACRC,QAAS,GAEXC,UAAW,EACXC,UAAW,EACXC,UAAWrB,IAGf,EAGS,MAAAsB,EAAS9B,EAAM+B,WAAWpD"}
+{"version":3,"file":"Dialog.esm.js","sources":["../../../../../../src/components/Notifications/Dialog/Dialog.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, useState } from \"react\";\nimport { BaseModal } from \"../BaseModal/BaseModal\";\nimport { BaseModalContent } from \"../BaseModal/BaseModalContent/BaseModalContent\";\nimport { DialogActions } from \"./DialogActions/DialogActions\";\nimport classes from \"./Dialog.module.scss\";\nimport { DialogTitle } from \"./DialogTitle/DialogTitle\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { labelId, descriptionId } from \"../BaseModal/BaseModalContext\";\nimport { generateID } from \"../../../util/helper\";\nimport { CancelAction } from \"../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  open: boolean;\n  children: React.ReactNode;\n  onClose?: () => void;\n  title: string;\n  primaryAction: Action;\n  secondaryAction?: Action;\n  cancelAction?: CancelAction;\n  zIndex?: number;\n  disableEscapeKeyDown?: boolean;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n}\n\nexport interface Action extends Omit<ButtonProps, \"variant\" | \"ref\"> {\n  label: string;\n  onClick: (event?: React.MouseEvent<HTMLButtonElement>) => unknown;\n}\n\nconst DialogComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    open,\n    children,\n    onClose,\n    title,\n    primaryAction,\n    secondaryAction,\n    cancelAction,\n    zIndex,\n    titleIcon,\n    caption,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [dialogId] = useState(id ?? generateID(20));\n  const { label: primaryLabel, ...restOfPrimaryAction } = primaryAction;\n  const PrimaryButton = (\n    <Button key=\"primary\" {...restOfPrimaryAction}>\n      {primaryLabel}\n    </Button>\n  );\n\n  const SecondaryButton =\n    secondaryAction &&\n    (function () {\n      const { label: secondaryLabel, ...restOfSecondaryAction } = secondaryAction;\n      return (\n        <Button key=\"tertiary\" variant=\"outline\" {...restOfSecondaryAction}>\n          {secondaryLabel}\n        </Button>\n      );\n    })();\n\n  const onHiddenInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    /** It has to be here because then we will need to check if user doesn't click tab to select action button and want to do another action then primary one? */\n    if (event.key === \"Enter\") {\n      primaryAction.onClick();\n    }\n  };\n\n  return (\n    <BaseModal\n      {...rest}\n      ref={ref}\n      id={dialogId}\n      className={classes[\"dialog\"]}\n      containerProps={{ className: classes[\"container\"] }}\n      open={open}\n      onClose={onClose}\n      zIndex={zIndex}\n    >\n      <DialogTitle\n        titleIcon={titleIcon}\n        caption={caption}\n        id={labelId(dialogId)}\n        title={title}\n        onClose={onClose}\n      />\n      <BaseModalContent\n        id={descriptionId(dialogId)}\n        className={classes[\"content\"]}\n        disableAutoFocus\n      >\n        {children}\n      </BaseModalContent>\n      <DialogActions onClose={onClose} cancelAction={cancelAction}>\n        {[SecondaryButton, PrimaryButton]}\n      </DialogActions>\n      <input\n        autoFocus\n        aria-hidden={true}\n        style={{\n          position: \"absolute\",\n          width: 0,\n          height: 0,\n          opacity: 0\n        }}\n        maxLength={0}\n        tabIndex={-1}\n        onKeyDown={onHiddenInputKeyPress}\n      />\n    </BaseModal>\n  );\n};\n\nexport const Dialog = React.forwardRef(DialogComponent);\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAiCH,MAAM,eAAe,GAAoD,CACvE,EACE,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,MAAM,EACN,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACD,EACR,GAAG,KACD;AACF,IAAA,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,KAAA,CAAA,GAAF,EAAE,GAAI,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,GAAG,aAAa,CAAC;AACtE,IAAA,MAAM,aAAa,IACjB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,GAAG,EAAC,SAAS,KAAK,mBAAmB,EAAA,EAC1C,YAAY,CACN,CACV,CAAC;IAEF,MAAM,eAAe,GACnB,eAAe;QACf,CAAC,YAAA;YACC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,GAAG,eAAe,CAAC;AAC5E,YAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,GAAG,EAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAK,GAAA,qBAAqB,IAC/D,cAAc,CACR,EACT;SACH,GAAG,CAAC;AAEP,IAAA,MAAM,qBAAqB,GAAG,CAAC,KAA4C,KAAI;;AAE7E,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,EAAE,CAAC;SACzB;AACH,KAAC,CAAC;AAEF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,OACJ,IAAI,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC5B,cAAc,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,EACnD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA;QAEd,KAAC,CAAA,aAAA,CAAA,WAAW,EACV,EAAA,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,OAAO,CAAC,QAAQ,CAAC,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,EAAE,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC3B,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAC7B,gBAAgB,EAAA,IAAA,EAAA,EAEf,QAAQ,CACQ;AACnB,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IACxD,CAAC,eAAe,EAAE,aAAa,CAAC,CACnB;AAChB,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAA,IAAA,EAAA,aAAA,EACI,IAAI,EACjB,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,EACD,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,qBAAqB,EAChC,CAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEW,MAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe;;;;"}

package/dist/esm/Notifications/Dialog/Dialog.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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 */.Dialog-module_dialog__91qHi{align-items:center}@media only screen and (min-width:50em){.Dialog-module_container__SXyt2{margin-top:0;max-height:90%;width:30rem}}.Dialog-module_content__RTnpE{padding-top:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQUNFLGtCQUNGLENBRUEsd0NBQ0UsZ0NBRUUsWUFBYSxDQUNiLGNBQWUsQ0FGZixXQUdGLENBQ0YsQ0FDQSw4QkFDRSxhQUNGIiwiZmlsZSI6IkRpYWxvZy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZGlhbG9nIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jb250YWluZXIge1xuICAgIHdpZHRoOiAzMHJlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIG1heC1oZWlnaHQ6IDkwJTtcbiAgfVxufVxuLmNvbnRlbnQge1xuICBwYWRkaW5nLXRvcDogMDtcbn0iXX0= */";
+var classes = {"dialog":"Dialog-module_dialog__91qHi","container":"Dialog-module_container__SXyt2","content":"Dialog-module_content__RTnpE"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Dialog.module.scss.esm.js.map

package/dist/esm/Notifications/Dialog/Dialog.module.scss.esm.js.map

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

package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.esm.js

@@ -1,2 +1,26 @@
-import o from"react";import{BaseModalActions as e}from"../../BaseModal/BaseModalActions/BaseModalActions.esm.js";import c from"./DialogActions.module.esm.js";const a=({children:a,cancelAction:s,onClose:n,...t},l)=>o.createElement(e,{...t,cancelAction:s,cancelActionsClassName:c["cancel-action"],onClose:n,ref:l,className:c["actions"]},a);const s=o.forwardRef(a);export{s as DialogActions};
+import React from 'react';
+import { BaseModalActions } from '../../BaseModal/BaseModalActions/BaseModalActions.esm.js';
+import classes from './DialogActions.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DialogActionsComponent = ({ children, cancelAction, onClose, ...rest }, ref) => {
+    return (React.createElement(BaseModalActions, { ...rest, cancelAction: cancelAction, cancelActionsClassName: classes["cancel-action"], onClose: onClose, ref: ref, className: classes["actions"] }, children));
+};
+const DialogActions = React.forwardRef(DialogActionsComponent);
+
+export { DialogActions };
 //# sourceMappingURL=DialogActions.esm.js.map

package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.esm.js","sources":["../../../../../../../src/components/Notifications/Dialog/DialogActions/DialogActions.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 {\n  BaseModalActions,\n  Props as BaseModalActionsProps,\n  CancelAction\n} from \"../../BaseModal/BaseModalActions/BaseModalActions\";\nimport classes from \"./DialogActions.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<any>, BaseModalActionsProps {\n  cancelAction?: CancelAction;\n}\n\nconst DialogActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, cancelAction, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <BaseModalActions\n      {...rest}\n      cancelAction={cancelAction}\n      cancelActionsClassName={classes[\"cancel-action\"]}\n      onClose={onClose}\n      ref={ref}\n      className={classes[\"actions\"]}\n    >\n      {children}\n    </BaseModalActions>\n  );\n};\n\nexport const DialogActions = React.forwardRef(DialogActionsComponent);\n"],"names":["DialogActionsComponent","children","cancelAction","onClose","rest","ref","React","createElement","BaseModalActions","cancelActionsClassName","classes","className","DialogActions","forwardRef"],"mappings":"8JA4BA,MAAMA,EAA0E,EAC5EC,WAAUC,eAAcC,aAAYC,GACtCC,IAGEC,EAAAC,cAACC,EAAgB,IACXJ,EACJF,aAAcA,EACdO,uBAAwBC,EAAQ,iBAChCP,QAASA,EACTE,IAAKA,EACLM,UAAWD,EAAQ,YAElBT,GAKM,MAAAW,EAAgBN,EAAMO,WAAWb"}
+{"version":3,"file":"DialogActions.esm.js","sources":["../../../../../../../src/components/Notifications/Dialog/DialogActions/DialogActions.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 {\n  BaseModalActions,\n  Props as BaseModalActionsProps,\n  CancelAction\n} from \"../../BaseModal/BaseModalActions/BaseModalActions\";\nimport classes from \"./DialogActions.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<any>, BaseModalActionsProps {\n  cancelAction?: CancelAction;\n}\n\nconst DialogActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, cancelAction, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <BaseModalActions\n      {...rest}\n      cancelAction={cancelAction}\n      cancelActionsClassName={classes[\"cancel-action\"]}\n      onClose={onClose}\n      ref={ref}\n      className={classes[\"actions\"]}\n    >\n      {children}\n    </BaseModalActions>\n  );\n};\n\nexport const DialogActions = React.forwardRef(DialogActionsComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAcH,MAAM,sBAAsB,GAAoD,CAC9E,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,EACnD,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAA,GACX,IAAI,EACR,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,OAAO,CAAC,eAAe,CAAC,EAChD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,EAE5B,QAAQ,CACQ,EACnB;AACJ,CAAC,CAAC;AAEW,MAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB;;;;"}

package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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 */.DialogActions-module_actions__K5DW4 *+*{margin-left:.5rem}@media screen and (max-width:640px){.DialogActions-module_actions__K5DW4 .DialogActions-module_cancel-action__0GxwH{align-items:flex-end;display:block;flex-direction:column;margin-bottom:.5rem;margin-left:0}.DialogActions-module_actions__K5DW4 .DialogActions-module_cancel-action__0GxwH>*{width:100%}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZ0FjdGlvbnMubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5Q0FDRSxpQkFDRixDQUNBLG9DQUNFLGdGQUdFLG9CQUFxQixDQUZyQixhQUFjLENBQ2QscUJBQXNCLENBR3RCLG1CQUFxQixDQURyQixhQUVGLENBQ0Esa0ZBQ0UsVUFDRixDQUNGIiwiZmlsZSI6IkRpYWxvZ0FjdGlvbnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmFjdGlvbnMgKiArICoge1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjQwcHgpIHtcbiAgLmFjdGlvbnMgLmNhbmNlbC1hY3Rpb24ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgfVxuICAuYWN0aW9ucyAuY2FuY2VsLWFjdGlvbiA+ICoge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG59Il19 */";
+var classes = {"actions":"DialogActions-module_actions__K5DW4","cancel-action":"DialogActions-module_cancel-action__0GxwH"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=DialogActions.module.scss.esm.js.map

package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.module.scss.esm.js.map

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

package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.esm.js

@@ -1,2 +1,35 @@
-import e from"react";import{Typography as t}from"../../../Typography/Typography.esm.js";import a from"./DialogTitle.module.esm.js";import{Icon as o,Icons as i}from"../../../Icon/Icon.esm.js";import{IconButton as n}from"../../../Button/IconButton.esm.js";const c=({id:c,title:m,titleIcon:r,caption:l,onClose:s,...p},f)=>e.createElement("div",{...p,ref:f,className:a["header"]},e.createElement("div",{className:`${a["headline"]} ${l?a["with-caption"]:a["no-caption"]}`},r&&e.createElement("div",{className:a["title-icon"]},typeof r==="boolean"?e.createElement(o,{icon:i.InfoCircle}):r),e.createElement("div",{className:a["title-wrapper"]},e.createElement(t,{id:c,className:a["title"],spacing:r&&{marginLeft:2},tag:"h1",variant:"h4"},m),l&&e.createElement(t,{className:a["caption"],spacing:{marginLeft:2},variant:"sub-text"},l))),s&&e.createElement(n,{onClick:s,className:a["close-button"],title:"close modal"},e.createElement(o,{icon:i.Times})));const m=e.forwardRef(c);export{m as DialogTitle};
+import React from 'react';
+import { Typography } from '../../../Typography/Typography.esm.js';
+import classes from './DialogTitle.module.scss.esm.js';
+import { Icon, Icons } from '../../../Icon/Icon.esm.js';
+import { IconButton } from '../../../Button/IconButton.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DialogTitleComponent = ({ id, title, titleIcon, caption, onClose, ...rest }, ref) => {
+    return (React.createElement("div", { ...rest, ref: ref, className: classes["header"] },
+        React.createElement("div", { className: `${classes["headline"]} ${caption ? classes["with-caption"] : classes["no-caption"]}` },
+            titleIcon && (React.createElement("div", { className: classes["title-icon"] }, typeof titleIcon === "boolean" ? React.createElement(Icon, { icon: Icons.InfoCircle }) : titleIcon)),
+            React.createElement("div", { className: classes["title-wrapper"] },
+                React.createElement(Typography, { id: id, className: classes["title"], spacing: titleIcon && { marginLeft: 2 }, tag: "h1", variant: "h4" }, title),
+                caption && (React.createElement(Typography, { className: classes["caption"], spacing: { marginLeft: 2 }, variant: "sub-text" }, caption)))),
+        onClose && (React.createElement(IconButton, { onClick: onClose, className: classes["close-button"], title: "close modal" },
+            React.createElement(Icon, { icon: Icons.Times })))));
+};
+const DialogTitle = React.forwardRef(DialogTitleComponent);
+
+export { DialogTitle };
 //# sourceMappingURL=DialogTitle.esm.js.map

package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.esm.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":["DialogTitleComponent","id","title","titleIcon","caption","onClose","rest","ref","React","createElement","className","classes","Icon","icon","Icons","InfoCircle","Typography","spacing","marginLeft","tag","variant","IconButton","onClick","Times","DialogTitle","forwardRef"],"mappings":"8PA8BA,MAAMA,EAAwE,EAC1EC,KAAIC,QAAOC,YAAWC,UAASC,aAAYC,GAC7CC,IAGEC,EAAAC,cAAA,MAAA,IAASH,EAAMC,IAAKA,EAAKG,UAAWC,EAAQ,WAC1CH,EACEC,cAAA,MAAA,CAAAC,UAAW,GAAGC,EAAQ,eAAeP,EAAUO,EAAQ,gBAAkBA,EAAQ,iBAEhFR,GACCK,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAQ,sBACdR,IAAc,UAAYK,EAACC,cAAAG,EAAK,CAAAC,KAAMC,EAAMC,aAAiBZ,GAGzEK,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,kBACtBH,EAAAC,cAACO,EAAU,CACTf,GAAIA,EACJS,UAAWC,EAAQ,SACnBM,QAASd,GAAa,CAAEe,WAAY,GACpCC,IAAI,KACJC,QAAQ,MAEPlB,GAEFE,GACCI,EAACC,cAAAO,EACC,CAAAN,UAAWC,EAAQ,WACnBM,QAAS,CAAEC,WAAY,GACvBE,QAAQ,YAEPhB,KAKRC,GACCG,EAAAC,cAACY,EAAW,CAAAC,QAASjB,EAASK,UAAWC,EAAQ,gBAAiBT,MAAM,eACtEM,EAAAC,cAACG,EAAI,CAACC,KAAMC,EAAMS,UAOf,MAAAC,EAAchB,EAAMiB,WAAWzB"}
+{"version":3,"file":"DialogTitle.esm.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":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAgBH,MAAM,oBAAoB,GAAoD,CAC5E,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,EAC1D,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAA;QACnD,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,UAAU,CAAC,CAAI,CAAA,EAAA,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAE,CAAA,EAAA;AAE/F,YAAA,SAAS,KACR,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAA,EAClC,OAAO,SAAS,KAAK,SAAS,GAAG,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,UAAU,EAAA,CAAI,GAAG,SAAS,CAC1E,CACP;AACD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;AACtC,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAC3B,OAAO,EAAE,SAAS,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,EACvC,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI,EAAA,EAEX,KAAK,CACK;AACZ,gBAAA,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAC7B,OAAO,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EAC1B,OAAO,EAAC,UAAU,EAAA,EAEjB,OAAO,CACG,CACd,CACG,CACF;AACL,QAAA,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,KAAK,EAAC,aAAa,EAAA;AACnF,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAA,CAAI,CAChB,CACd,CACG,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}

package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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-module_header__maiky{align-items:center;display:flex;justify-content:space-between;margin:1rem 1.5rem}.DialogTitle-module_headline__TItnb{display:flex}.DialogTitle-module_headline__TItnb.DialogTitle-module_with-caption__2Bu7z{align-items:flex-start}.DialogTitle-module_headline__TItnb.DialogTitle-module_no-caption__4-QI4{align-items:center}.DialogTitle-module_title__2Date{line-height:1;margin:0}.DialogTitle-module_title-icon__RFCV->[data-icon]{font-size:1.25rem}.DialogTitle-module_caption__08LUu{color:var(--color-blue-grey500)}.DialogTitle-module_close-button__EO320{flex-shrink:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZ1RpdGxlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0NBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FFYiw2QkFBOEIsQ0FIOUIsa0JBSUYsQ0FFQSxvQ0FDRSxZQUNGLENBQ0EsMkVBQ0Usc0JBQ0YsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGlDQUVFLGFBQWMsQ0FEZCxRQUVGLENBQ0Esa0RBQ0UsaUJBQ0YsQ0FFQSxtQ0FDRSwrQkFDRixDQUVBLHdDQUNFLGFBQ0YiLCJmaWxlIjoiRGlhbG9nVGl0bGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmhlYWRlciB7XG4gIG1hcmdpbjogMXJlbSAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLmhlYWRsaW5lIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5oZWFkbGluZS53aXRoLWNhcHRpb24ge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5oZWFkbGluZS5uby1jYXB0aW9uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgbWFyZ2luOiAwO1xuICBsaW5lLWhlaWdodDogMTtcbn1cbi50aXRsZS1pY29uID4gW2RhdGEtaWNvbl0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG5cbi5jbG9zZS1idXR0b24ge1xuICBmbGV4LXNocmluazogMDtcbn0iXX0= */";
+var classes = {"header":"DialogTitle-module_header__maiky","headline":"DialogTitle-module_headline__TItnb","with-caption":"DialogTitle-module_with-caption__2Bu7z","no-caption":"DialogTitle-module_no-caption__4-QI4","title":"DialogTitle-module_title__2Date","title-icon":"DialogTitle-module_title-icon__RFCV-","caption":"DialogTitle-module_caption__08LUu","close-button":"DialogTitle-module_close-button__EO320"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=DialogTitle.module.scss.esm.js.map

package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.esm.js.map

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

package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.esm.js

@@ -1,2 +1,33 @@
-import e from"react";import{Dialog as o}from"../../Dialog/Dialog.esm.js";import{Typography as n}from"../../../Typography/Typography.esm.js";const a=({open:a,onKeepEditing:t,onDiscardChanges:i,discardChangesButtonLabel:r,keepEditingButtonLabel:c,contentLabel:l,titleLabel:s,cancelAction:p,...m},g)=>e.createElement(o,{...m,ref:g,open:a,title:s,onClose:t,cancelAction:p,primaryAction:{label:r,onClick:i},secondaryAction:{label:c,onClick:t},disableEscapeKeyDown:false},e.createElement(n,{variant:"body",spacing:{margin:0}},l));const t=e.forwardRef(a);export{t as DiscardChangesDialog};
+import React from 'react';
+import { Dialog } from '../../Dialog/Dialog.esm.js';
+import { Typography } from '../../../Typography/Typography.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DiscardChangesDialogComponent = ({ open, onKeepEditing, onDiscardChanges, discardChangesButtonLabel, keepEditingButtonLabel, contentLabel, titleLabel, cancelAction, ...rest }, ref) => {
+    return (React.createElement(Dialog, { ...rest, ref: ref, open: open, title: titleLabel, onClose: onKeepEditing, cancelAction: cancelAction, primaryAction: {
+            label: discardChangesButtonLabel,
+            onClick: onDiscardChanges
+        }, secondaryAction: {
+            label: keepEditingButtonLabel,
+            onClick: onKeepEditing
+        }, disableEscapeKeyDown: false },
+        React.createElement(Typography, { variant: "body", spacing: { margin: 0 } }, contentLabel)));
+};
+const DiscardChangesDialog = React.forwardRef(DiscardChangesDialogComponent);
+
+export { DiscardChangesDialog };
 //# sourceMappingURL=DiscardChangesDialog.esm.js.map

package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesDialog.esm.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  [dataAttribute: DataAttributeKey]: any;\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":["DiscardChangesDialogComponent","open","onKeepEditing","onDiscardChanges","discardChangesButtonLabel","keepEditingButtonLabel","contentLabel","titleLabel","cancelAction","rest","ref","React","createElement","Dialog","title","onClose","primaryAction","label","onClick","secondaryAction","disableEscapeKeyDown","Typography","variant","spacing","margin","DiscardChangesDialog","forwardRef"],"mappings":"4IAkCA,MAAMA,EAAiF,EAEnFC,OACAC,gBACAC,mBACAC,4BACAC,yBACAC,eACAC,aACAC,kBACGC,GAELC,IAGEC,EAACC,cAAAC,EACK,IAAAJ,EACJC,IAAKA,EACLT,KAAMA,EACNa,MAAOP,EACPQ,QAASb,EACTM,aAAcA,EACdQ,cAAe,CACbC,MAAOb,EACPc,QAASf,GAEXgB,gBAAiB,CACfF,MAAOZ,EACPa,QAAShB,GAEXkB,qBAAsB,OAEtBT,EAAAC,cAACS,EAAW,CAAAC,QAAQ,OAAOC,QAAS,CAAEC,OAAQ,IAC3ClB,IAMI,MAAAmB,EAAuBd,EAAMe,WAAW1B"}
+{"version":3,"file":"DiscardChangesDialog.esm.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  [dataAttribute: DataAttributeKey]: any;\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":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,6BAA6B,GAAoD,CACrF,EACE,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EACD,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE;AACb,YAAA,KAAK,EAAE,yBAAyB;AAChC,YAAA,OAAO,EAAE,gBAAgB;AAC1B,SAAA,EACD,eAAe,EAAE;AACf,YAAA,KAAK,EAAE,sBAAsB;AAC7B,YAAA,OAAO,EAAE,aAAa;SACvB,EACD,oBAAoB,EAAE,KAAK,EAAA;AAE3B,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAA,EAC9C,YAAY,CACF,CACN,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAC,6BAA6B;;;;"}

package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesModal.esm.js

@@ -1,2 +1,39 @@
-import e,{useState as a,Fragment as o}from"react";import{BaseModal as s}from"../BaseModal/BaseModal.esm.js";import{BaseModalHeader as r}from"../BaseModal/BaseModalHeader/BaseModalHeader.esm.js";import{DiscardChangesDialog as l}from"./DiscardChangesDialog/DiscardChangesDialog.esm.js";const n=({id:n,children:d,headerProps:t,discardChangedDialogProps:i,modalRef:m,dialogRef:c,onClose:f,hasUnsavedChanges:g,...p})=>{const[h,C]=a(false);const D=()=>g()?C(true):f();const B=()=>{C(false)};const E=()=>{C(false);f()};return e.createElement(o,null,e.createElement(s,{id:n,ref:m,onClose:D,...p},e.createElement(r,{...t,id:`${n}-label`,onClose:D}),d),e.createElement(l,{...i,ref:c,open:h,onKeepEditing:B,onDiscardChanges:E}))};export{n as DiscardChangesModal};
+import React, { useState, Fragment } from 'react';
+import { BaseModal } from '../BaseModal/BaseModal.esm.js';
+import { BaseModalHeader } from '../BaseModal/BaseModalHeader/BaseModalHeader.esm.js';
+import { DiscardChangesDialog } from './DiscardChangesDialog/DiscardChangesDialog.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+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 (React.createElement(Fragment, null,
+        React.createElement(BaseModal, { id: id, ref: modalRef, onClose: onCloseWrapper, ...rest },
+            React.createElement(BaseModalHeader, { ...headerProps, id: `${id}-label`, onClose: onCloseWrapper }),
+            children),
+        React.createElement(DiscardChangesDialog, { ...discardChangedDialogProps, ref: dialogRef, open: openDiscardChangesDialog, onKeepEditing: onDialogKeepEditing, onDiscardChanges: onDialogDiscardChanges })));
+};
+
+export { DiscardChangesModal };
 //# sourceMappingURL=DiscardChangesModal.esm.js.map

package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesModal.esm.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":["DiscardChangesModal","id","children","headerProps","discardChangedDialogProps","modalRef","dialogRef","onClose","hasUnsavedChanges","rest","openDiscardChangesDialog","setOpenDiscardChangesDialog","useState","onCloseWrapper","onDialogKeepEditing","onDialogDiscardChanges","React","Fragment","createElement","Modal","ref","ModalHeader","DiscardChangesDialog","open","onKeepEditing","onDiscardChanges"],"mappings":"4RAoCa,MAAAA,EAAsB,EACjCC,KACAC,WACAC,cACAC,4BACAC,WACAC,YACAC,UACAC,uBACGC,MAEH,MAAOC,EAA0BC,GAA+BC,EAAS,OAEzE,MAAMC,EAAiB,IACrBL,IAAsBG,EAA4B,MAAQJ,IAE5D,MAAMO,EAAsB,KAC1BH,EAA4B,MAAM,EAGpC,MAAMI,EAAyB,KAC7BJ,EAA4B,OAC5BJ,GAAS,EAGX,OACES,gBAACC,EAAQ,KACPD,EAAAE,cAACC,EAAK,CAAClB,GAAIA,EAAImB,IAAKf,EAAUE,QAASM,KAAoBJ,GACzDO,EAAAE,cAACG,EAAW,IAAKlB,EAAaF,GAAI,GAAGA,UAAYM,QAASM,IACzDX,GAEHc,EAACE,cAAAI,MACKlB,EACJgB,IAAKd,EACLiB,KAAMb,EACNc,cAAeV,EACfW,iBAAkBV,IAGtB"}
+{"version":3,"file":"DiscardChangesModal.esm.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":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAsBU,MAAA,mBAAmB,GAAG,CAAC,EAClC,EAAE,EACF,QAAQ,EACR,WAAW,EACX,yBAAyB,EACzB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACD,KAAI;IACV,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEhF,IAAA,MAAM,cAAc,GAAG,MACrB,iBAAiB,EAAE,GAAG,2BAA2B,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC;IAEtE,MAAM,mBAAmB,GAAG,MAAK;QAC/B,2BAA2B,CAAC,KAAK,CAAC,CAAC;AACrC,KAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,MAAK;QAClC,2BAA2B,CAAC,KAAK,CAAC,CAAC;AACnC,QAAA,OAAO,EAAE,CAAC;AACZ,KAAC,CAAC;IAEF,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAACA,SAAK,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,KAAM,IAAI,EAAA;AAC7D,YAAA,KAAA,CAAA,aAAA,CAACC,eAAW,EAAA,EAAA,GAAK,WAAW,EAAE,EAAE,EAAE,CAAG,EAAA,EAAE,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA;AAC3E,YAAA,QAAQ,CACH;QACR,KAAC,CAAA,aAAA,CAAA,oBAAoB,OACf,yBAAyB,EAC7B,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,wBAAwB,EAC9B,aAAa,EAAE,mBAAmB,EAClC,gBAAgB,EAAE,sBAAsB,EAAA,CACxC,CACO,EACX;AACJ;;;;"}

package/dist/esm/Notifications/NotificationProvider/NotificationContext.esm.js

@@ -1,2 +1,143 @@
-import e,{createContext as t,useReducer as s,useContext as a,useCallback as n,useEffect as i}from"react";import{defaultTranslations as r}from"./NotificationService.esm.js";import{generateID as o,deepMerge as d}from"../../src/util/helper.esm.js";import{useAlert as c}from"../Alert/useAlert.esm.js";const l={notifications:[]};const u=({translations:e={},dispatchFn:t})=>{const{enqueueErrorAlert:s,enqueueSuccessAlert:a}=c();const{state:{notifications:n}}=f();const o=d(r,e);const l=e=>{if(e.message)return e.message;switch(e.status){case 500:return o.messages.general;case 400:return o.messages.badRequest;case 401:return o.messages.unauthorized;case 403:return o.messages.forbidden;case 404:return o.messages.notFound;case 502:case 503:return o.messages.unavailable;case 504:return o.messages.timeout;default:return o.messages.general}};i((()=>{n.forEach((e=>{var n,i;if(e.status&&e.handled&&(e.status===401||e.status===403))t({type:"remove",payload:{id:e.id}});else if(e.status&&!e.handled&&e.type==="error"){s({title:(n=e.title)!==null&&n!==void 0?n:o.general.error,content:l(e),onClose:()=>t({type:"remove",payload:{id:e.id}})});t({type:"handled",payload:{id:e.id,handled:true}})}else if(e.title&&!e.handled&&e.type==="success"){a({title:(i=e.title)!==null&&i!==void 0?i:o.general.success,content:e.message,onClose:()=>t({type:"remove",payload:{id:e.id}})});t({type:"handled",payload:{id:e.id,handled:true}})}}))}),[n.length]);return null};const p=t({state:l,dispatch:()=>{}});const m=({children:t,translations:a})=>{const[n,i]=s(h,l);return e.createElement(p.Provider,{value:{state:n,dispatch:i}},t,e.createElement(u,{translations:a,dispatchFn:i}))};const f=()=>{const e=a(p);const t=n((t=>{e.dispatch({type:"add",payload:t})}),[e]);const s=n((t=>{e.dispatch({type:"remove",payload:{id:t}})}),[e]);const i=n((()=>{e.dispatch({type:"reset"})}),[e]);return{state:e.state,addNotification:t,removeNotification:s,resetNotifications:i}};const h=(e,t)=>{switch(t.type){case"add":return{...e,notifications:[...e.notifications,{...t.payload,id:o(),handled:false}]};case"remove":return{...e,notifications:e.notifications.filter((e=>{var s;return e.id!==((s=t.payload)===null||s===void 0?void 0:s.id)}))};case"handled":return{...e,notifications:e.notifications.map((e=>{var s;return e.id===((s=t.payload)===null||s===void 0?void 0:s.id)?{...e,handled:true}:e}))};case"reset":return{...e,notifications:[]};default:return e}};export{p as NotificationContext,u as NotificationHandler,m as NotificationProvider,h as notificationReducer,f as useNotificationContext};
+import React, { createContext, useReducer, useContext, useCallback, useEffect } from 'react';
+import { defaultTranslations } from './NotificationService.esm.js';
+import { generateID, deepMerge } from '../../src/util/helper.esm.js';
+import { useAlert } from '../Alert/useAlert.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+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 => {
+            var _a, _b;
+            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: (_a = notification.title) !== null && _a !== void 0 ? _a : 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: (_b = notification.title) !== null && _b !== void 0 ? _b : 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: () => undefined
+});
+const NotificationProvider = ({ children, translations }) => {
+    const [state, dispatch] = useReducer(notificationReducer, initialState);
+    return (React.createElement(NotificationContext.Provider, { value: { state, dispatch } },
+        children,
+        React.createElement(NotificationHandler, { translations: 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 || _a === void 0 ? void 0 : _a.id); })
+            };
+        case "handled":
+            return {
+                ...state,
+                notifications: state.notifications.map(notification => { var _a; return notification.id === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.id) ? { ...notification, handled: true } : notification; })
+            };
+        case "reset":
+            return {
+                ...state,
+                notifications: []
+            };
+        default:
+            return state;
+    }
+};
+
+export { NotificationContext, NotificationHandler, NotificationProvider, notificationReducer, useNotificationContext };
 //# sourceMappingURL=NotificationContext.esm.js.map