@onewelcome/react-lib-components 4.2.0 → 5.0.0

package/dist/esm/Notifications/Banner/Banner.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const n = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var _=".Banner_module_banner__47d111af{background-color:var(--light);border-radius:var(--banner-border-radius);border-style:solid;border-width:0 0 0 var(--banner-border-width);display:flex;flex-grow:0;padding:1rem 1.25rem}.Banner_module_banner__47d111af .Banner_module_container__47d111af{color:var(--default);display:block;flex:1;margin-left:1rem}.Banner_module_banner__47d111af .Banner_module_headline__47d111af{margin-bottom:.25rem}.Banner_module_banner__47d111af .Banner_module_content__47d111af{margin-bottom:0}.Banner_module_banner__47d111af .Banner_module_icon__47d111af{font-size:1.25rem;line-height:var(--default-line-height);margin-top:.1rem}.Banner_module_banner__47d111af.Banner_module_info__47d111af{border-color:var(--info)}.Banner_module_banner__47d111af.Banner_module_info__47d111af .Banner_module_headline__47d111af,.Banner_module_banner__47d111af.Banner_module_info__47d111af .Banner_module_icon__47d111af{color:var(--info)}.Banner_module_banner__47d111af.Banner_module_warning__47d111af{border-color:var(--warning)}.Banner_module_banner__47d111af.Banner_module_warning__47d111af .Banner_module_headline__47d111af,.Banner_module_banner__47d111af.Banner_module_warning__47d111af .Banner_module_icon__47d111af{color:var(--warning)}.Banner_module_banner__47d111af.Banner_module_error__47d111af{border-color:var(--error)}.Banner_module_banner__47d111af.Banner_module_error__47d111af .Banner_module_headline__47d111af,.Banner_module_banner__47d111af.Banner_module_error__47d111af .Banner_module_icon__47d111af{color:var(--error)}",e={banner:"Banner_module_banner__47d111af",container:"Banner_module_container__47d111af",headline:"Banner_module_headline__47d111af",content:"Banner_module_content__47d111af",icon:"Banner_module_icon__47d111af",info:"Banner_module_info__47d111af",warning:"Banner_module_warning__47d111af",error:"Banner_module_error__47d111af"};n(_,{});export{_ as css,e as default};
+import n from "../../../lib/style-inject.js";var e='/*!\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 */.Banner-module_banner__YfpRS{background-color:var(--light);border-radius:var(--banner-border-radius);border-style:solid;border-width:0 0 0 var(--banner-border-width);display:flex;flex-grow:0;padding:1rem 1.25rem}.Banner-module_banner__YfpRS .Banner-module_container__IwBEp{color:var(--default);display:block;flex:1;margin-left:1rem}.Banner-module_banner__YfpRS .Banner-module_headline__J6Wud{margin-bottom:.25rem}.Banner-module_banner__YfpRS .Banner-module_content__OKABk{margin-bottom:0}.Banner-module_banner__YfpRS .Banner-module_icon__Nlh-W{font-size:1.25rem;line-height:var(--default-line-height);margin-top:.1rem}.Banner-module_banner__YfpRS.Banner-module_info__uEjbr{border-color:var(--info)}.Banner-module_banner__YfpRS.Banner-module_info__uEjbr .Banner-module_headline__J6Wud,.Banner-module_banner__YfpRS.Banner-module_info__uEjbr .Banner-module_icon__Nlh-W{color:var(--info)}.Banner-module_banner__YfpRS.Banner-module_warning__gBzK0{border-color:var(--warning)}.Banner-module_banner__YfpRS.Banner-module_warning__gBzK0 .Banner-module_headline__J6Wud,.Banner-module_banner__YfpRS.Banner-module_warning__gBzK0 .Banner-module_icon__Nlh-W{color:var(--warning)}.Banner-module_banner__YfpRS.Banner-module_error__1Tb4E{border-color:var(--error)}.Banner-module_banner__YfpRS.Banner-module_error__1Tb4E .Banner-module_headline__J6Wud,.Banner-module_banner__YfpRS.Banner-module_error__1Tb4E .Banner-module_icon__Nlh-W{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQUVFLDZCQUE4QixDQUs5Qix5Q0FBMEMsQ0FGMUMsa0JBQW1CLENBRG5CLDZDQUE4QyxDQUQ5QyxZQUFhLENBR2IsV0FBWSxDQUxaLG9CQU9GLENBQ0EsNkRBSUUsb0JBQXFCLENBSHJCLGFBQWMsQ0FFZCxNQUFPLENBRFAsZ0JBR0YsQ0FDQSw0REFDRSxvQkFDRixDQUNBLDJEQUNFLGVBQ0YsQ0FDQSx3REFFRSxpQkFBa0IsQ0FDbEIsc0NBQXVDLENBRnZDLGdCQUdGLENBQ0EsdURBQ0Usd0JBQ0YsQ0FJQSx3S0FDRSxpQkFDRixDQUNBLDBEQUNFLDJCQUNGLENBSUEsOEtBQ0Usb0JBQ0YsQ0FDQSx3REFDRSx5QkFDRixDQUlBLDBLQUNFLGtCQUNGIiwiZmlsZSI6IkJhbm5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uYmFubmVyIHtcbiAgcGFkZGluZzogMXJlbSAxLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci13aWR0aDogMCAwIDAgdmFyKC0tYmFubmVyLWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGZsZXgtZ3JvdzogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYmFubmVyLWJvcmRlci1yYWRpdXMpO1xufVxuLmJhbm5lciAuY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAxcmVtO1xuICBmbGV4OiAxO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG4uYmFubmVyIC5oZWFkbGluZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG59XG4uYmFubmVyIC5jb250ZW50IHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cbi5iYW5uZXIgLmljb24ge1xuICBtYXJnaW4tdG9wOiAwLjFyZW07XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xufVxuLmJhbm5lci5pbmZvIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbmZvKTtcbn1cbi5iYW5uZXIuaW5mbyAuaWNvbiB7XG4gIGNvbG9yOiB2YXIoLS1pbmZvKTtcbn1cbi5iYW5uZXIuaW5mbyAuaGVhZGxpbmUge1xuICBjb2xvcjogdmFyKC0taW5mbyk7XG59XG4uYmFubmVyLndhcm5pbmcge1xuICBib3JkZXItY29sb3I6IHZhcigtLXdhcm5pbmcpO1xufVxuLmJhbm5lci53YXJuaW5nIC5pY29uIHtcbiAgY29sb3I6IHZhcigtLXdhcm5pbmcpO1xufVxuLmJhbm5lci53YXJuaW5nIC5oZWFkbGluZSB7XG4gIGNvbG9yOiB2YXIoLS13YXJuaW5nKTtcbn1cbi5iYW5uZXIuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5iYW5uZXIuZXJyb3IgLmljb24ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmJhbm5lci5lcnJvciAuaGVhZGxpbmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */';var l={banner:"Banner-module_banner__YfpRS",container:"Banner-module_container__IwBEp",headline:"Banner-module_headline__J6Wud",content:"Banner-module_content__OKABk",icon:"Banner-module_icon__Nlh-W",info:"Banner-module_info__uEjbr",warning:"Banner-module_warning__gBzK0",error:"Banner-module_error__1Tb4E"};n(e);export{l as default};
 //# sourceMappingURL=Banner.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useRef as o,useEffect as l}from"react";import{createPortal as a}from"react-dom";import{useGetDomRoot as d}from"../../src/hooks/useGetDomRoot.esm.js";import n from"./BaseModal.module.esm.js";import{labelId as r,descriptionId as t}from"./BaseModalContext.esm.js";const s="overflow",i=e=>{l((()=>{e?document.body.style[s]="hidden":0===document.querySelectorAll("[role=dialog][data-hidden=false]").length&&document.body.style.removeProperty(s)}),[e])},m=e.forwardRef((({id:s,children:m,open:c,onClose:u,className:p="",containerProps:v,backdropProps:b,labelledby:y,describedby:f,disableEscapeKeyDown:h=!1,disableBackdrop:E=!1,forceContainerOpen:$=!1,zIndex:N,domRoot:x,...C},g)=>{var k,I,w;i(c);const z=o(null),{root:P}=d(x,z);l((()=>{var e;c&&(null===(e=z.current)||void 0===e||e.focus())}),[c]);const j=()=>e.Children.map(m,(o=>{var l;return e.isValidElement(o)?e.cloneElement(o,{onClose:null!==(l=o.props.onClose)&&void 0!==l?l:u}):o}));return e.createElement("div",{ref:z},a(e.createElement("div",{...C,ref:g,id:s,className:`${n.modal} ${c?n.visible:""} ${p}`,role:"dialog","aria-modal":"true","aria-labelledby":null!=y?y:r(s),"aria-describedby":null!=f?f:t(s),"aria-hidden":!c,tabIndex:-1,"data-hidden":!c,onKeyDown:e=>{h||"Escape"!==e.key||(e.stopPropagation(),null==u||u())},style:{zIndex:N}},e.createElement("div",{...b,className:`${n.backdrop} ${null!==(k=null==b?void 0:b.className)&&void 0!==k?k:""}`,onClick:()=>!E&&u&&u()}),$?e.createElement("div",{...v,"aria-hidden":!c,"data-element":"dialog",hidden:!c,style:{zIndex:N&&N+1},className:`${n.container} ${null!==(I=null==v?void 0:v.className)&&void 0!==I?I:""}`},j()):c&&e.createElement("div",{...v,"data-element":"dialog",style:{zIndex:N&&N+1},className:`${n.container} ${null!==(w=null==v?void 0:v.className)&&void 0!==w?w:""}`},j())),P))}));export{m as BaseModal,i as useSetBodyScroll};
