@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/cjs/Notifications/Banner/Banner.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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== */'),exports.default={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"};
+//# sourceMappingURL=Banner.module.scss.cjs.js.map

package/dist/cjs/Notifications/Banner/Banner.module.scss.cjs.js.map

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

package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModal.cjs.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  RefObject,\n  createRef\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport classes from \"./BaseModal.module.scss\";\nimport { labelId, descriptionId } from \"./BaseModalContext\";\nimport { useRepeatFocus } from \"./useRepeatFocus\";\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 modalRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\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  useRepeatFocus(modalRef);\n\n  useEffect(() => {\n    if (open) {\n      modalRef.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={modalRef}\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            aria-hidden={true}\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","modalRef","createRef","root","useGetDomRoot","handleEscKeyPress","event","key","stopPropagation","useRepeatFocus","_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":"iYA+BA,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,EAAAA,WAAU,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,SAAuB,MAC9C,MAAMC,EAAYH,GAAqCI,EAAAA,YACvD,MAAMC,KAAEA,GAASC,EAAaA,cAACR,EAASG,GAExC,MAAMM,EAAqBC,IACzB,IAAKd,GAAwBc,EAAMC,MAAQ,SAAU,CACnDD,EAAME,kBACNtB,IAAA,MAAAA,SAAA,OAAA,EAAAA,GACD,GAGHuB,EAAcA,eAACR,GAEfnB,EAAAA,WAAU,WACR,GAAIV,GACFsC,EAAAT,EAASU,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,OACnB,GACA,CAACxC,IAEJ,MAAMyC,EAAsB,KAAOpB,GAAmBP,GAAWA,IAEjE,MAAM4B,EAAiB,IACrBC,EAAK,WAACC,SAASC,IAAIhC,GAAUiC,UAC3B,GAAIH,EAAK,WAACI,eAAeD,GACvB,OAAOH,EAAK,WAACK,aAAaF,EAAuB,CAC/ChC,WAASgC,EAAMG,MAAMnC,8BAAWA,IAGpC,OAAOgC,CAAK,IAGhB,OACEH,EAAAA,WAAKO,cAAA,MAAA,CAAAxB,IAAKC,GACPwB,EAAAA,aACCR,EAAAA,WAAAO,cAAA,MAAA,IACMzB,EACJC,IAAKG,EACLjB,GAAIA,EACJG,UAAW,GAAGqC,EAAAA,WAAQ,YAAYpD,EAAOoD,EAAO,WAAC,WAAa,MAAMrC,IACpEsC,KAAK,SAAQ,aACF,OACM,kBAAAnC,UAAAA,SAAU,EAAVA,EAAcoC,EAAAA,QAAQ1C,sBACrBO,IAAW,MAAXA,SAAA,EAAAA,EAAeoC,EAAaA,cAAC3C,GAAG,eACpCZ,EACdwD,UAAW,EACE,eAACxD,EACdyD,UAAWxB,EACX7B,MAAO,CAAEmB,WAEToB,EACM,WAAAO,cAAA,MAAA,IAAAjC,EACS,cAAA,KACbF,UAAW,GAAGqC,EAAO,WAAC,gBAAed,EAAArB,IAAa,MAAbA,SAAa,OAAA,EAAbA,EAAeF,aAAS,MAAAuB,SAAA,EAAAA,EAAI,KACjEoB,QAASjB,IAEVnB,EACCqB,EAAAA,WAAAO,cAAA,MAAA,IACMlC,EACS,eAAChB,EAAI,eACL,SACb2D,QAAS3D,EACTI,MAAO,CAAEmB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAGqC,EAAAA,WAAQ,iBAAgBQ,EAAA5C,IAAc,MAAdA,SAAA,OAAA,EAAAA,EAAgBD,aAAa,MAAA6C,SAAA,EAAAA,EAAA,MAElElB,KAGH1C,GACE2C,EAAAA,WAAAO,cAAA,MAAA,IACMlC,EACS,eAAA,SACbZ,MAAO,CAAEmB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAGqC,aAAQ,iBAAgBS,EAAA7C,IAAA,MAAAA,kBAAAA,EAAgBD,aAAS,MAAA8C,SAAA,EAAAA,EAAI,MAElEnB,MAKTX,GAGJ,EAGS,MAAA+B,EAAYnB,EAAAA,WAAMoB,WAAWpD"}
+{"version":3,"file":"BaseModal.cjs.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  RefObject,\n  createRef\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport classes from \"./BaseModal.module.scss\";\nimport { labelId, descriptionId } from \"./BaseModalContext\";\nimport { useRepeatFocus } from \"./useRepeatFocus\";\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 modalRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\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  useRepeatFocus(modalRef);\n\n  useEffect(() => {\n    if (open) {\n      modalRef.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={modalRef}\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            aria-hidden={true}\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","useSetBodyScroll","open","useEffect","document","body","style","querySelectorAll","length","removeProperty","BaseModal","React","forwardRef","id","children","onClose","className","containerProps","backdropProps","labelledby","describedby","disableEscapeKeyDown","disableBackdrop","forceContainerOpen","zIndex","domRoot","rest","ref","wrappingDivRef","useRef","modalRef","createRef","root","useGetDomRoot","useRepeatFocus","_a","current","focus","renderChildren","Children","map","child","isValidElement","cloneElement","props","createElement","createPortal","classes","default","role","labelId","descriptionId","tabIndex","onKeyDown","event","key","stopPropagation","onClick","hidden","_b","_c"],"mappings":"qOA+BA,MAAMA,EAAuB,WAoBhBC,EAAoBC,IAa/BC,EAAAA,WAAU,KACJD,EAZJE,SAASC,KAAKC,MAAMN,GArBM,SA0BiD,IAAzEI,SAASG,iBAAiB,oCAAoCC,QAE9DJ,SAASC,KAAKC,MAAMG,eAAeT,EASpC,GACA,CAACE,GAAM,EA6GCQ,EAAYC,EAAMC,YA1G6C,EAExEC,KACAC,WACAZ,OACAa,UACAC,YAAY,GACZC,iBACAC,gBACAC,aACAC,cACAC,wBAAuB,EACvBC,mBAAkB,EAClBC,sBAAqB,EACrBC,SACAC,aACGC,GAELC,eAEA1B,EAAiBC,GACjB,MAAM0B,EAAiBC,SAAuB,MACxCC,EAAYH,GAAqCI,EAAAA,aACjDC,KAAEA,GAASC,EAAaA,cAACR,EAASG,GASxCM,EAAcA,eAACJ,GAEf3B,EAAAA,WAAU,WACJD,IACgB,QAAlBiC,EAAAL,EAASM,eAAS,IAAAD,GAAAA,EAAAE,QACnB,GACA,CAACnC,IAEJ,MAEMoC,EAAiB,IACrB3B,EAAM4B,SAASC,IAAI1B,GAAU2B,UAC3B,OAAI9B,EAAM+B,eAAeD,GAChB9B,EAAMgC,aAAaF,EAAuB,CAC/C1B,kBAAS0B,EAAMG,MAAM7B,uBAAWA,IAG7B0B,CAAK,IAGhB,OACE9B,EAAKkC,cAAA,MAAA,CAAAlB,IAAKC,GACPkB,EAAAA,aACCnC,EAAAkC,cAAA,MAAA,IACMnB,EACJC,IAAKG,EACLjB,GAAIA,EACJG,UAAW,GAAG+B,EAAAA,QAAe,SAAK7C,EAAO6C,EAAOC,QAAU,QAAI,MAAMhC,IACpEiC,KAAK,SAAQ,aACF,OACM,kBAAA9B,QAAAA,EAAc+B,EAAAA,QAAQrC,sBACrBO,QAAAA,EAAe+B,EAAaA,cAACtC,GAAG,eACpCX,EACdkD,UAAW,EACE,eAAClD,EACdmD,UA1CmBC,IACpBjC,GAAsC,WAAdiC,EAAMC,MACjCD,EAAME,kBACNzC,SAAAA,IACD,EAuCKT,MAAO,CAAEkB,WAETb,EACMkC,cAAA,MAAA,IAAA3B,EACS,eAAA,EACbF,UAAW,GAAG+B,EAAOC,QAAW,YAA6B,QAAxBb,EAAAjB,aAAa,EAAbA,EAAeF,iBAAS,IAAAmB,EAAAA,EAAI,KACjEsB,QAlCkB,KAAOnC,GAAmBP,GAAWA,MAoCxDQ,EACCZ,EAAAkC,cAAA,MAAA,IACM5B,EACS,eAACf,EAAI,eACL,SACbwD,QAASxD,EACTI,MAAO,CAAEkB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAG+B,EAAAA,QAAmB,aAAkC,QAA7BY,EAAA1C,aAAA,EAAAA,EAAgBD,iBAAa,IAAA2C,EAAAA,EAAA,MAElErB,KAGHpC,GACES,EAAAkC,cAAA,MAAA,IACM5B,EACS,eAAA,SACbX,MAAO,CAAEkB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAG+B,UAAmB,aAA8B,QAAzBa,EAAA3C,eAAAA,EAAgBD,iBAAS,IAAA4C,EAAAA,EAAI,MAElEtB,MAKTN,GAGJ"}