+import e,{useRef as o,useEffect as l}from"react";import{createPortal as a}from"react-dom";import{useGetDomRoot as d}from"../../src/hooks/useGetDomRoot.esm.js";import n from"./BaseModal.module.esm.js";import{labelId as t,descriptionId as s}from"./BaseModalContext.esm.js";const r="overflow";const i="hidden";const c=e=>{const o=()=>{document.body.style[r]=i};const a=()=>{const e=document.querySelectorAll("[role=dialog][data-hidden=false]").length===0;if(e)document.body.style.removeProperty(r)};l((()=>{if(e)o();else a()}),[e])};const m=({id:r,children:i,open:m,onClose:v,className:u="",containerProps:f,backdropProps:p,labelledby:b,describedby:y,disableEscapeKeyDown:h=false,disableBackdrop:E=false,forceContainerOpen:$=false,zIndex:N,domRoot:x,...C},g)=>{var k,I,w;c(m);const z=o(null);const{root:P}=d(x,z);const j=e=>{if(!h&&e.key==="Escape"){e.stopPropagation();v===null||v===void 0?void 0:v()}};l((()=>{var e;if(m)(e=z.current)===null||e===void 0?void 0:e.focus()}),[m]);const B=()=>!E&&v&&v();const D=()=>e.Children.map(i,(o=>{var l;if(e.isValidElement(o))return e.cloneElement(o,{onClose:(l=o.props.onClose)!==null&&l!==void 0?l:v});return o}));return e.createElement("div",{ref:z},a(e.createElement("div",{...C,ref:g,id:r,className:`${n["modal"]} ${m?n["visible"]:""} ${u}`,role:"dialog","aria-modal":"true","aria-labelledby":b!==null&&b!==void 0?b:t(r),"aria-describedby":y!==null&&y!==void 0?y:s(r),"aria-hidden":!m,tabIndex:-1,"data-hidden":!m,onKeyDown:j,style:{zIndex:N}},e.createElement("div",{...p,className:`${n["backdrop"]} ${(k=p===null||p===void 0?void 0:p.className)!==null&&k!==void 0?k:""}`,onClick:B}),$?e.createElement("div",{...f,"aria-hidden":!m,"data-element":"dialog",hidden:!m,style:{zIndex:N&&N+1},className:`${n["container"]} ${(I=f===null||f===void 0?void 0:f.className)!==null&&I!==void 0?I:""}`},D()):m&&e.createElement("div",{...f,"data-element":"dialog",style:{zIndex:N&&N+1},className:`${n["container"]} ${(w=f===null||f===void 0?void 0:f.className)!==null&&w!==void 0?w:""}`},D())),P))};const v=e.forwardRef(m);export{v as BaseModal,c as useSetBodyScroll};
 //# sourceMappingURL=BaseModal.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModal.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BaseModal.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/BaseModal.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  ComponentPropsWithRef,\n  useEffect,\n  useRef,\n  ReactElement\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport classes from \"./BaseModal.module.scss\";\nimport { labelId, descriptionId } from \"./BaseModalContext\";\n\nconst SCROLL_PROPERTY_NAME = \"overflow\";\nconst SCROLL_PROPERTY_VALUE = \"hidden\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  children: React.ReactNode;\n  open: boolean;\n  onClose?: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  className?: string;\n  containerProps?: ComponentPropsWithRef<\"div\">;\n  backdropProps?: ComponentPropsWithRef<\"div\">;\n  labelledby?: string;\n  describedby?: string;\n  disableEscapeKeyDown?: boolean;\n  disableBackdrop?: boolean;\n  forceContainerOpen?: boolean;\n  zIndex?: number;\n  domRoot?: HTMLElement;\n}\n\nexport const useSetBodyScroll = (open: boolean) => {\n  const hideBodyScroll = () => {\n    document.body.style[SCROLL_PROPERTY_NAME] = SCROLL_PROPERTY_VALUE;\n  };\n\n  const showBodyScroll = () => {\n    const allModalsClosed =\n      document.querySelectorAll(\"[role=dialog][data-hidden=false]\").length === 0;\n    if (allModalsClosed) {\n      document.body.style.removeProperty(SCROLL_PROPERTY_NAME);\n    }\n  };\n\n  useEffect(() => {\n    if (open) {\n      hideBodyScroll();\n    } else {\n      showBodyScroll();\n    }\n  }, [open]);\n};\n\nconst BaseModalComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    children,\n    open,\n    onClose,\n    className = \"\",\n    containerProps,\n    backdropProps,\n    labelledby,\n    describedby,\n    disableEscapeKeyDown = false,\n    disableBackdrop = false,\n    forceContainerOpen = false,\n    zIndex,\n    domRoot,\n    ...rest\n  }: Props,\n  ref\n) => {\n  useSetBodyScroll(open);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const handleEscKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disableEscapeKeyDown && event.key === \"Escape\") {\n      event.stopPropagation();\n      onClose?.();\n    }\n  };\n\n  useEffect(() => {\n    if (open) {\n      wrappingDivRef.current?.focus();\n    }\n  }, [open]);\n\n  const handleBackdropClick = () => !disableBackdrop && onClose && onClose();\n\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child as ReactElement, {\n          onClose: child.props.onClose ?? onClose\n        });\n      }\n      return child;\n    });\n\n  return (\n    <div ref={wrappingDivRef}>\n      {createPortal(\n        <div\n          {...rest}\n          ref={ref}\n          id={id}\n          className={`${classes[\"modal\"]} ${open ? classes[\"visible\"] : \"\"} ${className}`}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={labelledby ?? labelId(id)}\n          aria-describedby={describedby ?? descriptionId(id)}\n          aria-hidden={!open}\n          tabIndex={-1}\n          data-hidden={!open}\n          onKeyDown={handleEscKeyPress}\n          style={{ zIndex }}\n        >\n          <div\n            {...backdropProps}\n            className={`${classes[\"backdrop\"]} ${backdropProps?.className ?? \"\"}`}\n            onClick={handleBackdropClick}\n          ></div>\n          {forceContainerOpen ? (\n            <div\n              {...containerProps}\n              aria-hidden={!open}\n              data-element=\"dialog\"\n              hidden={!open}\n              style={{ zIndex: zIndex && zIndex + 1 }}\n              className={`${classes[\"container\"]} ${containerProps?.className ?? \"\"}`}\n            >\n              {renderChildren()}\n            </div>\n          ) : (\n            open && (\n              <div\n                {...containerProps}\n                data-element=\"dialog\"\n                style={{ zIndex: zIndex && zIndex + 1 }}\n                className={`${classes[\"container\"]} ${containerProps?.className ?? \"\"}`}\n              >\n                {renderChildren()}\n              </div>\n            )\n          )}\n        </div>,\n        root\n      )}\n    </div>\n  );\n};\n\nexport const BaseModal = React.forwardRef(BaseModalComponent);\n"],"names":["SCROLL_PROPERTY_NAME","SCROLL_PROPERTY_VALUE","useSetBodyScroll","open","hideBodyScroll","document","body","style","showBodyScroll","allModalsClosed","querySelectorAll","length","removeProperty","useEffect","BaseModalComponent","id","children","onClose","className","containerProps","backdropProps","labelledby","describedby","disableEscapeKeyDown","disableBackdrop","forceContainerOpen","zIndex","domRoot","rest","ref","wrappingDivRef","useRef","root","useGetDomRoot","handleEscKeyPress","event","key","stopPropagation","_a","current","focus","handleBackdropClick","renderChildren","React","Children","map","child","isValidElement","cloneElement","props","createElement","createPortal","classes","role","labelId","descriptionId","tabIndex","onKeyDown","onClick","hidden","_b","_c","BaseModal","forwardRef"],"mappings":"+QA4BA,MAAMA,EAAuB,WAC7B,MAAMC,EAAwB,SAmBjB,MAAAC,EAAoBC,IAC/B,MAAMC,EAAiB,KACrBC,SAASC,KAAKC,MAAMP,GAAwBC,CAAqB,EAGnE,MAAMO,EAAiB,KACrB,MAAMC,EACJJ,SAASK,iBAAiB,oCAAoCC,SAAW,EAC3E,GAAIF,EACFJ,SAASC,KAAKC,MAAMK,eAAeZ,EACpC,EAGHa,GAAU,KACR,GAAIV,EACFC,SAEAI,GACD,GACA,CAACL,GAAM,EAGZ,MAAMW,EAAsE,EAExEC,KACAC,WACAb,OACAc,UACAC,YAAY,GACZC,iBACAC,gBACAC,aACAC,cACAC,uBAAuB,MACvBC,kBAAkB,MAClBC,qBAAqB,MACrBC,SACAC,aACGC,GAELC,eAEA3B,EAAiBC,GACjB,MAAM2B,EAAiBC,EAAuB,MAC9C,MAAMC,KAAEA,GAASC,EAAcN,EAASG,GAExC,MAAMI,EAAqBC,IACzB,IAAKZ,GAAwBY,EAAMC,MAAQ,SAAU,CACnDD,EAAME,kBACNpB,IAAA,MAAAA,SAAA,OAAA,EAAAA,GACD,GAGHJ,GAAU,WACR,GAAIV,GACFmC,EAAAR,EAAeS,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,OACzB,GACA,CAACrC,IAEJ,MAAMsC,EAAsB,KAAOjB,GAAmBP,GAAWA,IAEjE,MAAMyB,EAAiB,IACrBC,EAAMC,SAASC,IAAI7B,GAAU8B,UAC3B,GAAIH,EAAMI,eAAeD,GACvB,OAAOH,EAAMK,aAAaF,EAAuB,CAC/C7B,WAAS6B,EAAMG,MAAMhC,8BAAWA,IAGpC,OAAO6B,CAAK,IAGhB,OACEH,EAAKO,cAAA,MAAA,CAAArB,IAAKC,GACPqB,EACCR,EAAAO,cAAA,MAAA,IACMtB,EACJC,IAAKA,EACLd,GAAIA,EACJG,UAAW,GAAGkC,EAAQ,YAAYjD,EAAOiD,EAAQ,WAAa,MAAMlC,IACpEmC,KAAK,SAAQ,aACF,OACM,kBAAAhC,UAAAA,SAAU,EAAVA,EAAciC,EAAQvC,sBACrBO,IAAW,MAAXA,SAAA,EAAAA,EAAeiC,EAAcxC,GAAG,eACpCZ,EACdqD,UAAW,EACE,eAACrD,EACdsD,UAAWvB,EACX3B,MAAO,CAAEmB,WAETiB,EACMO,cAAA,MAAA,IAAA9B,EACJF,UAAW,GAAGkC,EAAQ,gBAAed,EAAAlB,UAAAA,SAAa,OAAA,EAAbA,EAAeF,aAAS,MAAAoB,SAAA,EAAAA,EAAI,KACjEoB,QAASjB,IAEVhB,EACCkB,EAAAO,cAAA,MAAA,IACM/B,EACS,eAAChB,EAAI,eACL,SACbwD,QAASxD,EACTI,MAAO,CAAEmB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAGkC,EAAQ,iBAAgBQ,EAAAzC,IAAc,MAAdA,SAAA,OAAA,EAAAA,EAAgBD,aAAa,MAAA0C,SAAA,EAAAA,EAAA,MAElElB,KAGHvC,GACEwC,EAAAO,cAAA,MAAA,IACM/B,EACS,eAAA,SACbZ,MAAO,CAAEmB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAGkC,EAAQ,iBAAgBS,EAAA1C,IAAA,MAAAA,kBAAAA,EAAgBD,aAAS,MAAA2C,SAAA,EAAAA,EAAI,MAElEnB,MAKTV,GAGJ,EAGS,MAAA8B,EAAYnB,EAAMoB,WAAWjD"}

package/dist/esm/Notifications/BaseModal/BaseModal.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d='.BaseModal_module_srOnly__f0ede9cc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal_module_hidden__f0ede9cc{display:none}.BaseModal_module_slideIn__f0ede9cc{animation:BaseModal_module_slideIn__f0ede9cc .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideIn__f0ede9cc{animation-duration:.1ms}}.BaseModal_module_slideOut__f0ede9cc{animation:BaseModal_module_slideOut__f0ede9cc .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideOut__f0ede9cc{animation-duration:.1ms}}@keyframes BaseModal_module_slideIn__f0ede9cc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_module_slideOut__f0ede9cc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseModal_module_modal__f0ede9cc{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal_module_modal__f0ede9cc .BaseModal_module_backdrop__f0ede9cc{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal_module_modal__f0ede9cc .BaseModal_module_backdrop__f0ede9cc{transition-duration:.1ms}}.BaseModal_module_modal__f0ede9cc.BaseModal_module_visible__f0ede9cc{visibility:visible}.BaseModal_module_modal__f0ede9cc.BaseModal_module_visible__f0ede9cc .BaseModal_module_backdrop__f0ede9cc{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_module_container__f0ede9cc{background-color:var(--modal-background-color);display:flex;flex-direction:column;height:auto;margin-top:3.125rem;max-height:calc(90% - 3.125rem);width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal_module_container__f0ede9cc{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);width:50rem}}',o={"sr-only":"BaseModal_module_srOnly__f0ede9cc",hidden:"BaseModal_module_hidden__f0ede9cc","slide-in":"BaseModal_module_slideIn__f0ede9cc","slide-out":"BaseModal_module_slideOut__f0ede9cc",modal:"BaseModal_module_modal__f0ede9cc",backdrop:"BaseModal_module_backdrop__f0ede9cc",visible:"BaseModal_module_visible__f0ede9cc",container:"BaseModal_module_container__f0ede9cc"};e(d,{});export{d as css,o as default};
+import i from "../../../lib/style-inject.js";var e='/*!\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/*!\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/*!\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 */.BaseModal-module_sr-only__zUl6G{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal-module_hidden__Tky0a{display:none}.BaseModal-module_slide-in__3bHb-{animation:BaseModal-module_slide-in__3bHb- .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal-module_slide-in__3bHb-{animation-duration:.1ms}}.BaseModal-module_slide-out__uPXZJ{animation:BaseModal-module_slide-out__uPXZJ .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal-module_slide-out__uPXZJ{animation-duration:.1ms}}@keyframes BaseModal-module_slide-in__3bHb-{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal-module_slide-out__uPXZJ{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 */.BaseModal-module_modal__IoSIp{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal-module_modal__IoSIp .BaseModal-module_backdrop__c4BrM{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal-module_modal__IoSIp .BaseModal-module_backdrop__c4BrM{transition-duration:.1ms}}.BaseModal-module_modal__IoSIp.BaseModal-module_visible__r7HeM{visibility:visible}.BaseModal-module_modal__IoSIp.BaseModal-module_visible__r7HeM .BaseModal-module_backdrop__c4BrM{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal-module_container__vHjfd{background-color:var(--modal-background-color);display:flex;flex-direction:column;height:auto;margin-top:3.125rem;max-height:calc(90% - 3.125rem);width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal-module_container__vHjfd{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);width:50rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsZ0NBQ0UsWUFDRixDQUVBLGtDQUNFLHVEQUNGLENBQ0EsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLG1DQUNFLHdEQUNGLENBQ0EsdUNBQ0UsbUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLDRDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw2Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwrQkFTRSxzQkFBdUIsQ0FEdkIsWUFBYSxDQUhiLFlBQWEsQ0FLYixzQkFBdUIsQ0FOdkIsTUFBTyxDQUhQLGNBQWUsQ0FFZixLQUFNLENBSU4saUJBQWtCLENBRGxCLFdBQVksQ0FKWixVQVNGLENBQ0EsaUVBT0UsNEJBQTZCLENBTjdCLFVBQVcsQ0FHWCxXQUFZLENBQ1osTUFBTyxDQUhQLGlCQUFrQixDQUlsQixLQUFNLENBR04sdUJBQXlCLENBRHpCLG9DQUFxQyxDQUVyQywrQkFBZ0MsQ0FQaEMsVUFRRixDQUNBLHVDQUNFLGlFQUNFLHdCQUNGLENBQ0YsQ0FDQSwrREFDRSxrQkFDRixDQUNBLGlHQUNFLDRDQUE2QyxDQUM3QyxXQUNGLENBRUEsbUNBRUUsOENBQStDLENBSy9DLFlBQWEsQ0FDYixxQkFBc0IsQ0FIdEIsV0FBWSxDQUpaLG1CQUFvQixDQUtwQiwrQkFBZ0MsQ0FGaEMsdUJBQXdCLENBRHhCLFVBTUYsQ0FFQSx3Q0FDRSxtQ0FFRSxpQkFBa0IsQ0FDbEIsZ0RBQWlELENBRmpELFdBR0YsQ0FDRiIsImZpbGUiOiJCYXNlTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLm1vZGFsIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogMTAwdnc7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLm1vZGFsIC5iYWNrZHJvcCB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvcjtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2U7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAubW9kYWwgLmJhY2tkcm9wIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLm1vZGFsLnZpc2libGUge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuLm1vZGFsLnZpc2libGUgLmJhY2tkcm9wIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbW9kYWwtYmFja2Ryb3AtY29sb3IpO1xuICBvcGFjaXR5OiAwLjc1O1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWFyZ2luLXRvcDogMy4xMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1vZGFsLWJhY2tncm91bmQtY29sb3IpO1xuICB6LWluZGV4OiAxMTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDJyZW0pO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1heC1oZWlnaHQ6IGNhbGMoOTAlIC0gMy4xMjVyZW0pO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBib3gtc2hhZG93OiAwIDMwcHggNTBweCB2YXIoLS1tb2RhbC1zaGFkb3ctY29sb3IpO1xuICB9XG59Il19 */';var l={"sr-only":"BaseModal-module_sr-only__zUl6G",hidden:"BaseModal-module_hidden__Tky0a","slide-in":"BaseModal-module_slide-in__3bHb-","slide-out":"BaseModal-module_slide-out__uPXZJ",modal:"BaseModal-module_modal__IoSIp",backdrop:"BaseModal-module_backdrop__c4BrM",visible:"BaseModal-module_visible__r7HeM",container:"BaseModal-module_container__vHjfd"};i(e);export{l as default};
 //# sourceMappingURL=BaseModal.module.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js

@@ -1,2 +1,2 @@
-import e,{useRef as t}from"react";import a from"./BaseModalActions.module.esm.js";import{Button as l}from"../../../Button/Button.esm.js";const c=e.forwardRef((({children:c,cancelAction:o,cancelActionsClassName:n="",onClose:r,className:s="",...m},i)=>{const d=e.createRef()||i,f=t(null),u=t(null),p=e.createElement(l,{variant:"text",color:"default",...null==o?void 0:o.cancelButtonProps,onClick:r},null==o?void 0:o.label);return e.createElement("div",{...m,ref:d,className:`${a.actions} ${s}`},o&&e.createElement("div",{className:`${a["cancel-action"]} ${n}`,ref:f},p),c&&e.createElement("div",{ref:u,className:a["primary-actions"]},c))}));export{c as BaseModalActions};
+import e,{useRef as t}from"react";import o from"./BaseModalActions.module.esm.js";import{Button as c}from"../../../Button/Button.esm.js";const n=({children:n,cancelAction:a,cancelActionsClassName:l="",onClose:s,className:r="",...i},m)=>{const d=e.createRef()||m;const f=t(null);const u=t(null);const v=e.createElement(c,{variant:"text",color:"default",...a===null||a===void 0?void 0:a.cancelButtonProps,onClick:s},a===null||a===void 0?void 0:a.label);return e.createElement("div",{...i,ref:d,className:`${o["actions"]} ${r}`},a&&e.createElement("div",{className:`${o["cancel-action"]} ${l}`,ref:f},v),n&&e.createElement("div",{ref:u,className:o["primary-actions"]},n))};const a=e.forwardRef(n);export{a as BaseModalActions};
 //# sourceMappingURL=BaseModalActions.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalActions.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BaseModalActions.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalActions/BaseModalActions.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, useRef } from \"react\";\nimport classes from \"./BaseModalActions.module.scss\";\nimport { Button, Props as ButtonProps } from \"../../../Button/Button\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: React.ReactNode;\n  onClose?: () => void;\n  cancelAction?: CancelAction;\n  cancelActionsClassName?: string;\n}\n\nexport interface CancelAction {\n  label: string;\n  cancelButtonProps?: ButtonProps;\n}\n\nconst BaseModalActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, cancelAction, cancelActionsClassName = \"\", onClose, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const innerRef = (React.createRef() as React.RefObject<HTMLDivElement>) || ref;\n  const cancelButtonRef = useRef<HTMLDivElement>(null);\n  const primaryActionsRef = useRef<HTMLDivElement>(null);\n\n  const cancelButton = (\n    <Button variant=\"text\" color=\"default\" {...cancelAction?.cancelButtonProps} onClick={onClose}>\n      {cancelAction?.label}\n    </Button>\n  );\n\n  return (\n    <div {...rest} ref={innerRef} className={`${classes[\"actions\"]} ${className}`}>\n      {cancelAction && (\n        <div\n          className={`${classes[\"cancel-action\"]} ${cancelActionsClassName}`}\n          ref={cancelButtonRef}\n        >\n          {cancelButton}\n        </div>\n      )}\n      {children && (\n        <div ref={primaryActionsRef} className={classes[\"primary-actions\"]}>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const BaseModalActions = React.forwardRef(BaseModalActionsComponent);\n"],"names":["BaseModalActionsComponent","children","cancelAction","cancelActionsClassName","onClose","className","rest","ref","innerRef","React","createRef","cancelButtonRef","useRef","primaryActionsRef","cancelButton","createElement","Button","variant","color","cancelButtonProps","onClick","label","classes","BaseModalActions","forwardRef"],"mappings":"yIAgCA,MAAMA,EAA6E,EAC/EC,WAAUC,eAAcC,yBAAyB,GAAIC,UAASC,YAAY,MAAOC,GACnFC,KAEA,MAAMC,EAAYC,EAAMC,aAAmDH,EAC3E,MAAMI,EAAkBC,EAAuB,MAC/C,MAAMC,EAAoBD,EAAuB,MAEjD,MAAME,EACJL,EAAAM,cAACC,EAAO,CAAAC,QAAQ,OAAOC,MAAM,aAAchB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAciB,kBAAmBC,QAAShB,GAClFF,IAAA,MAAAA,kBAAAA,EAAcmB,OAInB,OACEZ,EAASM,cAAA,MAAA,IAAAT,EAAMC,IAAKC,EAAUH,UAAW,GAAGiB,EAAQ,cAAcjB,KAC/DH,GACCO,EACEM,cAAA,MAAA,CAAAV,UAAW,GAAGiB,EAAQ,oBAAoBnB,IAC1CI,IAAKI,GAEJG,GAGJb,GACCQ,EAAAM,cAAA,MAAA,CAAKR,IAAKM,EAAmBR,UAAWiB,EAAQ,oBAC7CrB,GAIP,EAGS,MAAAsB,EAAmBd,EAAMe,WAAWxB"}