package/dist/cjs/Notifications/BaseModal/BaseModal.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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:initial;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsZ0NBQ0UsWUFDRixDQUVBLGtDQUNFLHVEQUNGLENBQ0EsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLG1DQUNFLHdEQUNGLENBQ0EsdUNBQ0UsbUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLDRDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw2Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwrQkFTRSxzQkFBdUIsQ0FEdkIsWUFBYSxDQUhiLFlBQWEsQ0FLYixzQkFBdUIsQ0FOdkIsTUFBTyxDQUhQLGNBQWUsQ0FFZixLQUFNLENBSU4saUJBQWtCLENBRGxCLFdBQVksQ0FKWixVQVNGLENBQ0EsaUVBT0Usd0JBQTZCLENBTjdCLFVBQVcsQ0FHWCxXQUFZLENBQ1osTUFBTyxDQUhQLGlCQUFrQixDQUlsQixLQUFNLENBR04sdUJBQXlCLENBRHpCLG9DQUFxQyxDQUVyQywrQkFBZ0MsQ0FQaEMsVUFRRixDQUNBLHVDQUNFLGlFQUNFLHdCQUNGLENBQ0YsQ0FDQSwrREFDRSxrQkFDRixDQUNBLGlHQUNFLDRDQUE2QyxDQUM3QyxXQUNGLENBRUEsbUNBRUUsOENBQStDLENBSy9DLFlBQWEsQ0FDYixxQkFBc0IsQ0FIdEIsV0FBWSxDQUpaLG1CQUFvQixDQUtwQiwrQkFBZ0MsQ0FGaEMsdUJBQXdCLENBRHhCLFVBTUYsQ0FFQSx3Q0FDRSxtQ0FFRSxpQkFBa0IsQ0FDbEIsZ0RBQWlELENBRmpELFdBR0YsQ0FDRiIsImZpbGUiOiJCYXNlTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLm1vZGFsIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogMTAwdnc7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLm1vZGFsIC5iYWNrZHJvcCB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvcjtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2U7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAubW9kYWwgLmJhY2tkcm9wIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLm1vZGFsLnZpc2libGUge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuLm1vZGFsLnZpc2libGUgLmJhY2tkcm9wIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbW9kYWwtYmFja2Ryb3AtY29sb3IpO1xuICBvcGFjaXR5OiAwLjc1O1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWFyZ2luLXRvcDogMy4xMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1vZGFsLWJhY2tncm91bmQtY29sb3IpO1xuICB6LWluZGV4OiAxMTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDJyZW0pO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1heC1oZWlnaHQ6IGNhbGMoOTAlIC0gMy4xMjVyZW0pO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBib3gtc2hhZG93OiAwIDMwcHggNTBweCB2YXIoLS1tb2RhbC1zaGFkb3ctY29sb3IpO1xuICB9XG59Il19 */'),exports.default={"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"};
+//# sourceMappingURL=BaseModal.module.scss.cjs.js.map

package/dist/cjs/Notifications/BaseModal/BaseModal.module.scss.cjs.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./BaseModalActions.module.cjs.js");var a=require("../../../Button/Button.cjs.js");function l(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=l(e);const n=({children:l,cancelAction:n,cancelActionsClassName:o="",onClose:r,className:s="",...u},d)=>{const i=c["default"].createRef()||d;const f=e.useRef(null);const v=e.useRef(null);const m=c["default"].createElement(a.Button,{variant:"text",color:"default",...n===null||n===void 0?void 0:n.cancelButtonProps,onClick:r},n===null||n===void 0?void 0:n.label);return c["default"].createElement("div",{...u,ref:i,className:`${t["default"]["actions"]} ${s}`},n&&r&&c["default"].createElement("div",{className:`${t["default"]["cancel-action"]} ${o}`,ref:f},m),l&&c["default"].createElement("div",{ref:v,className:t["default"]["primary-actions"]},l))};const o=c["default"].forwardRef(n);exports.BaseModalActions=o;
+"use strict";var e=require("react"),t=require("./BaseModalActions.module.scss.cjs.js"),a=require("../../../Button/Button.cjs.js");const c=e.forwardRef((({children:c,cancelAction:l,cancelActionsClassName:s="",onClose:n,className:r="",...o},i)=>{const u=e.createRef()||i,d=e.useRef(null),f=e.useRef(null),m=e.createElement(a.Button,{variant:"text",color:"default",...null==l?void 0:l.cancelButtonProps,onClick:n},null==l?void 0:l.label);return e.createElement("div",{...o,ref:u,className:`${t.default.actions} ${r}`},l&&n&&e.createElement("div",{className:`${t.default["cancel-action"]} ${s}`,ref:d},m),c&&e.createElement("div",{ref:f,className:t.default["primary-actions"]},c))}));exports.BaseModalActions=c;
 //# sourceMappingURL=BaseModalActions.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalActions.cjs.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 && onClose && (\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":"kRAgCA,MAAMA,EAA6E,EAC/EC,WAAUC,eAAcC,yBAAyB,GAAIC,UAASC,YAAY,MAAOC,GACnFC,KAEA,MAAMC,EAAYC,EAAAA,WAAMC,aAAmDH,EAC3E,MAAMI,EAAkBC,SAAuB,MAC/C,MAAMC,EAAoBD,SAAuB,MAEjD,MAAME,EACJL,EAAA,WAAAM,cAACC,EAAMA,OAAC,CAAAC,QAAQ,OAAOC,MAAM,aAAchB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAciB,kBAAmBC,QAAShB,GAClFF,IAAA,MAAAA,kBAAAA,EAAcmB,OAInB,OACEZ,EAAAA,WAASM,cAAA,MAAA,IAAAT,EAAMC,IAAKC,EAAUH,UAAW,GAAGiB,EAAAA,WAAQ,cAAcjB,KAC/DH,GAAgBE,GACfK,kCACEJ,UAAW,GAAGiB,EAAAA,WAAQ,oBAAoBnB,IAC1CI,IAAKI,GAEJG,GAGJb,GACCQ,EAAAA,WAAAM,cAAA,MAAA,CAAKR,IAAKM,EAAmBR,UAAWiB,EAAO,WAAC,oBAC7CrB,GAIP,EAGS,MAAAsB,EAAmBd,EAAAA,WAAMe,WAAWxB"}
+{"version":3,"file":"BaseModalActions.cjs.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 && onClose && (\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":["BaseModalActions","React","forwardRef","children","cancelAction","cancelActionsClassName","onClose","className","rest","ref","innerRef","createRef","cancelButtonRef","useRef","primaryActionsRef","cancelButton","createElement","Button","variant","color","cancelButtonProps","onClick","label","classes","default"],"mappings":"kIAgCA,MAiCaA,EAAmBC,EAAMC,YAjC6C,EAC/EC,WAAUC,eAAcC,yBAAyB,GAAIC,UAASC,YAAY,MAAOC,GACnFC,KAEA,MAAMC,EAAYT,EAAMU,aAAmDF,EACrEG,EAAkBC,SAAuB,MACzCC,EAAoBD,SAAuB,MAE3CE,EACJd,EAAAe,cAACC,EAAMA,OAAC,CAAAC,QAAQ,OAAOC,MAAM,aAAcf,aAAA,EAAAA,EAAcgB,kBAAmBC,QAASf,GAClFF,eAAAA,EAAckB,OAInB,OACErB,EAASe,cAAA,MAAA,IAAAR,EAAMC,IAAKC,EAAUH,UAAW,GAAGgB,EAAAA,QAAiB,WAAKhB,KAC/DH,GAAgBE,GACfL,uBACEM,UAAW,GAAGgB,EAAAA,QAAQ,oBAAoBlB,IAC1CI,IAAKG,GAEJG,GAGJZ,GACCF,EAAAe,cAAA,MAAA,CAAKP,IAAKK,EAAmBP,UAAWgB,EAAOC,QAAC,oBAC7CrB,GAIP"}

package/dist/cjs/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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== */'),exports.default={actions:"BaseModalActions-module_actions__U83Sp","cancel-action":"BaseModalActions-module_cancel-action__MFK8v","primary-actions":"BaseModalActions-module_primary-actions__KFtY1"};
+//# sourceMappingURL=BaseModalActions.module.scss.cjs.js.map

package/dist/cjs/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss.cjs.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./BaseModalContent.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=r(e);const a=({id:r,children:a,className:u="",disableAutoFocus:l=false,...n},s)=>{const d=e.createRef();e.useEffect((()=>{var e,t;if(!l&&s)(e=s.current)===null||e===void 0?void 0:e.focus();else if(!l)(t=d.current)===null||t===void 0?void 0:t.focus()}),[]);return o["default"].createElement("div",{...n,ref:s!==null&&s!==void 0?s:d,id:r,className:`${t["default"]["content"]} ${u}`,tabIndex:-1},a)};const u=o["default"].forwardRef(a);exports.BaseModalContent=u;
+"use strict";var e=require("react"),t=require("./BaseModalContent.module.scss.cjs.js");const r=e.forwardRef((({id:r,children:s,className:c="",disableAutoFocus:a=!1,...n},o)=>{const u=e.createRef();return e.useEffect((()=>{var e,t;!a&&o?null===(e=o.current)||void 0===e||e.focus():a||null===(t=u.current)||void 0===t||t.focus()}),[]),e.createElement("div",{...n,ref:null!=o?o:u,id:r,className:`${t.default.content} ${c}`,tabIndex:-1},s)}));exports.BaseModalContent=r;
 //# sourceMappingURL=BaseModalContent.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalContent.cjs.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":"mOA+BA,MAAMA,EAA6E,EAC/EC,KAAIC,WAAUC,YAAY,GAAIC,mBAAmB,SAAUC,GAC7DC,KAEA,MAAMC,EAAaC,EAAAA,YAEnBC,EAAAA,WAAU,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,EACM,WAAAC,cAAA,MAAA,IAAAV,EACJC,IAAKA,IAAG,MAAHA,SAAG,EAAHA,EAAOC,EACZN,GAAIA,EACJE,UAAW,GAAGa,EAAO,WAAC,cAAcb,IACpCc,UAAW,GAEVf,EAEH,EAGS,MAAAgB,EAAmBJ,EAAAA,WAAMK,WAAWnB"}
+{"version":3,"file":"BaseModalContent.cjs.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":["BaseModalContent","React","forwardRef","id","children","className","disableAutoFocus","rest","ref","contentRef","createRef","useEffect","_a","current","focus","_b","createElement","classes","default","tabIndex"],"mappings":"uFA+BA,MA4BaA,EAAmBC,EAAMC,YA5B6C,EAC/EC,KAAIC,WAAUC,YAAY,GAAIC,oBAAmB,KAAUC,GAC7DC,KAEA,MAAMC,EAAaC,EAAAA,YAWnB,OATAC,EAAAA,WAAU,cACHL,GAAoBE,EAC2B,QAAlDI,EAACJ,EAAwCK,eAAS,IAAAD,GAAAA,EAAAE,QACxCR,GACU,QAApBS,EAAAN,EAAWI,eAAS,IAAAE,GAAAA,EAAAD,OACrB,GACA,IAIDb,EACMe,cAAA,MAAA,IAAAT,EACJC,IAAKA,QAAAA,EAAOC,EACZN,GAAIA,EACJE,UAAW,GAAGY,EAAOC,QAAU,WAAKb,IACpCc,UAAW,GAEVf,EAEH"}

package/dist/cjs/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbENvbnRlbnQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix3Q0FHRSxNQUFPLENBRVAsaUJBQW1CLENBQ25CLG1CQUFvQixDQUZwQixZQUFhLENBRmIsZUFBZ0IsQ0FEaEIsd0JBTUYiLCJmaWxlIjoiQmFzZU1vZGFsQ29udGVudC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGVudCB7XG4gIHBhZGRpbmc6IDEuMjVyZW0gMS41cmVtIDA7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGZsZXg6IDE7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xufSJdfQ== */'),exports.default={content:"BaseModalContent-module_content__EBc1p"};
+//# sourceMappingURL=BaseModalContent.module.scss.cjs.js.map

package/dist/cjs/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss.cjs.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const e=e=>`${e}-label`;const t=e=>`${e}-description`;exports.descriptionId=t;exports.labelId=e;
+"use strict";exports.descriptionId=e=>`${e}-description`,exports.labelId=e=>`${e}-label`;
 //# sourceMappingURL=BaseModalContext.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalContext.cjs.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":"sEAgBO,MAAMA,EAAWC,GAAe,GAAGA,UACnC,MAAMC,EAAiBD,GAAe,GAAGA"}