package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".BaseModalActions_module_actions__f86dea4c{border-top:1px solid var(--color-blue-grey100);display:flex;justify-content:space-between;margin:1.5rem 0 1rem;padding:1rem 1.5rem 0}.BaseModalActions_module_actions__f86dea4c>*+*{margin-left:2rem}@media screen and (max-width:640px){.BaseModalActions_module_actions__f86dea4c{display:block}.BaseModalActions_module_actions__f86dea4c .BaseModalActions_module_cancelAction__f86dea4c{display:none}.BaseModalActions_module_actions__f86dea4c .BaseModalActions_module_primaryActions__f86dea4c{align-items:flex-end;flex-direction:column;margin-left:0}.BaseModalActions_module_actions__f86dea4c .BaseModalActions_module_primaryActions__f86dea4c>*{width:100%}.BaseModalActions_module_actions__f86dea4c .BaseModalActions_module_primaryActions__f86dea4c>*+*{margin-top:.5rem}}.BaseModalActions_module_primaryActions__f86dea4c{display:flex;flex-grow:1;justify-content:flex-end}.BaseModalActions_module_primaryActions__f86dea4c button{white-space:nowrap}@media screen and (min-width:640px){.BaseModalActions_module_primaryActions__f86dea4c button+button{margin-left:.5rem}}",o={actions:"BaseModalActions_module_actions__f86dea4c","cancel-action":"BaseModalActions_module_cancelAction__f86dea4c","primary-actions":"BaseModalActions_module_primaryActions__f86dea4c"};e(a,{});export{a as css,o as default};
+import i from "../../../../lib/style-inject.js";var e='/*!\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 */.BaseModalActions-module_actions__U83Sp{border-top:1px solid var(--color-blue-grey100);display:flex;justify-content:space-between;margin:1.5rem 0 1rem;padding:1rem 1.5rem 0}.BaseModalActions-module_actions__U83Sp>*+*{margin-left:2rem}@media screen and (max-width:640px){.BaseModalActions-module_actions__U83Sp{display:block}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_cancel-action__MFK8v{display:none}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_primary-actions__KFtY1{align-items:flex-end;flex-direction:column;margin-left:0}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_primary-actions__KFtY1>*{width:100%}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_primary-actions__KFtY1>*+*{margin-top:.5rem}}.BaseModalActions-module_primary-actions__KFtY1{display:flex;flex-grow:1;justify-content:flex-end}.BaseModalActions-module_primary-actions__KFtY1 button{white-space:nowrap}@media screen and (min-width:640px){.BaseModalActions-module_primary-actions__KFtY1 button+button{margin-left:.5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbEFjdGlvbnMubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix3Q0FLRSw4Q0FBK0MsQ0FGL0MsWUFBYSxDQUNiLDZCQUE4QixDQUg5QixvQkFBcUIsQ0FDckIscUJBSUYsQ0FDQSw0Q0FDRSxnQkFDRixDQUNBLG9DQUNFLHdDQUNFLGFBQ0YsQ0FDQSxzRkFDRSxZQUNGLENBQ0Esd0ZBRUUsb0JBQXFCLENBRHJCLHFCQUFzQixDQUV0QixhQUNGLENBQ0EsMEZBQ0UsVUFDRixDQUNBLDRGQUNFLGdCQUNGLENBQ0YsQ0FFQSxnREFDRSxZQUFhLENBQ2IsV0FBWSxDQUNaLHdCQUNGLENBQ0EsdURBQ0Usa0JBQ0YsQ0FDQSxvQ0FDRSw4REFDRSxpQkFDRixDQUNGIiwiZmlsZSI6IkJhc2VNb2RhbEFjdGlvbnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmFjdGlvbnMge1xuICBtYXJnaW46IDEuNXJlbSAwIDFyZW07XG4gIHBhZGRpbmc6IDFyZW0gMS41cmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4uYWN0aW9ucyA+ICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDJyZW07XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2NDBweCkge1xuICAuYWN0aW9ucyB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgLmFjdGlvbnMgLmNhbmNlbC1hY3Rpb24ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLmFjdGlvbnMgLnByaW1hcnktYWN0aW9ucyB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gIH1cbiAgLmFjdGlvbnMgLnByaW1hcnktYWN0aW9ucyA+ICoge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5hY3Rpb25zIC5wcmltYXJ5LWFjdGlvbnMgPiAqICsgKiB7XG4gICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICB9XG59XG5cbi5wcmltYXJ5LWFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG4ucHJpbWFyeS1hY3Rpb25zIGJ1dHRvbiB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA2NDBweCkge1xuICAucHJpbWFyeS1hY3Rpb25zIGJ1dHRvbiArIGJ1dHRvbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgfVxufSJdfQ== */';var c={actions:"BaseModalActions-module_actions__U83Sp","cancel-action":"BaseModalActions-module_cancel-action__MFK8v","primary-actions":"BaseModalActions-module_primary-actions__KFtY1"};i(e);export{c as default};
 //# sourceMappingURL=BaseModalActions.module.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js

@@ -1,2 +1,2 @@
-import e,{createRef as o,useEffect as r}from"react";import t from"./BaseModalContent.module.esm.js";const n=e.forwardRef((({id:n,children:c,className:l="",disableAutoFocus:s=!1,...a},d)=>{const u=o();return r((()=>{var e,o;!s&&d?null===(e=d.current)||void 0===e||e.focus():s||null===(o=u.current)||void 0===o||o.focus()}),[]),e.createElement("div",{...a,ref:null!=d?d:u,id:n,className:`${t.content} ${l}`,tabIndex:-1},c)}));export{n as BaseModalContent};
+import e,{createRef as o,useEffect as r}from"react";import t from"./BaseModalContent.module.esm.js";const n=({id:n,children:s,className:l="",disableAutoFocus:c=false,...d},i)=>{const a=o();r((()=>{var e,o;if(!c&&i)(e=i.current)===null||e===void 0?void 0:e.focus();else if(!c)(o=a.current)===null||o===void 0?void 0:o.focus()}),[]);return e.createElement("div",{...d,ref:i!==null&&i!==void 0?i:a,id:n,className:`${t["content"]} ${l}`,tabIndex:-1},s)};const s=e.forwardRef(n);export{s as BaseModalContent};
 //# sourceMappingURL=BaseModalContent.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalContent.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BaseModalContent.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalContent/BaseModalContent.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  ComponentPropsWithRef,\n  createRef,\n  useEffect\n} from \"react\";\nimport classes from \"./BaseModalContent.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  children: React.ReactNode;\n  className?: string;\n  disableAutoFocus?: boolean;\n}\n\nconst BaseModalContentComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, children, className = \"\", disableAutoFocus = false, ...rest }: Props,\n  ref\n) => {\n  const contentRef = createRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (!disableAutoFocus && ref) {\n      (ref as React.RefObject<HTMLDivElement>).current?.focus();\n    } else if (!disableAutoFocus) {\n      contentRef.current?.focus();\n    }\n  }, []);\n\n  /**tabIndex is set to be able to do focus on that element which we need for catching keyDown events */\n  return (\n    <div\n      {...rest}\n      ref={ref ?? contentRef}\n      id={id}\n      className={`${classes[\"content\"]} ${className}`}\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const BaseModalContent = React.forwardRef(BaseModalContentComponent);\n"],"names":["BaseModalContentComponent","id","children","className","disableAutoFocus","rest","ref","contentRef","createRef","useEffect","_a","current","focus","_b","React","createElement","classes","tabIndex","BaseModalContent","forwardRef"],"mappings":"oGA+BA,MAAMA,EAA6E,EAC/EC,KAAIC,WAAUC,YAAY,GAAIC,mBAAmB,SAAUC,GAC7DC,KAEA,MAAMC,EAAaC,IAEnBC,GAAU,aACR,IAAKL,GAAoBE,GACvBI,EAACJ,EAAwCK,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,aAC7C,IAAKR,GACVS,EAAAN,EAAWI,WAAS,MAAAE,SAAA,OAAA,EAAAA,EAAAD,OACrB,GACA,IAGH,OACEE,EACMC,cAAA,MAAA,IAAAV,EACJC,IAAKA,IAAG,MAAHA,SAAG,EAAHA,EAAOC,EACZN,GAAIA,EACJE,UAAW,GAAGa,EAAQ,cAAcb,IACpCc,UAAW,GAEVf,EAEH,EAGS,MAAAgB,EAAmBJ,EAAMK,WAAWnB"}

package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".BaseModalContent_module_content__31c9c47f{color:var(--color-blue-grey500);flex:1;font-size:.875rem;line-height:1.25rem;outline:none;overflow-y:auto;padding:1.25rem 1.5rem 0}",t={content:"BaseModalContent_module_content__31c9c47f"};e(o,{});export{o as css,t as default};
+import e from "../../../../lib/style-inject.js";var i='/*!\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 */.BaseModalContent-module_content__EBc1p{color:var(--color-blue-grey500);flex:1;font-size:.875rem;line-height:1.25rem;outline:none;overflow-y:auto;padding:1.25rem 1.5rem 0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbENvbnRlbnQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix3Q0FLRSwrQkFBZ0MsQ0FGaEMsTUFBTyxDQUdQLGlCQUFtQixDQUNuQixtQkFBb0IsQ0FIcEIsWUFBYSxDQUZiLGVBQWdCLENBRGhCLHdCQU9GIiwiZmlsZSI6IkJhc2VNb2RhbENvbnRlbnQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbSAwO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBmbGV4OiAxO1xuICBvdXRsaW5lOiBub25lO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG59Il19 */';var n={content:"BaseModalContent-module_content__EBc1p"};e(i);export{n as default};
 //# sourceMappingURL=BaseModalContent.module.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalContext.esm.js

@@ -1,2 +1,2 @@
-const e=e=>`${e}-label`,o=e=>`${e}-description`;export{o as descriptionId,e as labelId};
+const o=o=>`${o}-label`;const t=o=>`${o}-description`;export{t as descriptionId,o as labelId};
 //# sourceMappingURL=BaseModalContext.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalContext.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BaseModalContext.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/BaseModalContext.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\nexport const labelId = (id: string) => `${id}-label`;\nexport const descriptionId = (id: string) => `${id}-description`;\n"],"names":["labelId","id","descriptionId"],"mappings":"AAgBO,MAAMA,EAAWC,GAAe,GAAGA,UACnC,MAAMC,EAAiBD,GAAe,GAAGA"}

package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"./BaseModalHeader.module.esm.js";import{IconButton as a}from"../../../Button/IconButton.esm.js";import{Icon as o,Icons as m}from"../../../Icon/Icon.esm.js";import{Typography as r}from"../../../Typography/Typography.esm.js";const s=e.forwardRef((({id:s,title:l,children:c,onClose:i,...n},d)=>e.createElement("div",{...n,ref:d,className:t.header},e.createElement("div",{className:t.headline},e.createElement("div",{className:t["title-wrapper"]},e.createElement(r,{id:s,className:t.title,tag:"h1",spacing:{marginBottom:0},variant:"h4"},l)),e.createElement(a,{onClick:i,className:t.closeBtn,title:"close modal"},e.createElement(o,{icon:m.Times}))),c)));export{s as BaseModalHeader};
+import e from"react";import t from"./BaseModalHeader.module.esm.js";import{IconButton as a}from"../../../Button/IconButton.esm.js";import{Icon as o,Icons as m}from"../../../Icon/Icon.esm.js";import{Typography as r}from"../../../Typography/Typography.esm.js";const s=({id:s,title:l,children:c,onClose:i,...n},d)=>e.createElement("div",{...n,ref:d,className:t["header"]},e.createElement("div",{className:t["headline"]},e.createElement("div",{className:t["title-wrapper"]},e.createElement(r,{id:s,className:t["title"],tag:"h1",spacing:{marginBottom:0},variant:"h4"},l)),e.createElement(a,{onClick:i,className:t["closeBtn"],title:"close modal"},e.createElement(o,{icon:m.Times}))),c);const l=e.forwardRef(s);export{l as BaseModalHeader};
 //# sourceMappingURL=BaseModalHeader.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalHeader.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BaseModalHeader.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.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 classes from \"./BaseModalHeader.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Typography } from \"../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  children?: React.ReactNode;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst BaseModalHeaderComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, children, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div className={classes[\"headline\"]}>\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            tag=\"h1\"\n            spacing={{ marginBottom: 0 }}\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n        </div>\n        <IconButton onClick={onClose} className={classes[\"closeBtn\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const BaseModalHeader = React.forwardRef(BaseModalHeaderComponent);\n"],"names":["BaseModalHeaderComponent","id","title","children","onClose","rest","ref","React","createElement","className","classes","Typography","tag","spacing","marginBottom","variant","IconButton","onClick","Icon","icon","Icons","Times","BaseModalHeader","forwardRef"],"mappings":"kQA6BA,MAAMA,EAA4E,EAC9EC,KAAIC,QAAOC,WAAUC,aAAYC,GACnCC,IAGEC,EAAAC,cAAA,MAAA,IAASH,EAAMC,IAAKA,EAAKG,UAAWC,EAAQ,WAC1CH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,aACtBH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,kBACtBH,EAAAC,cAACG,EAAU,CACTV,GAAIA,EACJQ,UAAWC,EAAQ,SACnBE,IAAI,KACJC,QAAS,CAAEC,aAAc,GACzBC,QAAQ,MAEPb,IAGLK,EAAAC,cAACQ,EAAU,CAACC,QAASb,EAASK,UAAWC,EAAQ,YAAaR,MAAM,eAClEK,EAACC,cAAAU,GAAKC,KAAMC,EAAMC,UAGrBlB,GAKM,MAAAmB,EAAkBf,EAAMgB,WAAWvB"}

package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d=".BaseModalHeader_module_header__21d2b4f9{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader_module_headline__21d2b4f9{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader_module_title__21d2b4f9{flex:1;margin:0}",a={header:"BaseModalHeader_module_header__21d2b4f9",headline:"BaseModalHeader_module_headline__21d2b4f9",title:"BaseModalHeader_module_title__21d2b4f9"};e(d,{});export{d as css,a as default};
+import e from "../../../../lib/style-inject.js";var l='/*!\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 */.BaseModalHeader-module_header__TYT6j{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader-module_headline__07ZhA{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader-module_title__8sCRn{flex:1;margin:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbEhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHNDQUdFLDBCQUEyQixDQUMzQiwyQkFBNEIsQ0FINUIsY0FBZSxDQUNmLHdCQUdGLENBRUEsd0NBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYiw2QkFDRixDQUVBLHFDQUNFLE1BQU8sQ0FDUCxRQUNGIiwiZmlsZSI6IkJhc2VNb2RhbEhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyIHtcbiAgbWluLXdpZHRoOiA4MHB4O1xuICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbSAwO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA4cHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHg7XG59XG5cbi5oZWFkbGluZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufSJdfQ== */';var i={header:"BaseModalHeader-module_header__TYT6j",headline:"BaseModalHeader-module_headline__07ZhA",title:"BaseModalHeader-module_title__8sCRn"};e(l);export{i as default};
 //# sourceMappingURL=BaseModalHeader.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useState as o}from"react";import{BaseModal as t}from"../BaseModal/BaseModal.esm.js";import{BaseModalContent as a}from"../BaseModal/BaseModalContent/BaseModalContent.esm.js";import{DialogActions as n}from"./DialogActions/DialogActions.esm.js";import i from"./Dialog.module.esm.js";import{DialogTitle as l}from"./DialogTitle/DialogTitle.esm.js";import{Button as r}from"../../Button/Button.esm.js";import{labelId as s,descriptionId as c}from"../BaseModal/BaseModalContext.esm.js";import{generateID as m}from"../../src/util/helper.esm.js";const d=e.forwardRef((({id:d,open:p,children:u,onClose:f,title:y,primaryAction:B,secondaryAction:E,cancelAction:b,zIndex:g,disableEscapeKeyDown:j=!0,titleIcon:D,caption:h,...A},C)=>{const[M]=o(null!=d?d:m(20)),{label:x,...k}=B,w=e.createElement(r,{key:"primary",...k},x),I=E&&function(){const{label:o,...t}=E;return e.createElement(r,{key:"tertiary",variant:"outline",...t},o)}();return e.createElement(t,{...A,ref:C,id:M,className:i.dialog,containerProps:{className:i.container},open:p,disableBackdrop:!0,onClose:f,zIndex:g,disableEscapeKeyDown:j},e.createElement(l,{titleIcon:D,caption:h,id:s(M),title:y}),e.createElement(a,{id:c(M),className:i.content,disableAutoFocus:!0},u),e.createElement(n,{onClose:f,cancelAction:b},[I,w]),e.createElement("input",{autoFocus:!0,"aria-hidden":!0,style:{position:"absolute",width:0,height:0,opacity:0},maxLength:0,tabIndex:-1,onKeyDown:e=>{"Enter"===e.key&&B.onClick()}}))}));export{d as Dialog};
+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:E,cancelAction:b,zIndex:g,disableEscapeKeyDown:j=true,titleIcon:D,caption:h,...A},C)=>{const[M]=t(d!==null&&d!==void 0?d:m(20));const{label:x,...k}=B;const w=e.createElement(s,{key:"primary",...k},x);const I=E&&function(){const{label:t,...o}=E;return e.createElement(s,{key:"tertiary",variant:"outline",...o},t)}();const K=e=>{if(e.key==="Enter")B.onClick()};return e.createElement(o,{...A,ref:C,id:M,className:i["dialog"],containerProps:{className:i["container"]},open:p,disableBackdrop:true,onClose:f,zIndex:g,disableEscapeKeyDown:j},e.createElement(r,{titleIcon:D,caption:h,id:l(M),title:y}),e.createElement(n,{id:c(M),className:i["content"],disableAutoFocus:true},u),e.createElement(a,{onClose:f,cancelAction:b},[I,w]),e.createElement("input",{autoFocus:true,"aria-hidden":true,style:{position:"absolute",width:0,height:0,opacity:0},maxLength:0,tabIndex:-1,onKeyDown:K}))};const p=e.forwardRef(d);export{p as Dialog};
 //# sourceMappingURL=Dialog.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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    disableEscapeKeyDown = true,\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      disableBackdrop\n      onClose={onClose}\n      zIndex={zIndex}\n      disableEscapeKeyDown={disableEscapeKeyDown}\n    >\n      <DialogTitle titleIcon={titleIcon} caption={caption} id={labelId(dialogId)} title={title} />\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","disableEscapeKeyDown","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","disableBackdrop","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,uBAAuB,KACvBC,YACAC,aACGC,GAELC,KAEA,MAAOC,GAAYC,EAASf,IAAE,MAAFA,SAAE,EAAFA,EAAMgB,EAAW,KAC7C,MAAQC,MAAOC,KAAiBC,GAAwBd,EACxD,MAAMe,EACJC,EAAAC,cAACC,EAAO,CAAAC,IAAI,aAAcL,GACvBD,GAIL,MAAMO,EACJnB,GACA,WACE,MAAQW,MAAOS,KAAmBC,GAA0BrB,EAC5D,OACEe,EAACC,cAAAC,EAAO,CAAAC,IAAI,WAAWI,QAAQ,aAAcD,GAC1CD,EAGN,CAPD,GASF,MAAMG,EAAyBC,IAE7B,GAAIA,EAAMN,MAAQ,QAChBnB,EAAc0B,SACf,EAGH,OACEV,gBAACW,EAAS,IACJpB,EACJC,IAAKA,EACLb,GAAIc,EACJmB,UAAWC,EAAQ,UACnBC,eAAgB,CAAEF,UAAWC,EAAQ,cACrCjC,KAAMA,EACNmC,qBACAjC,QAASA,EACTK,OAAQA,EACRC,qBAAsBA,GAEtBY,EAACC,cAAAe,GAAY3B,UAAWA,EAAWC,QAASA,EAASX,GAAIsC,EAAQxB,GAAWV,MAAOA,IACnFiB,EAAAC,cAACiB,EACC,CAAAvC,GAAIwC,EAAc1B,GAClBmB,UAAWC,EAAQ,WACnBO,iBAAgB,MAEfvC,GAEHmB,EAAAC,cAACoB,EAAa,CAACvC,QAASA,EAASI,aAAcA,GAC5C,CAACkB,EAAiBL,IAErBC,EAAAC,cAAA,QAAA,CACEqB,UAAS,KAAA,cACI,KACbC,MAAO,CACLC,SAAU,WACVC,MAAO,EACPC,OAAQ,EACRC,QAAS,GAEXC,UAAW,EACXC,UAAW,EACXC,UAAWtB,IAGf,EAGS,MAAAuB,EAAS/B,EAAMgC,WAAWtD"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".Dialog_module_dialog__80b933d4{align-items:center}@media only screen and (min-width:50em){.Dialog_module_container__80b933d4{margin-top:0;max-height:90%;width:30rem}}.Dialog_module_content__80b933d4{padding-top:0}",i={dialog:"Dialog_module_dialog__80b933d4",container:"Dialog_module_container__80b933d4",content:"Dialog_module_content__80b933d4"};o(e,{});export{e as css,i as default};
+import i from "../../../lib/style-inject.js";var e='/*!\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 l={dialog:"Dialog-module_dialog__91qHi",container:"Dialog-module_container__SXyt2",content:"Dialog-module_content__RTnpE"};i(e);export{l as default};
 //# sourceMappingURL=Dialog.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import o from"react";import{BaseModalActions as e}from"../../BaseModal/BaseModalActions/BaseModalActions.esm.js";import c from"./DialogActions.module.esm.js";const a=o.forwardRef((({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)));export{a as DialogActions};
+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};
 //# sourceMappingURL=DialogActions.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var i=".DialogActions_module_actions__3e00d0bf *+*{margin-left:.5rem}@media screen and (max-width:640px){.DialogActions_module_actions__3e00d0bf .DialogActions_module_cancelAction__3e00d0bf{align-items:flex-end;display:block;flex-direction:column;margin-bottom:.5rem;margin-left:0}.DialogActions_module_actions__3e00d0bf .DialogActions_module_cancelAction__3e00d0bf>*{width:100%}}",e={actions:"DialogActions_module_actions__3e00d0bf","cancel-action":"DialogActions_module_cancelAction__3e00d0bf"};o(i,{});export{i as css,e as default};
+import i from "../../../../lib/style-inject.js";var e='/*!\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 c={actions:"DialogActions-module_actions__K5DW4","cancel-action":"DialogActions-module_cancel-action__0GxwH"};i(e);export{c as default};
 //# sourceMappingURL=DialogActions.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import{Typography as t}from"../../../Typography/Typography.esm.js";import a from"./DialogTitle.module.esm.js";import{Icon as r,Icons as i}from"../../../Icon/Icon.esm.js";const o=e.forwardRef((({id:o,title:m,titleIcon:c,caption:n,...l},s)=>e.createElement("div",{...l,ref:s,className:a.header},c&&e.createElement("div",{className:a["title-icon"]},"boolean"==typeof c?e.createElement(r,{icon:i.InfoCircle}):c),e.createElement("div",{className:a["title-wrapper"]},e.createElement(t,{id:o,className:a.title,spacing:c&&{marginLeft:2},tag:"h1",variant:"h4"},m),n&&e.createElement(t,{className:a.caption,spacing:{marginLeft:2},variant:"sub-text"},n)))));export{o as DialogTitle};