+{"version":3,"file":"BaseModalContext.cjs.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":["id"],"mappings":"mCAiB8BA,GAAe,GAAGA,gCADxBA,GAAe,GAAGA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./BaseModalHeader.module.cjs.js");var a=require("../../../Button/IconButton.cjs.js");var r=require("../../../Icon/Icon.cjs.js");var l=require("../../../Typography/Typography.cjs.js");function c(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=c(e);const s=({id:e,title:c,children:s,onClose:d,...n},u)=>o["default"].createElement("div",{...n,ref:u,className:t["default"]["header"]},o["default"].createElement("div",{className:t["default"]["headline"]},o["default"].createElement("div",{className:t["default"]["title-wrapper"]},o["default"].createElement(l.Typography,{id:e,className:t["default"]["title"],tag:"h1",spacing:{marginBottom:0},variant:"h4"},c)),o["default"].createElement(a.IconButton,{onClick:d,className:t["default"]["closeBtn"],title:"close modal"},o["default"].createElement(r.Icon,{icon:r.Icons.Times}))),s);const d=o["default"].forwardRef(s);exports.BaseModalHeader=d;
+"use strict";var e=require("react"),a=require("./BaseModalHeader.module.scss.cjs.js"),t=require("../../../Button/IconButton.cjs.js"),r=require("../../../Icon/Icon.cjs.js"),s=require("../../../Typography/Typography.cjs.js");const c=e.forwardRef((({id:c,title:l,children:o,onClose:n,...i},d)=>e.createElement("div",{...i,ref:d,className:a.default.header},e.createElement("div",{className:a.default.headline},e.createElement("div",{className:a.default["title-wrapper"]},e.createElement(s.Typography,{id:c,className:a.default.title,tag:"h1",spacing:{marginBottom:0},variant:"h4"},l)),e.createElement(t.IconButton,{onClick:n,className:a.default.closeBtn,title:"close modal"},e.createElement(r.Icon,{icon:r.Icons.Times}))),o)));exports.BaseModalHeader=c;
 //# sourceMappingURL=BaseModalHeader.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseModalHeader.cjs.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":"uXA6BA,MAAMA,EAA4E,EAC9EC,KAAIC,QAAOC,WAAUC,aAAYC,GACnCC,IAGEC,aAAAC,cAAA,MAAA,IAASH,EAAMC,IAAKA,EAAKG,UAAWC,EAAO,WAAC,WAC1CH,EAAA,WAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,WAAQ,aACtBH,EAAA,WAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,WAAQ,kBACtBH,aAAAC,cAACG,EAAAA,WAAU,CACTV,GAAIA,EACJQ,UAAWC,EAAO,WAAC,SACnBE,IAAI,KACJC,QAAS,CAAEC,aAAc,GACzBC,QAAQ,MAEPb,IAGLK,EAAAA,WAAAC,cAACQ,aAAU,CAACC,QAASb,EAASK,UAAWC,aAAQ,YAAaR,MAAM,eAClEK,EAAC,WAAAC,cAAAU,QAAKC,KAAMC,QAAMC,UAGrBlB,GAKM,MAAAmB,EAAkBf,EAAAA,WAAMgB,WAAWvB"}
+{"version":3,"file":"BaseModalHeader.cjs.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":["BaseModalHeader","React","forwardRef","id","title","children","onClose","rest","ref","createElement","className","classes","default","Typography","tag","spacing","marginBottom","variant","IconButton","onClick","Icon","icon","Icons","Times"],"mappings":"+NA6BA,MA2BaA,EAAkBC,EAAMC,YA3B6C,EAC9EC,KAAIC,QAAOC,WAAUC,aAAYC,GACnCC,IAGEP,EAAAQ,cAAA,MAAA,IAASF,EAAMC,IAAKA,EAAKE,UAAWC,EAAOC,QAAS,QAClDX,EAAAQ,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAkB,UAChCV,EAAAQ,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtBV,EAAAQ,cAACI,EAAAA,WAAU,CACTV,GAAIA,EACJO,UAAWC,EAAOC,QAAQ,MAC1BE,IAAI,KACJC,QAAS,CAAEC,aAAc,GACzBC,QAAQ,MAEPb,IAGLH,EAAAQ,cAACS,aAAU,CAACC,QAASb,EAASI,UAAWC,UAAkB,SAAGP,MAAM,eAClEH,EAACQ,cAAAW,QAAKC,KAAMC,QAAMC,UAGrBlB"}

package/dist/cjs/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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== */'),exports.default={header:"BaseModalHeader-module_header__TYT6j",headline:"BaseModalHeader-module_headline__07ZhA",title:"BaseModalHeader-module_title__8sCRn"};
+//# sourceMappingURL=BaseModalHeader.module.scss.cjs.js.map

package/dist/cjs/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss.cjs.js.map

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

package/dist/cjs/Notifications/BaseModal/useRepeatFocus.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=t=>{const n=(e,t)=>{const n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';const r=e.querySelectorAll(n);if(t==="first")return r[0]||null;else if(t==="last")return r[r.length-1]||null;return null};e.useEffect((()=>{if(!t.current||!open)return;const e=n(t.current,"last");const r=n(t.current,"first");if(!e||!r)return;const u=t=>{if(t.key!=="Tab")return;if(t.shiftKey){if(document.activeElement===r){t.preventDefault();e===null||e===void 0?void 0:e.focus()}}else if(document.activeElement===e){t.preventDefault();r===null||r===void 0?void 0:r.focus()}};e.addEventListener("keydown",u);r.addEventListener("keydown",u);return()=>{e.removeEventListener("keydown",u);r.removeEventListener("keydown",u)}}),[t,open])};exports.useRepeatFocus=t;
+"use strict";var e=require("react");exports.useRepeatFocus=t=>{const n=(e,t)=>{const n=e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');return"first"===t?n[0]||null:"last"===t&&n[n.length-1]||null};e.useEffect((()=>{if(!t.current||!open)return;const e=n(t.current,"last"),r=n(t.current,"first");if(!e||!r)return;const u=t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===r&&(t.preventDefault(),null==e||e.focus()):document.activeElement===e&&(t.preventDefault(),null==r||r.focus()))};return e.addEventListener("keydown",u),r.addEventListener("keydown",u),()=>{e.removeEventListener("keydown",u),r.removeEventListener("keydown",u)}}),[t,open])};
 //# sourceMappingURL=useRepeatFocus.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRepeatFocus.cjs.js","sources":["../../../../../../src/components/Notifications/BaseModal/useRepeatFocus.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const focusableSelectors =\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) return;\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) return;\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":["useRepeatFocus","ref","getFocusableElement","element","position","focusableSelectors","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"6FAwBa,MAAAA,EAAkBC,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MAAMC,EACJ,2EACF,MAAMC,EAAoBH,EAAQI,iBAA8BF,GAEhE,GAAID,IAAa,QACf,OAAOE,EAAkB,IAAM,UAC1B,GAAIF,IAAa,OACtB,OAAOE,EAAkBA,EAAkBE,OAAS,IAAM,KAG5D,OAAO,IAAI,EAGbC,EAAAA,WAAU,KACR,IAAKR,EAAIS,UAAYC,KAAM,OAE3B,MAAMC,EAAuBV,EAAoBD,EAAIS,QAAS,QAC9D,MAAMG,EAAwBX,EAAoBD,EAAIS,QAAS,SAE/D,IAAKE,IAAyBC,EAAuB,OAErD,MAAMC,EAAqBC,IACzB,GAAIA,EAAMC,MAAQ,MAAO,OAEzB,GAAID,EAAME,UACR,GAAIC,SAASC,gBAAkBN,EAAuB,CACpDE,EAAMK,iBACNR,UAAAA,SAAoB,OAAA,EAApBA,EAAsBS,OACvB,OACI,GAAIH,SAASC,gBAAkBP,EAAsB,CAC1DG,EAAMK,iBACNP,UAAAA,SAAqB,OAAA,EAArBA,EAAuBQ,OACxB,GAGHT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAElD,MAAO,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAACb,EAAKU,MAAM"}
+{"version":3,"file":"useRepeatFocus.cjs.js","sources":["../../../../../../src/components/Notifications/BaseModal/useRepeatFocus.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const focusableSelectors =\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) return;\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) return;\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":["ref","getFocusableElement","element","position","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"2DAwB+BA,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MAEMC,EAAoBF,EAAQG,iBADhC,4EAGF,MAAiB,UAAbF,EACKC,EAAkB,IAAM,KACT,SAAbD,GACFC,EAAkBA,EAAkBE,OAAS,IAG/C,IAAI,EAGbC,EAAAA,WAAU,KACR,IAAKP,EAAIQ,UAAYC,KAAM,OAE3B,MAAMC,EAAuBT,EAAoBD,EAAIQ,QAAS,QACxDG,EAAwBV,EAAoBD,EAAIQ,QAAS,SAE/D,IAAKE,IAAyBC,EAAuB,OAErD,MAAMC,EAAqBC,IACP,QAAdA,EAAMC,MAEND,EAAME,SACJC,SAASC,gBAAkBN,IAC7BE,EAAMK,iBACNR,SAAAA,EAAsBS,SAEfH,SAASC,gBAAkBP,IACpCG,EAAMK,iBACNP,SAAAA,EAAuBQ,SACxB,EAMH,OAHAT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAE3C,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAACZ,EAAKS,MAAM"}

package/dist/cjs/Notifications/Dialog/Dialog.cjs.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs.js","sources":["../../../../../../src/components/Notifications/Dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport { BaseModal } from \"../BaseModal/BaseModal\";\nimport { BaseModalContent } from \"../BaseModal/BaseModalContent/BaseModalContent\";\nimport { DialogActions } from \"./DialogActions/DialogActions\";\nimport classes from \"./Dialog.module.scss\";\nimport { DialogTitle } from \"./DialogTitle/DialogTitle\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { labelId, descriptionId } from \"../BaseModal/BaseModalContext\";\nimport { generateID } from \"../../../util/helper\";\nimport { CancelAction } from \"../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  open: boolean;\n  children: React.ReactNode;\n  onClose?: () => void;\n  title: string;\n  primaryAction: Action;\n  secondaryAction?: Action;\n  cancelAction?: CancelAction;\n  zIndex?: number;\n  disableEscapeKeyDown?: boolean;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n}\n\nexport interface Action extends Omit<ButtonProps, \"variant\" | \"ref\"> {\n  label: string;\n  onClick: (event?: React.MouseEvent<HTMLButtonElement>) => unknown;\n}\n\nconst DialogComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    open,\n    children,\n    onClose,\n    title,\n    primaryAction,\n    secondaryAction,\n    cancelAction,\n    zIndex,\n    titleIcon,\n    caption,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [dialogId] = useState(id ?? generateID(20));\n  const { label: primaryLabel, ...restOfPrimaryAction } = primaryAction;\n  const PrimaryButton = (\n    <Button key=\"primary\" {...restOfPrimaryAction}>\n      {primaryLabel}\n    </Button>\n  );\n\n  const SecondaryButton =\n    secondaryAction &&\n    (function () {\n      const { label: secondaryLabel, ...restOfSecondaryAction } = secondaryAction;\n      return (\n        <Button key=\"tertiary\" variant=\"outline\" {...restOfSecondaryAction}>\n          {secondaryLabel}\n        </Button>\n      );\n    })();\n\n  const onHiddenInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    /** It has to be here because then we will need to check if user doesn't click tab to select action button and want to do another action then primary one? */\n    if (event.key === \"Enter\") {\n      primaryAction.onClick();\n    }\n  };\n\n  return (\n    <BaseModal\n      {...rest}\n      ref={ref}\n      id={dialogId}\n      className={classes[\"dialog\"]}\n      containerProps={{ className: classes[\"container\"] }}\n      open={open}\n      onClose={onClose}\n      zIndex={zIndex}\n    >\n      <DialogTitle\n        titleIcon={titleIcon}\n        caption={caption}\n        id={labelId(dialogId)}\n        title={title}\n        onClose={onClose}\n      />\n      <BaseModalContent\n        id={descriptionId(dialogId)}\n        className={classes[\"content\"]}\n        disableAutoFocus\n      >\n        {children}\n      </BaseModalContent>\n      <DialogActions onClose={onClose} cancelAction={cancelAction}>\n        {[SecondaryButton, PrimaryButton]}\n      </DialogActions>\n      <input\n        autoFocus\n        aria-hidden={true}\n        style={{\n          position: \"absolute\",\n          width: 0,\n          height: 0,\n          opacity: 0\n        }}\n        maxLength={0}\n        tabIndex={-1}\n        onKeyDown={onHiddenInputKeyPress}\n      />\n    </BaseModal>\n  );\n};\n\nexport const Dialog = React.forwardRef(DialogComponent);\n"],"names":["DialogComponent","id","open","children","onClose","title","primaryAction","secondaryAction","cancelAction","zIndex","titleIcon","caption","rest","ref","dialogId","useState","generateID","label","primaryLabel","restOfPrimaryAction","PrimaryButton","React","createElement","Button","key","SecondaryButton","secondaryLabel","restOfSecondaryAction","variant","onHiddenInputKeyPress","event","onClick","BaseModal","className","classes","containerProps","DialogTitle","labelId","BaseModalContent","descriptionId","disableAutoFocus","DialogActions","autoFocus","style","position","width","height","opacity","maxLength","tabIndex","onKeyDown","Dialog","forwardRef"],"mappings":"ukBA+CA,MAAMA,EAAmE,EAErEC,KACAC,OACAC,WACAC,UACAC,QACAC,gBACAC,kBACAC,eACAC,SACAC,YACAC,aACGC,GAELC,KAEA,MAAOC,GAAYC,EAAQA,SAACd,IAAE,MAAFA,SAAE,EAAFA,EAAMe,aAAW,KAC7C,MAAQC,MAAOC,KAAiBC,GAAwBb,EACxD,MAAMc,EACJC,EAAAA,WAAAC,cAACC,SAAO,CAAAC,IAAI,aAAcL,GACvBD,GAIL,MAAMO,EACJlB,GACA,WACE,MAAQU,MAAOS,KAAmBC,GAA0BpB,EAC5D,OACEc,aAACC,cAAAC,EAAMA,OAAC,CAAAC,IAAI,WAAWI,QAAQ,aAAcD,GAC1CD,EAGN,CAPD,GASF,MAAMG,EAAyBC,IAE7B,GAAIA,EAAMN,MAAQ,QAChBlB,EAAcyB,SACf,EAGH,OACEV,aAACC,cAAAU,EAASA,cACJpB,EACJC,IAAKA,EACLZ,GAAIa,EACJmB,UAAWC,EAAAA,WAAQ,UACnBC,eAAgB,CAAEF,UAAWC,EAAO,WAAC,cACrChC,KAAMA,EACNE,QAASA,EACTK,OAAQA,GAERY,EAAC,WAAAC,cAAAc,EAAWA,YACV,CAAA1B,UAAWA,EACXC,QAASA,EACTV,GAAIoC,EAAOA,QAACvB,GACZT,MAAOA,EACPD,QAASA,IAEXiB,EAAAA,WAAAC,cAACgB,EAAAA,iBACC,CAAArC,GAAIsC,EAAaA,cAACzB,GAClBmB,UAAWC,EAAAA,WAAQ,WACnBM,iBAAgB,MAEfrC,GAEHkB,EAAAA,WAAAC,cAACmB,gBAAa,CAACrC,QAASA,EAASI,aAAcA,GAC5C,CAACiB,EAAiBL,IAErBC,aAAAC,cAAA,QAAA,CACEoB,UAAS,KAAA,cACI,KACbC,MAAO,CACLC,SAAU,WACVC,MAAO,EACPC,OAAQ,EACRC,QAAS,GAEXC,UAAW,EACXC,UAAW,EACXC,UAAWrB,IAGf,EAGS,MAAAsB,EAAS9B,EAAAA,WAAM+B,WAAWpD"}
+{"version":3,"file":"Dialog.cjs.js","sources":["../../../../../../src/components/Notifications/Dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport { BaseModal } from \"../BaseModal/BaseModal\";\nimport { BaseModalContent } from \"../BaseModal/BaseModalContent/BaseModalContent\";\nimport { DialogActions } from \"./DialogActions/DialogActions\";\nimport classes from \"./Dialog.module.scss\";\nimport { DialogTitle } from \"./DialogTitle/DialogTitle\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { labelId, descriptionId } from \"../BaseModal/BaseModalContext\";\nimport { generateID } from \"../../../util/helper\";\nimport { CancelAction } from \"../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  open: boolean;\n  children: React.ReactNode;\n  onClose?: () => void;\n  title: string;\n  primaryAction: Action;\n  secondaryAction?: Action;\n  cancelAction?: CancelAction;\n  zIndex?: number;\n  disableEscapeKeyDown?: boolean;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n}\n\nexport interface Action extends Omit<ButtonProps, \"variant\" | \"ref\"> {\n  label: string;\n  onClick: (event?: React.MouseEvent<HTMLButtonElement>) => unknown;\n}\n\nconst DialogComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    open,\n    children,\n    onClose,\n    title,\n    primaryAction,\n    secondaryAction,\n    cancelAction,\n    zIndex,\n    titleIcon,\n    caption,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [dialogId] = useState(id ?? generateID(20));\n  const { label: primaryLabel, ...restOfPrimaryAction } = primaryAction;\n  const PrimaryButton = (\n    <Button key=\"primary\" {...restOfPrimaryAction}>\n      {primaryLabel}\n    </Button>\n  );\n\n  const SecondaryButton =\n    secondaryAction &&\n    (function () {\n      const { label: secondaryLabel, ...restOfSecondaryAction } = secondaryAction;\n      return (\n        <Button key=\"tertiary\" variant=\"outline\" {...restOfSecondaryAction}>\n          {secondaryLabel}\n        </Button>\n      );\n    })();\n\n  const onHiddenInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    /** It has to be here because then we will need to check if user doesn't click tab to select action button and want to do another action then primary one? */\n    if (event.key === \"Enter\") {\n      primaryAction.onClick();\n    }\n  };\n\n  return (\n    <BaseModal\n      {...rest}\n      ref={ref}\n      id={dialogId}\n      className={classes[\"dialog\"]}\n      containerProps={{ className: classes[\"container\"] }}\n      open={open}\n      onClose={onClose}\n      zIndex={zIndex}\n    >\n      <DialogTitle\n        titleIcon={titleIcon}\n        caption={caption}\n        id={labelId(dialogId)}\n        title={title}\n        onClose={onClose}\n      />\n      <BaseModalContent\n        id={descriptionId(dialogId)}\n        className={classes[\"content\"]}\n        disableAutoFocus\n      >\n        {children}\n      </BaseModalContent>\n      <DialogActions onClose={onClose} cancelAction={cancelAction}>\n        {[SecondaryButton, PrimaryButton]}\n      </DialogActions>\n      <input\n        autoFocus\n        aria-hidden={true}\n        style={{\n          position: \"absolute\",\n          width: 0,\n          height: 0,\n          opacity: 0\n        }}\n        maxLength={0}\n        tabIndex={-1}\n        onKeyDown={onHiddenInputKeyPress}\n      />\n    </BaseModal>\n  );\n};\n\nexport const Dialog = React.forwardRef(DialogComponent);\n"],"names":["Dialog","React","forwardRef","id","open","children","onClose","title","primaryAction","secondaryAction","cancelAction","zIndex","titleIcon","caption","rest","ref","dialogId","useState","generateID","label","primaryLabel","restOfPrimaryAction","PrimaryButton","createElement","Button","key","SecondaryButton","secondaryLabel","restOfSecondaryAction","variant","BaseModal","className","classes","containerProps","default","DialogTitle","labelId","BaseModalContent","descriptionId","disableAutoFocus","DialogActions","autoFocus","style","position","width","height","opacity","maxLength","tabIndex","onKeyDown","event","onClick"],"mappings":"+ZA+CA,MAwFaA,EAASC,EAAMC,YAxF6C,EAErEC,KACAC,OACAC,WACAC,UACAC,QACAC,gBACAC,kBACAC,eACAC,SACAC,YACAC,aACGC,GAELC,KAEA,MAAOC,GAAYC,EAAQA,SAACd,QAAAA,EAAMe,aAAW,MACrCC,MAAOC,KAAiBC,GAAwBb,EAClDc,EACJrB,EAAAsB,cAACC,SAAO,CAAAC,IAAI,aAAcJ,GACvBD,GAICM,EACJjB,GACA,WACE,MAAQU,MAAOQ,KAAmBC,GAA0BnB,EAC5D,OACER,EAACsB,cAAAC,EAAMA,OAAC,CAAAC,IAAI,WAAWI,QAAQ,aAAcD,GAC1CD,EAGN,CAPD,GAgBF,OACE1B,EAACsB,cAAAO,EAASA,cACJhB,EACJC,IAAKA,EACLZ,GAAIa,EACJe,UAAWC,EAAAA,QAAgB,OAC3BC,eAAgB,CAAEF,UAAWC,EAAOE,QAAY,WAChD9B,KAAMA,EACNE,QAASA,EACTK,OAAQA,GAERV,EAACsB,cAAAY,EAAWA,YACV,CAAAvB,UAAWA,EACXC,QAASA,EACTV,GAAIiC,EAAOA,QAACpB,GACZT,MAAOA,EACPD,QAASA,IAEXL,EAAAsB,cAACc,EAAAA,iBACC,CAAAlC,GAAImC,EAAaA,cAACtB,GAClBe,UAAWC,EAAAA,QAAiB,QAC5BO,kBAAgB,GAEflC,GAEHJ,EAAAsB,cAACiB,gBAAa,CAAClC,QAASA,EAASI,aAAcA,GAC5C,CAACgB,EAAiBJ,IAErBrB,EAAAsB,cAAA,QAAA,CACEkB,WAAS,EAAA,eACI,EACbC,MAAO,CACLC,SAAU,WACVC,MAAO,EACPC,OAAQ,EACRC,QAAS,GAEXC,UAAW,EACXC,UAAW,EACXC,UA9CyBC,IAEX,UAAdA,EAAMzB,KACRjB,EAAc2C,SACf,IA6CD"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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= */'),exports.default={dialog:"Dialog-module_dialog__91qHi",container:"Dialog-module_container__SXyt2",content:"Dialog-module_content__RTnpE"};
+//# sourceMappingURL=Dialog.module.scss.cjs.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var a=require("../../BaseModal/BaseModalActions/BaseModalActions.cjs.js");var t=require("./DialogActions.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=o(e);const s=({children:e,cancelAction:o,onClose:s,...l},n)=>c["default"].createElement(a.BaseModalActions,{...l,cancelAction:o,cancelActionsClassName:t["default"]["cancel-action"],onClose:s,ref:n,className:t["default"]["actions"]},e);const l=c["default"].forwardRef(s);exports.DialogActions=l;
+"use strict";var e=require("react"),s=require("../../BaseModal/BaseModalActions/BaseModalActions.cjs.js"),c=require("./DialogActions.module.scss.cjs.js");const a=e.forwardRef((({children:a,cancelAction:o,onClose:l,...n},t)=>e.createElement(s.BaseModalActions,{...n,cancelAction:o,cancelActionsClassName:c.default["cancel-action"],onClose:l,ref:t,className:c.default.actions},a)));exports.DialogActions=a;
 //# sourceMappingURL=DialogActions.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.cjs.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":"0SA4BA,MAAMA,EAA0E,EAC5EC,WAAUC,eAAcC,aAAYC,GACtCC,IAGEC,EAAA,WAAAC,cAACC,EAAAA,iBAAgB,IACXJ,EACJF,aAAcA,EACdO,uBAAwBC,aAAQ,iBAChCP,QAASA,EACTE,IAAKA,EACLM,UAAWD,EAAAA,WAAQ,YAElBT,GAKM,MAAAW,EAAgBN,EAAAA,WAAMO,WAAWb"}
+{"version":3,"file":"DialogActions.cjs.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":["DialogActions","React","forwardRef","children","cancelAction","onClose","rest","ref","createElement","BaseModalActions","cancelActionsClassName","classes","className"],"mappings":"0JA4BA,MAkBaA,EAAgBC,EAAMC,YAlB6C,EAC5EC,WAAUC,eAAcC,aAAYC,GACtCC,IAGEN,EAAAO,cAACC,EAAAA,iBAAgB,IACXH,EACJF,aAAcA,EACdM,uBAAwBC,UAAQ,iBAChCN,QAASA,EACTE,IAAKA,EACLK,UAAWD,EAAAA,QAAiB,SAE3BR"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */'),exports.default={actions:"DialogActions-module_actions__K5DW4","cancel-action":"DialogActions-module_cancel-action__0GxwH"};
+//# sourceMappingURL=DialogActions.module.scss.cjs.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../../Typography/Typography.cjs.js");var a=require("./DialogTitle.module.cjs.js");var l=require("../../../Icon/Icon.cjs.js");var c=require("../../../Button/IconButton.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=r(e);const o=({id:e,title:r,titleIcon:o,caption:i,onClose:s,...u},d)=>n["default"].createElement("div",{...u,ref:d,className:a["default"]["header"]},n["default"].createElement("div",{className:`${a["default"]["headline"]} ${i?a["default"]["with-caption"]:a["default"]["no-caption"]}`},o&&n["default"].createElement("div",{className:a["default"]["title-icon"]},typeof o==="boolean"?n["default"].createElement(l.Icon,{icon:l.Icons.InfoCircle}):o),n["default"].createElement("div",{className:a["default"]["title-wrapper"]},n["default"].createElement(t.Typography,{id:e,className:a["default"]["title"],spacing:o&&{marginLeft:2},tag:"h1",variant:"h4"},r),i&&n["default"].createElement(t.Typography,{className:a["default"]["caption"],spacing:{marginLeft:2},variant:"sub-text"},i))),s&&n["default"].createElement(c.IconButton,{onClick:s,className:a["default"]["close-button"],title:"close modal"},n["default"].createElement(l.Icon,{icon:l.Icons.Times})));const i=n["default"].forwardRef(o);exports.DialogTitle=i;
+"use strict";var e=require("react"),t=require("../../../Typography/Typography.cjs.js"),a=require("./DialogTitle.module.scss.cjs.js"),c=require("../../../Icon/Icon.cjs.js"),l=require("../../../Button/IconButton.cjs.js");const n=e.forwardRef((({id:n,title:o,titleIcon:i,caption:r,onClose:s,...m},u)=>e.createElement("div",{...m,ref:u,className:a.default.header},e.createElement("div",{className:`${a.default.headline} ${r?a.default["with-caption"]:a.default["no-caption"]}`},i&&e.createElement("div",{className:a.default["title-icon"]},"boolean"==typeof i?e.createElement(c.Icon,{icon:c.Icons.InfoCircle}):i),e.createElement("div",{className:a.default["title-wrapper"]},e.createElement(t.Typography,{id:n,className:a.default.title,spacing:i&&{marginLeft:2},tag:"h1",variant:"h4"},o),r&&e.createElement(t.Typography,{className:a.default.caption,spacing:{marginLeft:2},variant:"sub-text"},r))),s&&e.createElement(l.IconButton,{onClick:s,className:a.default["close-button"],title:"close modal"},e.createElement(c.Icon,{icon:c.Icons.Times})))));exports.DialogTitle=n;
 //# sourceMappingURL=DialogTitle.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.cjs.js","sources":["../../../../../../../src/components/Notifications/Dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DialogTitle.module.scss\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { IconButton } from \"../../../Button/IconButton\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst DialogTitleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, titleIcon, caption, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div\n        className={`${classes[\"headline\"]} ${caption ? classes[\"with-caption\"] : classes[\"no-caption\"]}`}\n      >\n        {titleIcon && (\n          <div className={classes[\"title-icon\"]}>\n            {typeof titleIcon === \"boolean\" ? <Icon icon={Icons.InfoCircle} /> : titleIcon}\n          </div>\n        )}\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            spacing={titleIcon && { marginLeft: 2 }}\n            tag=\"h1\"\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n          {caption && (\n            <Typography\n              className={classes[\"caption\"]}\n              spacing={{ marginLeft: 2 }}\n              variant=\"sub-text\"\n            >\n              {caption}\n            </Typography>\n          )}\n        </div>\n      </div>\n      {onClose && (\n        <IconButton onClick={onClose} className={classes[\"close-button\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n\nexport const DialogTitle = React.forwardRef(DialogTitleComponent);\n"],"names":["DialogTitleComponent","id","title","titleIcon","caption","onClose","rest","ref","React","createElement","className","classes","Icon","icon","Icons","InfoCircle","Typography","spacing","marginLeft","tag","variant","IconButton","onClick","Times","DialogTitle","forwardRef"],"mappings":"mXA8BA,MAAMA,EAAwE,EAC1EC,KAAIC,QAAOC,YAAWC,UAASC,aAAYC,GAC7CC,IAGEC,aAAAC,cAAA,MAAA,IAASH,EAAMC,IAAKA,EAAKG,UAAWC,EAAO,WAAC,WAC1CH,EACE,WAAAC,cAAA,MAAA,CAAAC,UAAW,GAAGC,EAAAA,WAAQ,eAAeP,EAAUO,EAAAA,WAAQ,gBAAkBA,EAAAA,WAAQ,iBAEhFR,GACCK,EAAAA,WAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAO,WAAC,sBACdR,IAAc,UAAYK,EAAC,WAAAC,cAAAG,EAAAA,KAAK,CAAAC,KAAMC,EAAAA,MAAMC,aAAiBZ,GAGzEK,EAAA,WAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,WAAQ,kBACtBH,aAAAC,cAACO,EAAAA,WAAU,CACTf,GAAIA,EACJS,UAAWC,aAAQ,SACnBM,QAASd,GAAa,CAAEe,WAAY,GACpCC,IAAI,KACJC,QAAQ,MAEPlB,GAEFE,GACCI,EAAC,WAAAC,cAAAO,EAAAA,WACC,CAAAN,UAAWC,EAAO,WAAC,WACnBM,QAAS,CAAEC,WAAY,GACvBE,QAAQ,YAEPhB,KAKRC,GACCG,EAAA,WAAAC,cAACY,EAAAA,WAAW,CAAAC,QAASjB,EAASK,UAAWC,EAAAA,WAAQ,gBAAiBT,MAAM,eACtEM,aAAAC,cAACG,EAAAA,KAAI,CAACC,KAAMC,EAAAA,MAAMS,UAOf,MAAAC,EAAchB,EAAAA,WAAMiB,WAAWzB"}
+{"version":3,"file":"DialogTitle.cjs.js","sources":["../../../../../../../src/components/Notifications/Dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DialogTitle.module.scss\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { IconButton } from \"../../../Button/IconButton\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  titleIcon?: React.ReactNode;\n  caption?: string;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst DialogTitleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, titleIcon, caption, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div\n        className={`${classes[\"headline\"]} ${caption ? classes[\"with-caption\"] : classes[\"no-caption\"]}`}\n      >\n        {titleIcon && (\n          <div className={classes[\"title-icon\"]}>\n            {typeof titleIcon === \"boolean\" ? <Icon icon={Icons.InfoCircle} /> : titleIcon}\n          </div>\n        )}\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            spacing={titleIcon && { marginLeft: 2 }}\n            tag=\"h1\"\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n          {caption && (\n            <Typography\n              className={classes[\"caption\"]}\n              spacing={{ marginLeft: 2 }}\n              variant=\"sub-text\"\n            >\n              {caption}\n            </Typography>\n          )}\n        </div>\n      </div>\n      {onClose && (\n        <IconButton onClick={onClose} className={classes[\"close-button\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n\nexport const DialogTitle = React.forwardRef(DialogTitleComponent);\n"],"names":["DialogTitle","React","forwardRef","id","title","titleIcon","caption","onClose","rest","ref","createElement","className","classes","default","Icon","icon","Icons","InfoCircle","Typography","spacing","marginLeft","tag","variant","IconButton","onClick","Times"],"mappings":"2NA8BA,MA4CaA,EAAcC,EAAMC,YA5C6C,EAC1EC,KAAIC,QAAOC,YAAWC,UAASC,aAAYC,GAC7CC,IAGER,EAAAS,cAAA,MAAA,IAASF,EAAMC,IAAKA,EAAKE,UAAWC,EAAOC,QAAS,QAClDZ,EACES,cAAA,MAAA,CAAAC,UAAW,GAAGC,EAAAA,QAAkB,YAAKN,EAAUM,EAAAA,QAAQ,gBAAkBA,EAAAA,QAAQ,iBAEhFP,GACCJ,EAAKS,cAAA,MAAA,CAAAC,UAAWC,EAAOC,QAAC,eACA,kBAAdR,EAA0BJ,EAACS,cAAAI,EAAAA,KAAK,CAAAC,KAAMC,EAAAA,MAAMC,aAAiBZ,GAGzEJ,EAAAS,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtBX,EAAAS,cAACQ,EAAAA,WAAU,CACTf,GAAIA,EACJQ,UAAWC,UAAe,MAC1BO,QAASd,GAAa,CAAEe,WAAY,GACpCC,IAAI,KACJC,QAAQ,MAEPlB,GAEFE,GACCL,EAACS,cAAAQ,EAAAA,WACC,CAAAP,UAAWC,EAAOC,QAAU,QAC5BM,QAAS,CAAEC,WAAY,GACvBE,QAAQ,YAEPhB,KAKRC,GACCN,EAAAS,cAACa,EAAAA,WAAW,CAAAC,QAASjB,EAASI,UAAWC,EAAAA,QAAQ,gBAAiBR,MAAM,eACtEH,EAAAS,cAACI,EAAAA,KAAI,CAACC,KAAMC,EAAAA,MAAMS"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DialogTitle-module_header__maiky{align-items:center;display:flex;justify-content:space-between;margin:1rem 1.5rem}.DialogTitle-module_headline__TItnb{display:flex}.DialogTitle-module_headline__TItnb.DialogTitle-module_with-caption__2Bu7z{align-items:flex-start}.DialogTitle-module_headline__TItnb.DialogTitle-module_no-caption__4-QI4{align-items:center}.DialogTitle-module_title__2Date{line-height:1;margin:0}.DialogTitle-module_title-icon__RFCV->[data-icon]{font-size:1.25rem}.DialogTitle-module_caption__08LUu{color:var(--color-blue-grey500)}.DialogTitle-module_close-button__EO320{flex-shrink:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZ1RpdGxlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0NBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FFYiw2QkFBOEIsQ0FIOUIsa0JBSUYsQ0FFQSxvQ0FDRSxZQUNGLENBQ0EsMkVBQ0Usc0JBQ0YsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGlDQUVFLGFBQWMsQ0FEZCxRQUVGLENBQ0Esa0RBQ0UsaUJBQ0YsQ0FFQSxtQ0FDRSwrQkFDRixDQUVBLHdDQUNFLGFBQ0YiLCJmaWxlIjoiRGlhbG9nVGl0bGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmhlYWRlciB7XG4gIG1hcmdpbjogMXJlbSAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLmhlYWRsaW5lIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5oZWFkbGluZS53aXRoLWNhcHRpb24ge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5oZWFkbGluZS5uby1jYXB0aW9uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgbWFyZ2luOiAwO1xuICBsaW5lLWhlaWdodDogMTtcbn1cbi50aXRsZS1pY29uID4gW2RhdGEtaWNvbl0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG5cbi5jbG9zZS1idXR0b24ge1xuICBmbGV4LXNocmluazogMDtcbn0iXX0= */'),exports.default={header:"DialogTitle-module_header__maiky",headline:"DialogTitle-module_headline__TItnb","with-caption":"DialogTitle-module_with-caption__2Bu7z","no-caption":"DialogTitle-module_no-caption__4-QI4",title:"DialogTitle-module_title__2Date","title-icon":"DialogTitle-module_title-icon__RFCV-",caption:"DialogTitle-module_caption__08LUu","close-button":"DialogTitle-module_close-button__EO320"};
+//# sourceMappingURL=DialogTitle.module.scss.cjs.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var a=require("../../Dialog/Dialog.cjs.js");var t=require("../../../Typography/Typography.cjs.js");function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=n(e);const r=({open:e,onKeepEditing:n,onDiscardChanges:r,discardChangesButtonLabel:i,keepEditingButtonLabel:l,contentLabel:c,titleLabel:s,cancelAction:d,...p},u)=>o["default"].createElement(a.Dialog,{...p,ref:u,open:e,title:s,onClose:n,cancelAction:d,primaryAction:{label:i,onClick:r},secondaryAction:{label:l,onClick:n},disableEscapeKeyDown:false},o["default"].createElement(t.Typography,{variant:"body",spacing:{margin:0}},c));const i=o["default"].forwardRef(r);exports.DiscardChangesDialog=i;
+"use strict";var e=require("react"),a=require("../../Dialog/Dialog.cjs.js"),n=require("../../../Typography/Typography.cjs.js");const i=e.forwardRef((({open:i,onKeepEditing:o,onDiscardChanges:r,discardChangesButtonLabel:t,keepEditingButtonLabel:c,contentLabel:l,titleLabel:s,cancelAction:g,...p},d)=>e.createElement(a.Dialog,{...p,ref:d,open:i,title:s,onClose:o,cancelAction:g,primaryAction:{label:t,onClick:r},secondaryAction:{label:c,onClick:o},disableEscapeKeyDown:!1},e.createElement(n.Typography,{variant:"body",spacing:{margin:0}},l))));exports.DiscardChangesDialog=i;
 //# sourceMappingURL=DiscardChangesDialog.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesDialog.cjs.js","sources":["../../../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Dialog } from \"../../Dialog/Dialog\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { DataAttributeKey } from \"../../../../interfaces\";\nimport { CancelAction } from \"../../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  open: boolean;\n  discardChangesButtonLabel: string;\n  keepEditingButtonLabel: string;\n  cancelAction?: CancelAction;\n  contentLabel: string;\n  titleLabel: string;\n  [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":"oRAkCA,MAAMA,EAAiF,EAEnFC,OACAC,gBACAC,mBACAC,4BACAC,yBACAC,eACAC,aACAC,kBACGC,GAELC,IAGEC,EAAAA,WAACC,cAAAC,EAAMA,OACD,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,EAAAA,WAAAC,cAACS,aAAW,CAAAC,QAAQ,OAAOC,QAAS,CAAEC,OAAQ,IAC3ClB,IAMI,MAAAmB,EAAuBd,EAAAA,WAAMe,WAAW1B"}
+{"version":3,"file":"DiscardChangesDialog.cjs.js","sources":["../../../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Dialog } from \"../../Dialog/Dialog\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { DataAttributeKey } from \"../../../../interfaces\";\nimport { CancelAction } from \"../../BaseModal/BaseModalActions/BaseModalActions\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  open: boolean;\n  discardChangesButtonLabel: string;\n  keepEditingButtonLabel: string;\n  cancelAction?: CancelAction;\n  contentLabel: string;\n  titleLabel: string;\n  [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":["DiscardChangesDialog","React","forwardRef","open","onKeepEditing","onDiscardChanges","discardChangesButtonLabel","keepEditingButtonLabel","contentLabel","titleLabel","cancelAction","rest","ref","createElement","Dialog","title","onClose","primaryAction","label","onClick","secondaryAction","disableEscapeKeyDown","Typography","variant","spacing","margin"],"mappings":"+HAkCA,MAuCaA,EAAuBC,EAAMC,YAvC6C,EAEnFC,OACAC,gBACAC,mBACAC,4BACAC,yBACAC,eACAC,aACAC,kBACGC,GAELC,IAGEX,EAACY,cAAAC,EAAMA,OACD,IAAAH,EACJC,IAAKA,EACLT,KAAMA,EACNY,MAAON,EACPO,QAASZ,EACTM,aAAcA,EACdO,cAAe,CACbC,MAAOZ,EACPa,QAASd,GAEXe,gBAAiB,CACfF,MAAOX,EACPY,QAASf,GAEXiB,sBAAsB,GAEtBpB,EAAAY,cAACS,aAAW,CAAAC,QAAQ,OAAOC,QAAS,CAAEC,OAAQ,IAC3CjB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesModal.cjs.js","sources":["../../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useState } from \"react\";\nimport { Modal, Props as ModalProps } from \"../Modal/Modal\";\nimport { ModalHeader, Props as ModalHeaderProps } from \"../Modal/ModalHeader/ModalHeader\";\nimport {\n  DiscardChangesDialog,\n  Props as DiscardChangesDialogProps\n} from \"./DiscardChangesDialog/DiscardChangesDialog\";\n\nexport interface Props extends Omit<ModalProps, \"onClose\"> {\n  hasUnsavedChanges: () => boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  headerProps: Omit<ModalHeaderProps, \"onClose\" | \"id\">;\n  discardChangedDialogProps: Omit<\n    DiscardChangesDialogProps,\n    \"open\" | \"onKeepEditing\" | \"onDiscardChanges\"\n  >;\n  modalRef?: React.RefObject<HTMLDivElement>;\n  dialogRef?: React.RefObject<HTMLDivElement>;\n}\n\nexport const DiscardChangesModal = ({\n  id,\n  children,\n  headerProps,\n  discardChangedDialogProps,\n  modalRef,\n  dialogRef,\n  onClose,\n  hasUnsavedChanges,\n  ...rest\n}: Props) => {\n  const [openDiscardChangesDialog, setOpenDiscardChangesDialog] = useState(false);\n\n  const onCloseWrapper = () =>\n    hasUnsavedChanges() ? setOpenDiscardChangesDialog(true) : onClose();\n\n  const onDialogKeepEditing = () => {\n    setOpenDiscardChangesDialog(false);\n  };\n\n  const onDialogDiscardChanges = () => {\n    setOpenDiscardChangesDialog(false);\n    onClose();\n  };\n\n  return (\n    <Fragment>\n      <Modal id={id} ref={modalRef} onClose={onCloseWrapper} {...rest}>\n        <ModalHeader {...headerProps} id={`${id}-label`} onClose={onCloseWrapper} />\n        {children}\n      </Modal>\n      <DiscardChangesDialog\n        {...discardChangedDialogProps}\n        ref={dialogRef}\n        open={openDiscardChangesDialog}\n        onKeepEditing={onDialogKeepEditing}\n        onDiscardChanges={onDialogDiscardChanges}\n      />\n    </Fragment>\n  );\n};\n"],"names":["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":"yWAoCa,MAAAA,EAAsB,EACjCC,KACAC,WACAC,cACAC,4BACAC,WACAC,YACAC,UACAC,uBACGC,MAEH,MAAOC,EAA0BC,GAA+BC,EAAQA,SAAC,OAEzE,MAAMC,EAAiB,IACrBL,IAAsBG,EAA4B,MAAQJ,IAE5D,MAAMO,EAAsB,KAC1BH,EAA4B,MAAM,EAGpC,MAAMI,EAAyB,KAC7BJ,EAA4B,OAC5BJ,GAAS,EAGX,OACES,2BAACC,EAAAA,SAAQ,KACPD,EAAAA,WAAAE,cAACC,YAAK,CAAClB,GAAIA,EAAImB,IAAKf,EAAUE,QAASM,KAAoBJ,GACzDO,EAAAA,WAAAE,cAACG,kBAAW,IAAKlB,EAAaF,GAAI,GAAGA,UAAYM,QAASM,IACzDX,GAEHc,EAAC,WAAAE,cAAAI,EAAoBA,yBACflB,EACJgB,IAAKd,EACLiB,KAAMb,EACNc,cAAeV,EACfW,iBAAkBV,IAGtB"}
+{"version":3,"file":"DiscardChangesModal.cjs.js","sources":["../../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useState } from \"react\";\nimport { Modal, Props as ModalProps } from \"../Modal/Modal\";\nimport { ModalHeader, Props as ModalHeaderProps } from \"../Modal/ModalHeader/ModalHeader\";\nimport {\n  DiscardChangesDialog,\n  Props as DiscardChangesDialogProps\n} from \"./DiscardChangesDialog/DiscardChangesDialog\";\n\nexport interface Props extends Omit<ModalProps, \"onClose\"> {\n  hasUnsavedChanges: () => boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  headerProps: Omit<ModalHeaderProps, \"onClose\" | \"id\">;\n  discardChangedDialogProps: Omit<\n    DiscardChangesDialogProps,\n    \"open\" | \"onKeepEditing\" | \"onDiscardChanges\"\n  >;\n  modalRef?: React.RefObject<HTMLDivElement>;\n  dialogRef?: React.RefObject<HTMLDivElement>;\n}\n\nexport const DiscardChangesModal = ({\n  id,\n  children,\n  headerProps,\n  discardChangedDialogProps,\n  modalRef,\n  dialogRef,\n  onClose,\n  hasUnsavedChanges,\n  ...rest\n}: Props) => {\n  const [openDiscardChangesDialog, setOpenDiscardChangesDialog] = useState(false);\n\n  const onCloseWrapper = () =>\n    hasUnsavedChanges() ? setOpenDiscardChangesDialog(true) : onClose();\n\n  const onDialogKeepEditing = () => {\n    setOpenDiscardChangesDialog(false);\n  };\n\n  const onDialogDiscardChanges = () => {\n    setOpenDiscardChangesDialog(false);\n    onClose();\n  };\n\n  return (\n    <Fragment>\n      <Modal id={id} ref={modalRef} onClose={onCloseWrapper} {...rest}>\n        <ModalHeader {...headerProps} id={`${id}-label`} onClose={onCloseWrapper} />\n        {children}\n      </Modal>\n      <DiscardChangesDialog\n        {...discardChangedDialogProps}\n        ref={dialogRef}\n        open={openDiscardChangesDialog}\n        onKeepEditing={onDialogKeepEditing}\n        onDiscardChanges={onDialogDiscardChanges}\n      />\n    </Fragment>\n  );\n};\n"],"names":["id","children","headerProps","discardChangedDialogProps","modalRef","dialogRef","onClose","hasUnsavedChanges","rest","openDiscardChangesDialog","setOpenDiscardChangesDialog","useState","onCloseWrapper","React","Fragment","createElement","Modal","ref","ModalHeader","DiscardChangesDialog","open","onKeepEditing","onDiscardChanges"],"mappings":"4OAoCmC,EACjCA,KACAC,WACAC,cACAC,4BACAC,WACAC,YACAC,UACAC,uBACGC,MAEH,MAAOC,EAA0BC,GAA+BC,EAAQA,UAAC,GAEnEC,EAAiB,IACrBL,IAAsBG,GAA4B,GAAQJ,IAW5D,OACEO,gBAACC,EAAAA,SAAQ,KACPD,EAAAE,cAACC,YAAK,CAAChB,GAAIA,EAAIiB,IAAKb,EAAUE,QAASM,KAAoBJ,GACzDK,EAAAE,cAACG,kBAAW,IAAKhB,EAAaF,GAAI,GAAGA,UAAYM,QAASM,IACzDX,GAEHY,EAACE,cAAAI,EAAoBA,yBACfhB,EACJc,IAAKZ,EACLe,KAAMX,EACNY,cAnBsB,KAC1BX,GAA4B,EAAM,EAmB9BY,iBAhByB,KAC7BZ,GAA4B,GAC5BJ,GAAS,IAiBT"}