+import e from"react";import{Typography as t}from"../../../Typography/Typography.esm.js";import a from"./DialogTitle.module.esm.js";import{Icon as r,Icons as i}from"../../../Icon/Icon.esm.js";const o=({id:o,title:m,titleIcon:c,caption:n,...l},s)=>e.createElement("div",{...l,ref:s,className:a["header"]},c&&e.createElement("div",{className:a["title-icon"]},typeof c==="boolean"?e.createElement(r,{icon:i.InfoCircle}):c),e.createElement("div",{className:a["title-wrapper"]},e.createElement(t,{id:o,className:a["title"],spacing:c&&{marginLeft:2},tag:"h1",variant:"h4"},m),n&&e.createElement(t,{className:a["caption"],spacing:{marginLeft:2},variant:"sub-text"},n)));const m=e.forwardRef(o);export{m as 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":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n}\n\nconst DialogTitleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, titleIcon, caption, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\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 className={classes[\"caption\"]} spacing={{ marginLeft: 2 }} variant=\"sub-text\">\n            {caption}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const DialogTitle = React.forwardRef(DialogTitleComponent);\n"],"names":["DialogTitleComponent","id","title","titleIcon","caption","rest","ref","React","createElement","className","classes","Icon","icon","Icons","InfoCircle","Typography","spacing","marginLeft","tag","variant","DialogTitle","forwardRef"],"mappings":"+LA4BA,MAAMA,EAAwE,EAC1EC,KAAIC,QAAOC,YAAWC,aAAYC,GACpCC,IAGEC,EAAAC,cAAA,MAAA,IAASH,EAAMC,IAAKA,EAAKG,UAAWC,EAAQ,WACzCP,GACCI,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAQ,sBACdP,IAAc,UAAYI,EAACC,cAAAG,EAAK,CAAAC,KAAMC,EAAMC,aAAiBX,GAGzEI,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,kBACtBH,EAAAC,cAACO,EAAU,CACTd,GAAIA,EACJQ,UAAWC,EAAQ,SACnBM,QAASb,GAAa,CAAEc,WAAY,GACpCC,IAAI,KACJC,QAAQ,MAEPjB,GAEFE,GACCG,EAACC,cAAAO,EAAW,CAAAN,UAAWC,EAAQ,WAAYM,QAAS,CAAEC,WAAY,GAAKE,QAAQ,YAC5Ef,KAQA,MAAAgB,EAAcb,EAAMc,WAAWrB"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var l=".DialogTitle_module_header__0bb91a80{align-items:flex-start;display:flex;margin:1rem 1.5rem}.DialogTitle_module_title__0bb91a80{line-height:1;margin:0}.DialogTitle_module_titleIcon__0bb91a80>[data-icon]{font-size:1.25rem}.DialogTitle_module_caption__0bb91a80{color:var(--color-blue-grey500)}",i={header:"DialogTitle_module_header__0bb91a80",title:"DialogTitle_module_title__0bb91a80","title-icon":"DialogTitle_module_titleIcon__0bb91a80",caption:"DialogTitle_module_caption__0bb91a80"};e(l,{});export{l as css,i as default};
+import i from "../../../../lib/style-inject.js";var l='/*!\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:flex-start;display:flex;margin:1rem 1.5rem}.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)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZ1RpdGxlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0NBR0Usc0JBQXVCLENBRHZCLFlBQWEsQ0FEYixrQkFHRixDQUVBLGlDQUVFLGFBQWMsQ0FEZCxRQUVGLENBQ0Esa0RBQ0UsaUJBQ0YsQ0FFQSxtQ0FDRSwrQkFDRiIsImZpbGUiOiJEaWFsb2dUaXRsZS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyIHtcbiAgbWFyZ2luOiAxcmVtIDEuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG59XG5cbi50aXRsZSB7XG4gIG1hcmdpbjogMDtcbiAgbGluZS1oZWlnaHQ6IDE7XG59XG4udGl0bGUtaWNvbiA+IFtkYXRhLWljb25dIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xufSJdfQ== */';var e={header:"DialogTitle-module_header__maiky",title:"DialogTitle-module_title__2Date","title-icon":"DialogTitle-module_title-icon__RFCV-",caption:"DialogTitle-module_caption__08LUu"};i(l);export{e as default};
 //# sourceMappingURL=DialogTitle.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import{Dialog as o}from"../../Dialog/Dialog.esm.js";import{Typography as n}from"../../../Typography/Typography.esm.js";const a=e.forwardRef((({open:a,onKeepEditing:t,onDiscardChanges:i,discardChangesButtonLabel:r,keepEditingButtonLabel:c,contentLabel:l,titleLabel:p,cancelAction:s,...m},g)=>e.createElement(o,{...m,ref:g,open:a,title:p,onClose:t,cancelAction:s,primaryAction:{label:r,onClick:i},secondaryAction:{label:c,onClick:t},disableEscapeKeyDown:!1},e.createElement(n,{variant:"body",spacing:{margin:0}},l))));export{a as DiscardChangesDialog};
+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};
 //# sourceMappingURL=DiscardChangesDialog.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesDialog.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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"}

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

@@ -1,2 +1,2 @@
-import e,{useState as a,Fragment as o}from"react";import{BaseModal as r}from"../BaseModal/BaseModal.esm.js";import{BaseModalHeader as s}from"../BaseModal/BaseModalHeader/BaseModalHeader.esm.js";import{DiscardChangesDialog as d}from"./DiscardChangesDialog/DiscardChangesDialog.esm.js";const l=({id:l,children:n,headerProps:i,discardChangedDialogProps:t,modalRef:m,dialogRef:c,onClose:g,hasUnsavedChanges:p,...f})=>{const[h,C]=a(!1),D=()=>p()?C(!0):g();return e.createElement(o,null,e.createElement(r,{id:l,ref:m,onClose:D,...f},e.createElement(s,{...i,id:`${l}-label`,onClose:D}),n),e.createElement(d,{...t,ref:c,open:h,onKeepEditing:()=>{C(!1)},onDiscardChanges:()=>{C(!1),g()}}))};export{l as DiscardChangesModal};
+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};
 //# sourceMappingURL=DiscardChangesModal.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesModal.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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"}

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

@@ -1,2 +1,2 @@
-import e,{createContext as t,useReducer as a,useContext as s,useCallback as i,useEffect as r}from"react";import{defaultTranslations as n}from"./NotificationService.esm.js";import{useSnackbar as o}from"../Snackbar/useSnackbar.esm.js";import{generateID as d,deepMerge as c}from"../../src/util/helper.esm.js";const l={notifications:[]},u=({translations:e={},dispatchFn:t})=>{const{enqueueErrorSnackbar:a,enqueueSuccessSnackbar:s}=o(),{state:{notifications:i}}=h(),d=c(n,e);return r((()=>{i.forEach((e=>{var i,r;e.status&&e.handled&&(401===e.status||403===e.status)?t({type:"remove",payload:{id:e.id}}):e.status&&!e.handled&&"error"===e.type?(a(null!==(i=e.title)&&void 0!==i?i:d.general.error,(e=>{if(e.message)return e.message;switch(e.status){case 500:default:return d.messages.general;case 400:return d.messages.badRequest;case 401:return d.messages.unauthorized;case 403:return d.messages.forbidden;case 404:return d.messages.notFound;case 502:case 503:return d.messages.unavailable;case 504:return d.messages.timeout}})(e),{onClose:()=>t({type:"remove",payload:{id:e.id}})}),t({type:"handled",payload:{id:e.id,handled:!0}})):e.title&&!e.handled&&"success"===e.type&&(s(null!==(r=e.title)&&void 0!==r?r:d.general.success,e.message,{onClose:()=>t({type:"remove",payload:{id:e.id}})}),t({type:"handled",payload:{id:e.id,handled:!0}}))}))}),[i.length]),null},p=t({state:l,dispatch:()=>{}}),m=({children:t,translations:s})=>{const[i,r]=a(f,l);return e.createElement(p.Provider,{value:{state:i,dispatch:r}},t,e.createElement(u,{translations:s,dispatchFn:r}))},h=()=>{const e=s(p),t=i((t=>{e.dispatch({type:"add",payload:t})}),[e]),a=i((t=>{e.dispatch({type:"remove",payload:{id:t}})}),[e]),r=i((()=>{e.dispatch({type:"reset"})}),[e]);return{state:e.state,addNotification:t,removeNotification:a,resetNotifications:r}},f=(e,t)=>{switch(t.type){case"add":return{...e,notifications:[...e.notifications,{...t.payload,id:d(),handled:!1}]};case"remove":return{...e,notifications:e.notifications.filter((e=>{var a;return e.id!==(null===(a=t.payload)||void 0===a?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?void 0:a.id)?{...e,handled:!0}:e}))};case"reset":return{...e,notifications:[]};default:return e}};export{p as NotificationContext,u as NotificationHandler,m as NotificationProvider,f as notificationReducer,h as useNotificationContext};
+import e,{createContext as t,useReducer as s,useContext as a,useCallback as n,useEffect as r}from"react";import{defaultTranslations as i}from"./NotificationService.esm.js";import{useSnackbar as o}from"../Snackbar/useSnackbar.esm.js";import{generateID as d,deepMerge as c}from"../../src/util/helper.esm.js";const l={notifications:[]};const u=({translations:e={},dispatchFn:t})=>{const{enqueueErrorSnackbar:s,enqueueSuccessSnackbar:a}=o();const{state:{notifications:n}}=f();const d=c(i,e);const l=e=>{if(e.message)return e.message;switch(e.status){case 500:return d.messages.general;case 400:return d.messages.badRequest;case 401:return d.messages.unauthorized;case 403:return d.messages.forbidden;case 404:return d.messages.notFound;case 502:case 503:return d.messages.unavailable;case 504:return d.messages.timeout;default:return d.messages.general}};r((()=>{n.forEach((e=>{var n,r;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((n=e.title)!==null&&n!==void 0?n:d.general.error,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((r=e.title)!==null&&r!==void 0?r:d.general.success,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,r]=s(h,l);return e.createElement(p.Provider,{value:{state:n,dispatch:r}},t,e.createElement(u,{translations:a,dispatchFn:r}))};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 r=n((()=>{e.dispatch({type:"reset"})}),[e]);return{state:e.state,addNotification:t,removeNotification:s,resetNotifications:r}};const h=(e,t)=>{switch(t.type){case"add":return{...e,notifications:[...e.notifications,{...t.payload,id:d(),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};
 //# sourceMappingURL=NotificationContext.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationContext.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NotificationContext.esm.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 { useSnackbar } from \"../Snackbar/useSnackbar\";\nimport { deepMerge, generateID } from \"../../../util/helper\";\nimport { DeepPartial } from \"../../../interfaces\";\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 { enqueueErrorSnackbar, enqueueSuccessSnackbar } = useSnackbar();\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        enqueueErrorSnackbar(\n          notification.title ?? mergedTranslations.general.error,\n          determineNotificationMessage(notification as Notification<ErrorNotification>),\n          {\n            onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n          }\n        );\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      } else if (notification.title && !notification.handled && notification.type === \"success\") {\n        enqueueSuccessSnackbar(\n          notification.title ?? mergedTranslations.general.success,\n          notification.message,\n          {\n            onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n          }\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","enqueueErrorSnackbar","enqueueSuccessSnackbar","useSnackbar","state","useNotificationContext","mergedTranslations","deepMerge","defaultTranslations","determineNotificationMessage","notification","message","status","messages","general","badRequest","unauthorized","forbidden","notFound","unavailable","timeout","useEffect","forEach","handled","type","payload","id","_a","title","error","onClose","_b","success","length","NotificationContext","createContext","dispatch","NotificationProvider","children","useReducer","notificationReducer","React","createElement","Provider","value","ctx","useContext","addNotification","useCallback","removeNotification","resetNotifications","action","generateID","filter","map"],"mappings":"kTAgDA,MAAMA,EAAkC,CACtCC,cAAe,IAQV,MAAMC,EAAsB,EACjCC,eAAe,CAAE,EACjBC,iBAEA,MAAMC,qBAAEA,EAAoBC,uBAAEA,GAA2BC,IACzD,MACEC,OAAOP,cAAEA,IACPQ,IAEJ,MAAMC,EAAqBC,EAAwBC,EAAqBT,GAExE,MAAMU,EAAgCC,IACpC,GAAIA,EAAaC,QACf,OAAOD,EAAaC,QAGtB,OAAQD,EAAaE,QACnB,KAAK,IACH,OAAON,EAAmBO,SAASC,QACrC,KAAK,IACH,OAAOR,EAAmBO,SAASE,WACrC,KAAK,IACH,OAAOT,EAAmBO,SAASG,aACrC,KAAK,IACH,OAAOV,EAAmBO,SAASI,UACrC,KAAK,IACH,OAAOX,EAAmBO,SAASK,SACrC,KAAK,IACL,KAAK,IACH,OAAOZ,EAAmBO,SAASM,YACrC,KAAK,IACH,OAAOb,EAAmBO,SAASO,QACrC,QACE,OAAOd,EAAmBO,SAASC,QACtC,EAGHO,GAAU,KACRxB,EAAcyB,SAAQZ,YACpB,GACEA,EAAaE,QACbF,EAAaa,UACZb,EAAaE,SAAW,KAAOF,EAAaE,SAAW,KAExDZ,EAAW,CAAEwB,KAAM,SAAUC,QAAS,CAAEC,GAAIhB,EAAagB,WACpD,GAAIhB,EAAaE,SAAWF,EAAaa,SAAWb,EAAac,OAAS,QAAS,CACxFvB,GACE0B,EAAAjB,EAAakB,4BAAStB,EAAmBQ,QAAQe,MACjDpB,EAA6BC,GAC7B,CACEoB,QAAS,IAAM9B,EAAW,CAAEwB,KAAM,SAAUC,QAAS,CAAEC,GAAIhB,EAAagB,QAG5E1B,EAAW,CAAEwB,KAAM,UAAWC,QAAS,CAAEC,GAAIhB,EAAagB,GAAIH,QAAS,OACxE,MAAM,GAAIb,EAAakB,QAAUlB,EAAaa,SAAWb,EAAac,OAAS,UAAW,CACzFtB,GACE6B,EAAArB,EAAakB,SAAS,MAAAG,SAAA,EAAAA,EAAAzB,EAAmBQ,QAAQkB,QACjDtB,EAAaC,QACb,CACEmB,QAAS,IAAM9B,EAAW,CAAEwB,KAAM,SAAUC,QAAS,CAAEC,GAAIhB,EAAagB,QAI5E1B,EAAW,CAAEwB,KAAM,UAAWC,QAAS,CAAEC,GAAIhB,EAAagB,GAAIH,QAAS,OACxE,IACD,GACD,CAAC1B,EAAcoC,SAElB,OAAO,IAAI,EAGN,MAAMC,EAAsBC,EAGhC,CACD/B,MAAOR,EACPwC,SAAU,SAQC,MAAAC,EAAuB,EAAGC,WAAUvC,mBAC/C,MAAOK,EAAOgC,GAAYG,EAAWC,EAAqB5C,GAE1D,OACE6C,EAAAC,cAACR,EAAoBS,SAAQ,CAACC,MAAO,CAAExC,QAAOgC,aAC3CE,EACDG,EAAAC,cAAC5C,EAAmB,CAACC,aAAcA,EAAcC,WAAYoC,IAE/D,EAGG,MAAM/B,EAAyB,KACpC,MAAMwC,EAAMC,EAAWZ,GAEvB,MAAMa,EAAkBC,GACrBtC,IACCmC,EAAIT,SAAS,CAAEZ,KAAM,MAAOC,QAASf,GAAe,GAEtD,CAACmC,IAGH,MAAMI,EAAqBD,GACxBtB,IACCmB,EAAIT,SAAS,CAAEZ,KAAM,SAAUC,QAAS,CAAEC,OAAO,GAEnD,CAACmB,IAGH,MAAMK,EAAqBF,GAAY,KACrCH,EAAIT,SAAS,CAAEZ,KAAM,SAAU,GAC9B,CAACqB,IAEJ,MAAO,CACLzC,MAAOyC,EAAIzC,MACX2C,kBACAE,qBACAC,qBACD,QAGUV,EAAsB,CACjCpC,EACA+C,KAEA,OAAQA,EAAO3B,MACb,IAAK,MACH,MAAO,IACFpB,EACHP,cAAe,IACVO,EAAMP,cACT,IACKsD,EAAO1B,QACVC,GAAI0B,IACJ7B,QAAS,SAIjB,IAAK,SACH,MAAO,IACFnB,EACHP,cAAeO,EAAMP,cAAcwD,QACjC3C,IAAgB,IAAAiB,EAAA,OAAAjB,EAAagB,OAAOC,EAAAwB,EAAO1B,WAAO,MAAAE,SAAA,OAAA,EAAAA,EAAED,GAAE,KAG5D,IAAK,UACH,MAAO,IACFtB,EACHP,cAAeO,EAAMP,cAAcyD,KAAI5C,IAAe,IAAAiB,EACpD,OAAAjB,EAAagB,OAAOC,EAAAwB,EAAO1B,WAAS,MAAAE,SAAA,OAAA,EAAAA,EAAAD,IAAK,IAAKhB,EAAca,QAAS,MAASb,CAAY,KAGhG,IAAK,QACH,MAAO,IACFN,EACHP,cAAe,IAEnB,QACE,OAAOO,EACV"}

package/dist/esm/Notifications/NotificationProvider/NotificationService.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationService.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NotificationService.esm.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":["defaultTranslations","general","error","success","messages","badRequest","unauthorized","forbidden","notFound","timeout","unavailable"],"mappings":"AAkBa,MAAAA,EAAoC,CAC/CC,QAAS,CACPC,MAAO,QACPC,QAAS,WAEXC,SAAU,CACRH,QAAS,gDACTI,WAAY,cACZC,aAAc,iDACdC,UAAW,8CACXC,SAAU,6CACVC,QAAS,yBACTC,YAAa"}

package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js

@@ -1,2 +1,2 @@
-import e,{useState as o,useRef as r,useCallback as n,useEffect as a}from"react";import{BaseModal as i}from"../BaseModal/BaseModal.esm.js";import d from"./SlideInModal.module.esm.js";const s=e.forwardRef((({children:s,id:l,open:t,...m},c)=>{const[p,f]=o("hide"),[u,b]=o(!1),h=r(null),M=n((e=>{e.target===h.current&&(f((e=>e?"":"hide")),!t&&u&&b(!1))}),[t]);return a((()=>{t&&b(t)}),[t]),e.createElement(i,{...m,id:l,open:u,className:`${d["slide-in-modal"]} ${t?d.visible:""} ${t?"":d[p]}`,containerProps:{className:d.container},backdropProps:{id:d["backdrop-slide"]},onTransitionEnd:M,ref:null!=c?c:h},s)}));export{s as SlideInModal};
+import e,{useState as o,useRef as r,useCallback as n,useEffect as s}from"react";import{BaseModal as i}from"../BaseModal/BaseModal.esm.js";import a from"./SlideInModal.module.esm.js";const t=({children:t,id:d,open:l,...c},m)=>{const[f,p]=o("hide");const[u,b]=o(false);const h=r(null);const M=n((e=>{if(e.target===h.current){p((e=>e?"":"hide"));if(!l&&u)b(false)}}),[l]);s((()=>{l&&b(l)}),[l]);return e.createElement(i,{...c,id:d,open:u,className:`${a["slide-in-modal"]} ${l?a["visible"]:""} ${!l?a[f]:""}`,containerProps:{className:a["container"]},backdropProps:{id:a["backdrop-slide"]},onTransitionEnd:M,ref:m!==null&&m!==void 0?m:h},t)};const d=e.forwardRef(t);export{d as SlideInModal};
 //# sourceMappingURL=SlideInModal.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlideInModal.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SlideInModal.esm.js","sources":["../../../../../../src/components/Notifications/SlideInModal/SlideInModal.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 \"./SlideInModal.module.scss\";\n\nconst SlideInModalComponent: ForwardRefRenderFunction<HTMLDivElement, ModalProps> = (\n  { children, id, open, ...rest }: ModalProps,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\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    <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      backdropProps={{ id: classes[\"backdrop-slide\"] }}\n      onTransitionEnd={onTransitionEnd}\n      ref={ref ?? containerRef}\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport type { Props } from \"../Modal/Modal\";\n\nexport const SlideInModal = React.forwardRef(SlideInModalComponent);\n"],"names":["SlideInModalComponent","children","id","open","rest","ref","classHideOnTransition","setClassHideOnTransition","useState","controlledOpen","setControlledOpen","containerRef","useRef","onTransitionEnd","useCallback","e","target","current","prev","useEffect","React","createElement","Modal","className","classes","containerProps","backdropProps","SlideInModal","forwardRef"],"mappings":"sLA2BA,MAAMA,EAA8E,EAChFC,WAAUC,KAAIC,UAASC,GACzBC,KAEA,MAAOC,EAAuBC,GAA4BC,EAAiB,QAC3E,MAAOC,EAAgBC,GAAqBF,EAAS,OACrD,MAAMG,EAAeC,EAAO,MAE5B,MAAMC,EAA0DC,GAC9DC,IACE,GAAIA,EAAEC,SAAWL,EAAaM,QAAS,CACrCV,GAAyBW,GAASA,EAAO,GAAK,SAC9C,IAAKf,GAAQM,EACXC,EAAkB,MAErB,IAEH,CAACP,IAGHgB,GAAU,KACRhB,GAAQO,EAAkBP,EAAK,GAC9B,CAACA,IAEJ,OACEiB,EAACC,cAAAC,MACKlB,EACJF,GAAIA,EACJC,KAAMM,EACNc,UAAW,GAAGC,EAAQ,qBAAqBrB,EAAOqB,EAAQ,WAAa,OACpErB,EAAOqB,EAAQlB,GAAyB,KAE3CmB,eAAgB,CAAEF,UAAWC,EAAQ,cACrCE,cAAe,CAAExB,GAAIsB,EAAQ,mBAC7BX,gBAAiBA,EACjBR,IAAKA,UAAAA,SAAG,EAAHA,EAAOM,GAEXV,EAEH,EAKS,MAAA0B,EAAeP,EAAMQ,WAAW5B"}

package/dist/esm/Notifications/SlideInModal/SlideInModal.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d=".SlideInModal_module_srOnly__7ce961ec{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SlideInModal_module_hidden__7ce961ec{display:none}.SlideInModal_module_slideIn__7ce961ec{animation:SlideInModal_module_slideIn__7ce961ec .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_module_slideIn__7ce961ec{animation-duration:.1ms}}.SlideInModal_module_slideOut__7ce961ec{animation:SlideInModal_module_slideOut__7ce961ec .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_module_slideOut__7ce961ec{animation-duration:.1ms}}@keyframes SlideInModal_module_slideIn__7ce961ec{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal_module_slideOut__7ce961ec{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SlideInModal_module_slideInModal__7ce961ec{justify-content:flex-end;transform:translate(120%);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible}@media (prefers-reduced-motion:reduce){.SlideInModal_module_slideInModal__7ce961ec{transition-duration:.1ms}}.SlideInModal_module_slideInModal__7ce961ec.SlideInModal_module_hide__7ce961ec{visibility:hidden}.SlideInModal_module_slideInModal__7ce961ec.SlideInModal_module_visible__7ce961ec{transform:translate(0);visibility:visible}#SlideInModal_module_backdropSlide__7ce961ec,.SlideInModal_module_slideInModal__7ce961ec.SlideInModal_module_visible__7ce961ec #SlideInModal_module_backdropSlide__7ce961ec{background-color:transparent}@media only screen and (min-width:50rem){.SlideInModal_module_container__7ce961ec{border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color);height:100%;margin-top:0;max-height:unset;width:50rem}}",l={"sr-only":"SlideInModal_module_srOnly__7ce961ec",hidden:"SlideInModal_module_hidden__7ce961ec","slide-in":"SlideInModal_module_slideIn__7ce961ec","slide-out":"SlideInModal_module_slideOut__7ce961ec","slide-in-modal":"SlideInModal_module_slideInModal__7ce961ec",hide:"SlideInModal_module_hide__7ce961ec",visible:"SlideInModal_module_visible__7ce961ec","backdrop-slide":"SlideInModal_module_backdropSlide__7ce961ec",container:"SlideInModal_module_container__7ce961ec"};e(d,{});export{d as css,l as default};
+import i from "../../../lib/style-inject.js";var l='/*!\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/*!\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/*!\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 */.SlideInModal-module_sr-only__VfRzI{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SlideInModal-module_hidden__fanzF{display:none}.SlideInModal-module_slide-in__8nxNQ{animation:SlideInModal-module_slide-in__8nxNQ .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal-module_slide-in__8nxNQ{animation-duration:.1ms}}.SlideInModal-module_slide-out__L5Lz9{animation:SlideInModal-module_slide-out__L5Lz9 .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal-module_slide-out__L5Lz9{animation-duration:.1ms}}@keyframes SlideInModal-module_slide-in__8nxNQ{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal-module_slide-out__L5Lz9{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SlideInModal-module_slide-in-modal__DO9Dr{justify-content:flex-end;transform:translate(120%);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible}@media (prefers-reduced-motion:reduce){.SlideInModal-module_slide-in-modal__DO9Dr{transition-duration:.1ms}}.SlideInModal-module_slide-in-modal__DO9Dr.SlideInModal-module_hide__VBlq8{visibility:hidden}.SlideInModal-module_slide-in-modal__DO9Dr.SlideInModal-module_visible__BE0yF{transform:translate(0);visibility:visible}#SlideInModal-module_backdrop-slide__bTmK6,.SlideInModal-module_slide-in-modal__DO9Dr.SlideInModal-module_visible__BE0yF #SlideInModal-module_backdrop-slide__bTmK6{background-color:transparent}@media only screen and (min-width:50rem){.SlideInModal-module_container__-x8ci{border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color);height:100%;margin-top:0;max-height:unset;width:50rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlSW5Nb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMkNBQ0Usd0JBQXlCLENBS3pCLHlCQUEwQixDQUYxQix1QkFBeUIsQ0FEekIsNkJBQThCLENBRTlCLHNDQUF1QyxDQUh2QyxrQkFLRixDQUNBLHVDQUNFLDJDQUNFLHdCQUNGLENBQ0YsQ0FDQSwyRUFDRSxpQkFDRixDQUNBLDhFQUVFLHNCQUF3QixDQUR4QixrQkFFRixDQUtBLG9LQUNFLDRCQUNGLENBRUEseUNBQ0Usc0NBS0UsZUFBZ0IsQ0FDaEIsd0RBQXlELENBSHpELFdBQVksQ0FGWixZQUFhLENBR2IsZ0JBQWlCLENBRmpCLFdBS0YsQ0FDRiIsImZpbGUiOiJTbGlkZUluTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMTIwJSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4tbW9kYWwge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwuaGlkZSB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zbGlkZS1pbi1tb2RhbC52aXNpYmxlIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCUpO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUgI2JhY2tkcm9wLXNsaWRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbiNiYWNrZHJvcC1zbGlkZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwcmVtKSB7XG4gIC5jb250YWluZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiB1bnNldDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGJveC1zaGFkb3c6IDAgMS44NzVyZW0gMy4xMjVyZW0gdmFyKC0tbW9kYWwtc2hhZG93LWNvbG9yKTtcbiAgfVxufSJdfQ== */';var e={"sr-only":"SlideInModal-module_sr-only__VfRzI",hidden:"SlideInModal-module_hidden__fanzF","slide-in":"SlideInModal-module_slide-in__8nxNQ","slide-out":"SlideInModal-module_slide-out__L5Lz9","slide-in-modal":"SlideInModal-module_slide-in-modal__DO9Dr",hide:"SlideInModal-module_hide__VBlq8",visible:"SlideInModal-module_visible__BE0yF","backdrop-slide":"SlideInModal-module_backdrop-slide__bTmK6",container:"SlideInModal-module_container__-x8ci"};i(l);export{e as default};
 //# sourceMappingURL=SlideInModal.module.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.esm.js

@@ -1,2 +1,2 @@
-import e,{useContext as t,useState as n,useEffect as r}from"react";import a from"./SnackbarContainer.module.esm.js";import{SnackbarContext as s}from"../SnackbarProvider/SnackbarStateProvider.esm.js";const l=({placement:l,children:o,zIndex:i,className:c,...m})=>{const{height:h,justifyContent:f}=(()=>{const{snackbars:e}=t(s),[a,l]=n(0),[o,i]=n("flex-start"),c=e.length>=3;return r((()=>{let t=e.map((e=>e.height)).reduce(((e,t)=>e+t),0);t+=8*(Math.min(e.length,3)-1),c&&setTimeout((()=>{i("flex-end")}),500),a>t&&"flex-end"!==o?i("flex-end"):a<t&&"flex-start"!==o&&i("flex-start"),l(t)}),[e]),{height:a,justifyContent:o}})();return e.createElement("div",{...m,style:{zIndex:i,height:h,justifyContent:f},className:`${a.snackbars} ${a[l.horizontal]} ${a[l.vertical]} ${null!=c?c:""}`},o)};export{l as SnackbarContainer};
+import t,{useContext as e,useState as n,useEffect as r}from"react";import s from"./SnackbarContainer.module.esm.js";import{SnackbarContext as o}from"../SnackbarProvider/SnackbarStateProvider.esm.js";const a=()=>{const{snackbars:t}=e(o);const[s,a]=n(0);const[i,c]=n("flex-start");const l=8;const m=t.length>=3;r((()=>{const e=t.map((t=>t.height));let n=e.reduce(((t,e)=>t+e),0);n+=(Math.min(t.length,3)-1)*l;if(m)setTimeout((()=>{c("flex-end")}),500);if(s>n&&i!=="flex-end")c("flex-end");else if(s<n&&i!=="flex-start")c("flex-start");a(n)}),[t]);return{height:s,justifyContent:i}};const i=({placement:e,children:n,zIndex:r,className:o,...i})=>{const{height:c,justifyContent:l}=a();return t.createElement("div",{...i,style:{zIndex:r,height:c,justifyContent:l},className:`${s["snackbars"]} ${s[e.horizontal]} ${s[e.vertical]} ${o!==null&&o!==void 0?o:""}`},n)};export{i as SnackbarContainer};
 //# sourceMappingURL=SnackbarContainer.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContainer.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SnackbarContainer.esm.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.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, { useContext, useEffect, useState } from \"react\";\nimport classes from \"./SnackbarContainer.module.scss\";\nimport { SnackbarContext } from \"../SnackbarProvider/SnackbarStateProvider\";\n\nexport interface Placement {\n  vertical: \"top\" | \"bottom\";\n  horizontal: \"start\" | \"center\" | \"end\";\n}\n\nexport interface Props {\n  placement: Placement;\n  children?: React.ReactNode;\n  zIndex?: number;\n  className?: string;\n}\n\nconst useSnackbarContainerHeightAnimation = () => {\n  const { snackbars } = useContext(SnackbarContext);\n  const [height, setHeight] = useState(0);\n  const [justifyContent, setJustifyContent] = useState<\"flex-start\" | \"flex-end\">(\"flex-start\");\n  const spaceBetweenSnackbars = 8;\n  const exceedsMaximumVisibleSnackbars = snackbars.length >= 3;\n\n  useEffect(() => {\n    const allHeights = snackbars.map(snackbar => snackbar.height);\n\n    let totalHeight = allHeights.reduce((prev, curr) => prev + curr, 0);\n\n    totalHeight += (Math.min(snackbars.length, 3) - 1) * spaceBetweenSnackbars;\n\n    /**\n     * Once we reach the maximum amount of snackbars, they will start to disappear. We have to wait with reversing the justify-content until the last snackbar\n     * has completed their animationIn. This is around 500ms. Then we want to reverse it, because otherwise whenever a snackbar disappears they shift up\n     * and then down again, which looks really bad.\n     * */\n    if (exceedsMaximumVisibleSnackbars)\n      setTimeout(() => {\n        setJustifyContent(\"flex-end\");\n      }, 500);\n\n    if (height > totalHeight && justifyContent !== \"flex-end\") {\n      setJustifyContent(\"flex-end\");\n    } else if (height < totalHeight && justifyContent !== \"flex-start\") {\n      setJustifyContent(\"flex-start\");\n    }\n\n    setHeight(totalHeight);\n  }, [snackbars]);\n\n  return { height, justifyContent };\n};\n\nexport const SnackbarContainer = ({ placement, children, zIndex, className, ...rest }: Props) => {\n  const { height, justifyContent } = useSnackbarContainerHeightAnimation();\n\n  return (\n    <div\n      {...rest}\n      style={{ zIndex, height, justifyContent }}\n      className={`${classes[\"snackbars\"]} ${classes[placement.horizontal]} ${\n        classes[placement.vertical]\n      } ${className ?? \"\"}`}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["useSnackbarContainerHeightAnimation","snackbars","useContext","SnackbarContext","height","setHeight","useState","justifyContent","setJustifyContent","spaceBetweenSnackbars","exceedsMaximumVisibleSnackbars","length","useEffect","allHeights","map","snackbar","totalHeight","reduce","prev","curr","Math","min","setTimeout","SnackbarContainer","placement","children","zIndex","className","rest","React","style","classes","horizontal","vertical"],"mappings":"uMAgCA,MAAMA,EAAsC,KAC1C,MAAMC,UAAEA,GAAcC,EAAWC,GACjC,MAAOC,EAAQC,GAAaC,EAAS,GACrC,MAAOC,EAAgBC,GAAqBF,EAAoC,cAChF,MAAMG,EAAwB,EAC9B,MAAMC,EAAiCT,EAAUU,QAAU,EAE3DC,GAAU,KACR,MAAMC,EAAaZ,EAAUa,KAAIC,GAAYA,EAASX,SAEtD,IAAIY,EAAcH,EAAWI,QAAO,CAACC,EAAMC,IAASD,EAAOC,GAAM,GAEjEH,IAAgBI,KAAKC,IAAIpB,EAAUU,OAAQ,GAAK,GAAKF,EAOrD,GAAIC,EACFY,YAAW,KACTd,EAAkB,WAAW,GAC5B,KAEL,GAAIJ,EAASY,GAAeT,IAAmB,WAC7CC,EAAkB,iBACb,GAAIJ,EAASY,GAAeT,IAAmB,aACpDC,EAAkB,cAGpBH,EAAUW,EAAY,GACrB,CAACf,IAEJ,MAAO,CAAEG,SAAQG,iBAAgB,EAGtB,MAAAgB,EAAoB,EAAGC,YAAWC,WAAUC,SAAQC,eAAcC,MAC7E,MAAMxB,OAAEA,EAAMG,eAAEA,GAAmBP,IAEnC,OACE6B,0BACMD,EACJE,MAAO,CAAEJ,SAAQtB,SAAQG,kBACzBoB,UAAW,GAAGI,EAAQ,gBAAgBA,EAAQP,EAAUQ,eACtDD,EAAQP,EAAUS,aAChBN,UAAAA,SAAS,EAATA,EAAa,MAEhBF,EAEH"}