@onewelcome/react-lib-components 9.8.1 → 10.0.0

package/dist/components/Notifications/Alert/AlertItem/AlertItem.module.scss.es.js.map

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

package/dist/components/Notifications/Alert/AlertProvider/AlertContext.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react").createContext({enqueueAlert:e=>null,enqueueInfoAlert:e=>null,enqueueSuccessAlert:e=>null,enqueueErrorAlert:e=>null,enqueueWarningAlert:e=>null,setAlertHeight:(e,l)=>null,alerts:[]});exports.default=e;
+//# sourceMappingURL=AlertContext.cjs.js.map

package/dist/components/Notifications/Alert/AlertProvider/AlertContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContext.cjs.js","sources":["../../../../../src/components/Notifications/Alert/AlertProvider/AlertContext.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { AlertEntry } from \"./AlertProvider\";\nimport { createContext } from \"react\";\n\nexport type AlertQueue = Omit<AlertEntry, \"id\">;\n\nexport interface AlertContextValue {\n  enqueueAlert: (entry: AlertQueue) => void;\n  enqueueInfoAlert: (entry: AlertQueue) => void;\n  enqueueSuccessAlert: (entry: AlertQueue) => void;\n  enqueueWarningAlert: (entry: AlertQueue) => void;\n  enqueueErrorAlert: (entry: AlertQueue) => void;\n  setAlertHeight: (id: string, height: number) => void;\n  alerts: AlertEntry[];\n}\n\nconst AlertContext = createContext<AlertContextValue>({\n  enqueueAlert: entry => null,\n  enqueueInfoAlert: entry => null,\n  enqueueSuccessAlert: entry => null,\n  enqueueErrorAlert: entry => null,\n  enqueueWarningAlert: entry => null,\n  setAlertHeight: (id, height) => null,\n  alerts: []\n});\n\nexport default AlertContext;\n"],"names":["AlertContext","createContext","enqueueAlert","entry","enqueueInfoAlert","enqueueSuccessAlert","enqueueErrorAlert","enqueueWarningAlert","setAlertHeight","id","height","alerts"],"mappings":"kHA+BMA,mBAAeC,cAAiC,CACpDC,aAAuBC,GAAA,KACvBC,iBAA2BD,GAAA,KAC3BE,oBAA8BF,GAAA,KAC9BG,kBAA4BH,GAAA,KAC5BI,oBAA8BJ,GAAA,KAC9BK,eAAgB,CAACC,EAAIC,IAAW,KAChCC,OAAQ"}

package/dist/components/Notifications/Alert/AlertProvider/AlertContext.es.js

@@ -0,0 +1,14 @@
+import { createContext } from "react";
+const AlertContext = createContext({
+  enqueueAlert: (entry) => null,
+  enqueueInfoAlert: (entry) => null,
+  enqueueSuccessAlert: (entry) => null,
+  enqueueErrorAlert: (entry) => null,
+  enqueueWarningAlert: (entry) => null,
+  setAlertHeight: (id, height) => null,
+  alerts: []
+});
+export {
+  AlertContext as default
+};
+//# sourceMappingURL=AlertContext.es.js.map

package/dist/components/Notifications/Alert/AlertProvider/AlertContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContext.es.js","sources":["../../../../../src/components/Notifications/Alert/AlertProvider/AlertContext.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { AlertEntry } from \"./AlertProvider\";\nimport { createContext } from \"react\";\n\nexport type AlertQueue = Omit<AlertEntry, \"id\">;\n\nexport interface AlertContextValue {\n  enqueueAlert: (entry: AlertQueue) => void;\n  enqueueInfoAlert: (entry: AlertQueue) => void;\n  enqueueSuccessAlert: (entry: AlertQueue) => void;\n  enqueueWarningAlert: (entry: AlertQueue) => void;\n  enqueueErrorAlert: (entry: AlertQueue) => void;\n  setAlertHeight: (id: string, height: number) => void;\n  alerts: AlertEntry[];\n}\n\nconst AlertContext = createContext<AlertContextValue>({\n  enqueueAlert: entry => null,\n  enqueueInfoAlert: entry => null,\n  enqueueSuccessAlert: entry => null,\n  enqueueErrorAlert: entry => null,\n  enqueueWarningAlert: entry => null,\n  setAlertHeight: (id, height) => null,\n  alerts: []\n});\n\nexport default AlertContext;\n"],"names":[],"mappings":";AA+BA,MAAM,eAAe,cAAiC;AAAA,EACpD,cAAc,CAAS,UAAA;AAAA,EACvB,kBAAkB,CAAS,UAAA;AAAA,EAC3B,qBAAqB,CAAS,UAAA;AAAA,EAC9B,mBAAmB,CAAS,UAAA;AAAA,EAC5B,qBAAqB,CAAS,UAAA;AAAA,EAC9B,gBAAgB,CAAC,IAAI,WAAW;AAAA,EAChC,QAAQ,CAAA;AACV,CAAC;"}

package/dist/components/Notifications/Alert/AlertProvider/AlertProvider.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("../AlertContainer/AlertContainer.cjs.js"),o=require("../../../../util/helper.cjs.js"),n=require("../AlertItem/AlertItem.cjs.js"),l=require("../../../../hooks/useGetDomRoot.cjs.js"),s=require("./AlertContext.cjs.js");exports.AlertProvider=({closeButtonTitle:a,placement:i={vertical:"bottom",horizontal:"center"},autoHideDuration:u={long:8e3,short:4e3},stackSize:c=3,domRoot:m,children:d,className:A})=>{const[v,q]=e.useState([]),h=e.useRef(null),{root:j}=l.useGetDomRoot(m,h),g=(e,t)=>{let r=a;return e.closeButtonTitle&&(r=e.closeButtonTitle),{...e,variant:t??e.variant,id:o.generateID(),duration:e.duration??(n=e,"error"===n.variant||(null==(l=n.actions)?void 0:l.length)?u.long:u.short),closeButtonTitle:r};var n,l},p=e=>{const t=g(e);q((e=>[...e,t]))},f=e=>{const t=g(e,"informative");q((e=>[...e,t]))},C=e=>{const t=g(e,"success");q((e=>[...e,t]))},S=e=>{const t=g(e,"warning");q((e=>[...e,t]))},E=e=>{const t=g(e,"error");q((e=>[...e,t]))},I=(e,t)=>{const r=v.map((r=>r.id!==e?r:{...r,height:t}));q(r)},T=e.useMemo((()=>({enqueueAlert:p,enqueueInfoAlert:f,enqueueSuccessAlert:C,enqueueErrorAlert:E,enqueueWarningAlert:S,setAlertHeight:I,alerts:v})),[p,f,C,E,S,I,v]);return e.createElement(s.default.Provider,{value:T},d,e.createElement("div",{ref:h},t.createPortal(e.createElement(r.AlertContainer,{placement:i,className:A},v.slice(0,c).map((t=>e.createElement(n.AlertItem,{...t,key:`${t.id}`,onClose:()=>{var e,r;r=t.id,q((e=>e.filter(((t,o)=>(o<c&&(e[o]={...e[o],wasShown:!0}),t.id!==r))))),null==(e=t.onClose)||e.call(t)}})))),j)))};
+//# sourceMappingURL=AlertProvider.cjs.js.map

package/dist/components/Notifications/Alert/AlertProvider/AlertProvider.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertProvider.cjs.js","sources":["../../../../../src/components/Notifications/Alert/AlertProvider/AlertProvider.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, { ReactNode, useRef, useState, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Placement, AlertContainer } from \"../AlertContainer/AlertContainer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { AlertItem, Props as AlertComponentProps, Variant } from \"../AlertItem/AlertItem\";\nimport { useGetDomRoot } from \"../../../../hooks/useGetDomRoot\";\nimport AlertContext, { AlertContextValue } from \"./AlertContext\";\n\n/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */\ninterface Duration {\n  long: number;\n  short: number;\n}\n\nexport interface Props {\n  closeButtonTitle: string;\n  children?: ReactNode;\n  placement?: Placement;\n  stackSize?: number;\n  domRoot?: HTMLElement;\n  autoHideDuration?: Duration;\n  className?: string;\n}\n\nexport type AlertEntry = AlertComponentProps & { height?: number };\n\nexport const AlertProvider = ({\n  closeButtonTitle,\n  placement = { vertical: \"bottom\", horizontal: \"center\" },\n  autoHideDuration = { long: 8000, short: 4000 },\n  stackSize = 3,\n  domRoot,\n  children,\n  className\n}: Props) => {\n  const [alertEntries, setAlertEntries] = useState<AlertEntry[]>([]);\n  const wrappingDivRef = useRef(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const getDuration = (entry: Omit<AlertEntry, \"id\">) => {\n    if (entry.variant === \"error\") {\n      return autoHideDuration.long;\n    }\n    if (entry.actions?.length) {\n      return autoHideDuration.long;\n    }\n    return autoHideDuration.short;\n  };\n\n  const buildEntryWithVariant = (arg: Omit<AlertEntry, \"id\">, variant?: Variant): AlertEntry => {\n    let closeTitle = closeButtonTitle;\n    if (arg.closeButtonTitle) {\n      closeTitle = arg.closeButtonTitle;\n    }\n    return {\n      ...arg,\n      variant: variant ?? arg.variant,\n      id: generateID(),\n      duration: arg.duration ?? getDuration(arg),\n      closeButtonTitle: closeTitle\n    };\n  };\n\n  const enqueueAlert = (arg: Omit<AlertEntry, \"id\">) => {\n    const newEntry = buildEntryWithVariant(arg);\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueInfoAlert: AlertContextValue[\"enqueueInfoAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"informative\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueSuccessAlert: AlertContextValue[\"enqueueSuccessAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"success\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueWarningAlert: AlertContextValue[\"enqueueWarningAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"warning\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueErrorAlert: AlertContextValue[\"enqueueErrorAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"error\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const setAlertHeight = (id: string, height: number) => {\n    const newAlertsState = alertEntries.map(alertEntry => {\n      if (alertEntry.id !== id) {\n        return alertEntry;\n      }\n      return { ...alertEntry, height };\n    });\n    setAlertEntries(newAlertsState);\n  };\n\n  const removeEntry = (entryId: string) => {\n    setAlertEntries(entries => {\n      return entries.filter((entry, idx) => {\n        if (idx < stackSize) {\n          entries[idx] = { ...entries[idx], wasShown: true };\n        }\n        return entry.id !== entryId;\n      });\n    });\n  };\n\n  const renderAlertList = (): ReactNode => {\n    return alertEntries.slice(0, stackSize).map(entry => (\n      <AlertItem\n        {...entry}\n        key={`${entry.id}`}\n        onClose={() => {\n          removeEntry(entry.id);\n          entry.onClose?.();\n        }}\n      />\n    ));\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      enqueueAlert,\n      enqueueInfoAlert,\n      enqueueSuccessAlert,\n      enqueueErrorAlert,\n      enqueueWarningAlert,\n      setAlertHeight,\n      alerts: alertEntries\n    }),\n    [\n      enqueueAlert,\n      enqueueInfoAlert,\n      enqueueSuccessAlert,\n      enqueueErrorAlert,\n      enqueueWarningAlert,\n      setAlertHeight,\n      alertEntries\n    ]\n  );\n\n  return (\n    <AlertContext.Provider value={contextValue}>\n      {children}\n      <div ref={wrappingDivRef}>\n        {createPortal(\n          <AlertContainer placement={placement} className={className}>\n            {renderAlertList()}\n          </AlertContainer>,\n          root\n        )}\n      </div>\n    </AlertContext.Provider>\n  );\n};\n"],"names":["closeButtonTitle","placement","vertical","horizontal","autoHideDuration","long","short","stackSize","domRoot","children","className","alertEntries","setAlertEntries","useState","wrappingDivRef","useRef","root","useGetDomRoot","buildEntryWithVariant","arg","variant","closeTitle","id","generateID","duration","entry","_a","actions","length","enqueueAlert","newEntry","entries","enqueueInfoAlert","enqueueSuccessAlert","enqueueWarningAlert","enqueueErrorAlert","setAlertHeight","height","newAlertsState","map","alertEntry","contextValue","useMemo","alerts","createElement","AlertContext","Provider","value","ref","createPortal","React","AlertContainer","slice","AlertItem","key","onClose","entryId","filter","idx","wasShown","call"],"mappings":"yXA0C6B,EAC3BA,mBACAC,YAAY,CAAEC,SAAU,SAAUC,WAAY,UAC9CC,mBAAmB,CAAEC,KAAM,IAAMC,MAAO,KACxCC,YAAY,EACZC,UACAC,WACAC,gBAEA,MAAOC,EAAcC,GAAmBC,EAAAA,SAAuB,IACzDC,EAAiBC,SAAO,OACxBC,KAAEA,GAASC,gBAAcT,EAASM,GAYlCI,EAAwB,CAACC,EAA6BC,KAC1D,IAAIC,EAAarB,EAIV,OAHHmB,EAAInB,mBACNqB,EAAaF,EAAInB,kBAEZ,IACFmB,EACHC,QAASA,GAAWD,EAAIC,QACxBE,GAAIC,EAAAA,aACJC,SAAUL,EAAIK,WAnBGC,EAmBqBN,EAlBlB,UAAlBM,EAAML,UAGN,OAAAM,EAAAD,EAAME,cAAN,EAAAD,EAAeE,QAFVxB,EAAiBC,KAKnBD,EAAiBE,OAatBN,iBAAkBqB,GApBF,IAACI,GAqBnB,EAGII,EAAgBV,IACd,MAAAW,EAAWZ,EAAsBC,GACvCP,GAA2BmB,GAAA,IAAIA,EAASD,IAAS,EAG7CE,EAAiEb,IAC/D,MAAAW,EAAuBZ,EAAsBC,EAAK,eACxDP,GAA2BmB,GAAA,IAAIA,EAASD,IAAS,EAG7CG,EAAuEd,IACrE,MAAAW,EAAuBZ,EAAsBC,EAAK,WACxDP,GAA2BmB,GAAA,IAAIA,EAASD,IAAS,EAG7CI,EAAuEf,IACrE,MAAAW,EAAuBZ,EAAsBC,EAAK,WACxDP,GAA2BmB,GAAA,IAAIA,EAASD,IAAS,EAG7CK,EAAmEhB,IACjE,MAAAW,EAAuBZ,EAAsBC,EAAK,SACxDP,GAA2BmB,GAAA,IAAIA,EAASD,IAAS,EAG7CM,EAAiB,CAACd,EAAYe,KAC5B,MAAAC,EAAiB3B,EAAa4B,KAAkBC,GAChDA,EAAWlB,KAAOA,EACbkB,EAEF,IAAKA,EAAYH,YAE1BzB,EAAgB0B,EAAc,EA2B1BG,EAAeC,EAAAA,SACnB,KAAO,CACLb,eACAG,mBACAC,sBACAE,oBACAD,sBACAE,iBACAO,OAAQhC,KAEV,CACEkB,EACAG,EACAC,EACAE,EACAD,EACAE,EACAzB,IAKF,SAAAiC,cAACC,EAAAA,QAAaC,SAAb,CAAsBC,MAAON,GAC3BhC,IACDmC,cAAC,MAAI,CAAAI,IAAKlC,GACPmC,EAAAA,aACEC,EAAAN,cAAAO,iBAAA,CAAelD,YAAsBS,aAtCrCC,EAAayC,MAAM,EAAG7C,GAAWgC,KACtCd,GAAAyB,EAAAN,cAACS,EAAAA,UAAA,IACK5B,EACJ6B,IAAK,GAAG7B,EAAMH,KACdiC,QAAS,WAhBMC,IAiBD/B,EAAMH,GAhBxBV,GAA2BmB,GAClBA,EAAQ0B,QAAO,CAAChC,EAAOiC,KACxBA,EAAMnD,IACAwB,EAAA2B,GAAO,IAAK3B,EAAQ2B,GAAMC,UAAU,IAEvClC,EAAMH,KAAOkC,OAYlB,OAAA9B,EAAAD,EAAM8B,UAAN7B,EAAAkC,KAAAnC,EAAA,OAmCAT,IAGN"}

package/dist/components/Notifications/Alert/AlertProvider/AlertProvider.es.js

@@ -0,0 +1,124 @@
+import React, { useState, useRef, useMemo } from "react";
+import { createPortal } from "react-dom";
+import { AlertContainer } from "../AlertContainer/AlertContainer.es.js";
+import { generateID } from "../../../../util/helper.es.js";
+import { AlertItem } from "../AlertItem/AlertItem.es.js";
+import { useGetDomRoot } from "../../../../hooks/useGetDomRoot.es.js";
+import AlertContext from "./AlertContext.es.js";
+const AlertProvider = ({
+  closeButtonTitle,
+  placement = { vertical: "bottom", horizontal: "center" },
+  autoHideDuration = { long: 8e3, short: 4e3 },
+  stackSize = 3,
+  domRoot,
+  children,
+  className
+}) => {
+  const [alertEntries, setAlertEntries] = useState([]);
+  const wrappingDivRef = useRef(null);
+  const { root } = useGetDomRoot(domRoot, wrappingDivRef);
+  const getDuration = (entry) => {
+    var _a;
+    if (entry.variant === "error") {
+      return autoHideDuration.long;
+    }
+    if ((_a = entry.actions) == null ? void 0 : _a.length) {
+      return autoHideDuration.long;
+    }
+    return autoHideDuration.short;
+  };
+  const buildEntryWithVariant = (arg, variant) => {
+    let closeTitle = closeButtonTitle;
+    if (arg.closeButtonTitle) {
+      closeTitle = arg.closeButtonTitle;
+    }
+    return {
+      ...arg,
+      variant: variant ?? arg.variant,
+      id: generateID(),
+      duration: arg.duration ?? getDuration(arg),
+      closeButtonTitle: closeTitle
+    };
+  };
+  const enqueueAlert = (arg) => {
+    const newEntry = buildEntryWithVariant(arg);
+    setAlertEntries((entries) => [...entries, newEntry]);
+  };
+  const enqueueInfoAlert = (arg) => {
+    const newEntry = buildEntryWithVariant(arg, "informative");
+    setAlertEntries((entries) => [...entries, newEntry]);
+  };
+  const enqueueSuccessAlert = (arg) => {
+    const newEntry = buildEntryWithVariant(arg, "success");
+    setAlertEntries((entries) => [...entries, newEntry]);
+  };
+  const enqueueWarningAlert = (arg) => {
+    const newEntry = buildEntryWithVariant(arg, "warning");
+    setAlertEntries((entries) => [...entries, newEntry]);
+  };
+  const enqueueErrorAlert = (arg) => {
+    const newEntry = buildEntryWithVariant(arg, "error");
+    setAlertEntries((entries) => [...entries, newEntry]);
+  };
+  const setAlertHeight = (id, height) => {
+    const newAlertsState = alertEntries.map((alertEntry) => {
+      if (alertEntry.id !== id) {
+        return alertEntry;
+      }
+      return { ...alertEntry, height };
+    });
+    setAlertEntries(newAlertsState);
+  };
+  const removeEntry = (entryId) => {
+    setAlertEntries((entries) => {
+      return entries.filter((entry, idx) => {
+        if (idx < stackSize) {
+          entries[idx] = { ...entries[idx], wasShown: true };
+        }
+        return entry.id !== entryId;
+      });
+    });
+  };
+  const renderAlertList = () => {
+    return alertEntries.slice(0, stackSize).map((entry) => /* @__PURE__ */ React.createElement(
+      AlertItem,
+      {
+        ...entry,
+        key: `${entry.id}`,
+        onClose: () => {
+          var _a;
+          removeEntry(entry.id);
+          (_a = entry.onClose) == null ? void 0 : _a.call(entry);
+        }
+      }
+    ));
+  };
+  const contextValue = useMemo(
+    () => ({
+      enqueueAlert,
+      enqueueInfoAlert,
+      enqueueSuccessAlert,
+      enqueueErrorAlert,
+      enqueueWarningAlert,
+      setAlertHeight,
+      alerts: alertEntries
+    }),
+    [
+      enqueueAlert,
+      enqueueInfoAlert,
+      enqueueSuccessAlert,
+      enqueueErrorAlert,
+      enqueueWarningAlert,
+      setAlertHeight,
+      alertEntries
+    ]
+  );
+  return /* @__PURE__ */ React.createElement(AlertContext.Provider, { value: contextValue }, children, /* @__PURE__ */ React.createElement("div", { ref: wrappingDivRef }, createPortal(
+    /* @__PURE__ */ React.createElement(AlertContainer, { placement, className }, renderAlertList()),
+    root
+  )));
+};
+export {
+  AlertProvider
+};
+//# sourceMappingURL=AlertProvider.es.js.map

package/dist/components/Notifications/Alert/AlertProvider/AlertProvider.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertProvider.es.js","sources":["../../../../../src/components/Notifications/Alert/AlertProvider/AlertProvider.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, { ReactNode, useRef, useState, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Placement, AlertContainer } from \"../AlertContainer/AlertContainer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { AlertItem, Props as AlertComponentProps, Variant } from \"../AlertItem/AlertItem\";\nimport { useGetDomRoot } from \"../../../../hooks/useGetDomRoot\";\nimport AlertContext, { AlertContextValue } from \"./AlertContext\";\n\n/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */\ninterface Duration {\n  long: number;\n  short: number;\n}\n\nexport interface Props {\n  closeButtonTitle: string;\n  children?: ReactNode;\n  placement?: Placement;\n  stackSize?: number;\n  domRoot?: HTMLElement;\n  autoHideDuration?: Duration;\n  className?: string;\n}\n\nexport type AlertEntry = AlertComponentProps & { height?: number };\n\nexport const AlertProvider = ({\n  closeButtonTitle,\n  placement = { vertical: \"bottom\", horizontal: \"center\" },\n  autoHideDuration = { long: 8000, short: 4000 },\n  stackSize = 3,\n  domRoot,\n  children,\n  className\n}: Props) => {\n  const [alertEntries, setAlertEntries] = useState<AlertEntry[]>([]);\n  const wrappingDivRef = useRef(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const getDuration = (entry: Omit<AlertEntry, \"id\">) => {\n    if (entry.variant === \"error\") {\n      return autoHideDuration.long;\n    }\n    if (entry.actions?.length) {\n      return autoHideDuration.long;\n    }\n    return autoHideDuration.short;\n  };\n\n  const buildEntryWithVariant = (arg: Omit<AlertEntry, \"id\">, variant?: Variant): AlertEntry => {\n    let closeTitle = closeButtonTitle;\n    if (arg.closeButtonTitle) {\n      closeTitle = arg.closeButtonTitle;\n    }\n    return {\n      ...arg,\n      variant: variant ?? arg.variant,\n      id: generateID(),\n      duration: arg.duration ?? getDuration(arg),\n      closeButtonTitle: closeTitle\n    };\n  };\n\n  const enqueueAlert = (arg: Omit<AlertEntry, \"id\">) => {\n    const newEntry = buildEntryWithVariant(arg);\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueInfoAlert: AlertContextValue[\"enqueueInfoAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"informative\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueSuccessAlert: AlertContextValue[\"enqueueSuccessAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"success\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueWarningAlert: AlertContextValue[\"enqueueWarningAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"warning\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const enqueueErrorAlert: AlertContextValue[\"enqueueErrorAlert\"] = arg => {\n    const newEntry: AlertEntry = buildEntryWithVariant(arg, \"error\");\n    setAlertEntries(entries => [...entries, newEntry]);\n  };\n\n  const setAlertHeight = (id: string, height: number) => {\n    const newAlertsState = alertEntries.map(alertEntry => {\n      if (alertEntry.id !== id) {\n        return alertEntry;\n      }\n      return { ...alertEntry, height };\n    });\n    setAlertEntries(newAlertsState);\n  };\n\n  const removeEntry = (entryId: string) => {\n    setAlertEntries(entries => {\n      return entries.filter((entry, idx) => {\n        if (idx < stackSize) {\n          entries[idx] = { ...entries[idx], wasShown: true };\n        }\n        return entry.id !== entryId;\n      });\n    });\n  };\n\n  const renderAlertList = (): ReactNode => {\n    return alertEntries.slice(0, stackSize).map(entry => (\n      <AlertItem\n        {...entry}\n        key={`${entry.id}`}\n        onClose={() => {\n          removeEntry(entry.id);\n          entry.onClose?.();\n        }}\n      />\n    ));\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      enqueueAlert,\n      enqueueInfoAlert,\n      enqueueSuccessAlert,\n      enqueueErrorAlert,\n      enqueueWarningAlert,\n      setAlertHeight,\n      alerts: alertEntries\n    }),\n    [\n      enqueueAlert,\n      enqueueInfoAlert,\n      enqueueSuccessAlert,\n      enqueueErrorAlert,\n      enqueueWarningAlert,\n      setAlertHeight,\n      alertEntries\n    ]\n  );\n\n  return (\n    <AlertContext.Provider value={contextValue}>\n      {children}\n      <div ref={wrappingDivRef}>\n        {createPortal(\n          <AlertContainer placement={placement} className={className}>\n            {renderAlertList()}\n          </AlertContainer>,\n          root\n        )}\n      </div>\n    </AlertContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Notifications/Alert/useAlert.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./AlertProvider/AlertContext.cjs.js");exports.useAlert=()=>{const u=e.useContext(r.default);return{enqueueAlert:u.enqueueAlert,enqueueInfoAlert:u.enqueueInfoAlert,enqueueSuccessAlert:u.enqueueSuccessAlert,enqueueWarningAlert:u.enqueueWarningAlert,enqueueErrorAlert:u.enqueueErrorAlert}};
+//# sourceMappingURL=useAlert.cjs.js.map

package/dist/components/Notifications/Alert/useAlert.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlert.cjs.js","sources":["../../../../src/components/Notifications/Alert/useAlert.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useContext } from \"react\";\nimport AlertContext from \"./AlertProvider/AlertContext\";\n\nexport const useAlert = () => {\n  const ctx = useContext(AlertContext);\n\n  return {\n    enqueueAlert: ctx.enqueueAlert,\n    enqueueInfoAlert: ctx.enqueueInfoAlert,\n    enqueueSuccessAlert: ctx.enqueueSuccessAlert,\n    enqueueWarningAlert: ctx.enqueueWarningAlert,\n    enqueueErrorAlert: ctx.enqueueErrorAlert\n  };\n};\n"],"names":["ctx","useContext","AlertContext","enqueueAlert","enqueueInfoAlert","enqueueSuccessAlert","enqueueWarningAlert","enqueueErrorAlert"],"mappings":"2KAmBwB,KAChB,MAAAA,EAAMC,aAAWC,WAEhB,MAAA,CACLC,aAAcH,EAAIG,aAClBC,iBAAkBJ,EAAII,iBACtBC,oBAAqBL,EAAIK,oBACzBC,oBAAqBN,EAAIM,oBACzBC,kBAAmBP,EAAIO,kBACzB"}

package/dist/components/Notifications/Alert/useAlert.es.js

@@ -0,0 +1,16 @@
+import { useContext } from "react";
+import AlertContext from "./AlertProvider/AlertContext.es.js";
+const useAlert = () => {
+  const ctx = useContext(AlertContext);
+  return {
+    enqueueAlert: ctx.enqueueAlert,
+    enqueueInfoAlert: ctx.enqueueInfoAlert,
+    enqueueSuccessAlert: ctx.enqueueSuccessAlert,
+    enqueueWarningAlert: ctx.enqueueWarningAlert,
+    enqueueErrorAlert: ctx.enqueueErrorAlert
+  };
+};
+export {
+  useAlert
+};
+//# sourceMappingURL=useAlert.es.js.map

package/dist/components/Notifications/Alert/useAlert.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlert.es.js","sources":["../../../../src/components/Notifications/Alert/useAlert.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useContext } from \"react\";\nimport AlertContext from \"./AlertProvider/AlertContext\";\n\nexport const useAlert = () => {\n  const ctx = useContext(AlertContext);\n\n  return {\n    enqueueAlert: ctx.enqueueAlert,\n    enqueueInfoAlert: ctx.enqueueInfoAlert,\n    enqueueSuccessAlert: ctx.enqueueSuccessAlert,\n    enqueueWarningAlert: ctx.enqueueWarningAlert,\n    enqueueErrorAlert: ctx.enqueueErrorAlert\n  };\n};\n"],"names":[],"mappings":";;AAmBO,MAAM,WAAW,MAAM;AACtB,QAAA,MAAM,WAAW,YAAY;AAE5B,SAAA;AAAA,IACL,cAAc,IAAI;AAAA,IAClB,kBAAkB,IAAI;AAAA,IACtB,qBAAqB,IAAI;AAAA,IACzB,qBAAqB,IAAI;AAAA,IACzB,mBAAmB,IAAI;AAAA,EACzB;AACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Typography/Typography.cjs.js"),a=require("../../Icon/Icon.cjs.js"),n=require("./Banner.module.scss.cjs.js"),t=e.forwardRef((({children:t,ariaLabel:c,ariaRole:l,ariaLive:s,type:o,title:i,...u},d)=>{const f=(e=>{switch(e){case"info":return a.Icons.InfoCircle;case"error":return a.Icons.Error;case"warning":return a.Icons.Warning;default:return null}})(o);return e.createElement("section",{...u,ref:d,"aria-live":s,"aria-label":c,role:l,className:`${n.default.banner} ${n.default[o]}`},f&&e.createElement(a.Icon,{icon:f,className:n.default.icon}),e.createElement("div",{className:n.default.container},e.createElement(r.Typography,{variant:"h4",className:n.default.headline},i),e.createElement(r.Typography,{variant:"body",className:n.default.content,tag:"p"},t)))}));exports.Banner=t;
+//# sourceMappingURL=Banner.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.cjs.js","sources":["../../../../src/components/Notifications/Banner/Banner.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  AriaAttributes,\n  AriaRole,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction\n} from \"react\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./Banner.module.scss\";\n\nexport type BannerType = \"error\" | \"warning\" | \"info\";\nexport interface Props extends ComponentPropsWithRef<\"section\"> {\n  children: string;\n  ariaRole?: AriaRole;\n  ariaLive?: AriaAttributes[\"aria-live\"];\n  ariaLabel?: AriaAttributes[\"aria-label\"];\n  type: BannerType;\n  title: string;\n}\n\nconst BannerComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { children, ariaLabel, ariaRole, ariaLive, type, title, ...rest }: Props,\n  ref\n) => {\n  const getIconVariant = (type: BannerType): Icons | null => {\n    switch (type) {\n      case \"info\":\n        return Icons.InfoCircle;\n      case \"error\":\n        return Icons.Error;\n      case \"warning\":\n        return Icons.Warning;\n      default:\n        return null;\n    }\n  };\n\n  const icon = getIconVariant(type);\n\n  return (\n    <section\n      {...rest}\n      ref={ref}\n      aria-live={ariaLive}\n      aria-label={ariaLabel}\n      role={ariaRole}\n      className={`${classes[\"banner\"]} ${classes[type]}`}\n    >\n      {icon && <Icon icon={icon} className={classes[\"icon\"]} />}\n      <div className={classes[\"container\"]}>\n        <Typography variant={\"h4\"} className={classes[\"headline\"]}>\n          {title}\n        </Typography>\n        <Typography variant={\"body\"} className={classes[\"content\"]} tag={\"p\"}>\n          {children}\n        </Typography>\n      </div>\n    </section>\n  );\n};\n\nexport const Banner = React.forwardRef(BannerComponent);\n"],"names":["Banner","React","forwardRef","children","ariaLabel","ariaRole","ariaLive","type","title","rest","ref","icon","Icons","InfoCircle","Error","Warning","getIconVariant","createElement","role","className","classes","Icon","Typography","variant","default","tag"],"mappings":"sOA6EaA,EAASC,EAAMC,YAzC0C,EAClEC,WAAUC,YAAWC,WAAUC,WAAUC,OAAMC,WAAUC,GAC3DC,KAEM,MAaAC,EAbiB,CAACJ,IACtB,OAAQA,GACN,IAAK,OACH,OAAOK,EAAMA,MAAAC,WACf,IAAK,QACH,OAAOD,EAAMA,MAAAE,MACf,IAAK,UACH,OAAOF,EAAMA,MAAAG,QACf,QACS,OAAA,KAAA,EAIAC,CAAeT,GAG1B,OAAAN,EAAAgB,cAAC,UAAA,IACKR,EACJC,MACA,YAAWJ,EACX,aAAYF,EACZc,KAAMb,EACNc,UAAW,GAAGC,UAAgB,UAAKA,EAAAA,QAAQb,MAE1CI,GAASV,EAAAgB,cAAAI,OAAA,CAAKV,OAAYQ,UAAWC,EAAAA,QAAc,SACpDH,cAAC,MAAI,CAAAE,UAAWC,EAAAA,QAAmB,WACjCnB,EAAAgB,cAACK,EAAAA,WAAW,CAAAC,QAAS,KAAMJ,UAAWC,EAAQI,QAAU,UACrDhB,KAEHS,cAACK,EAAAA,WAAW,CAAAC,QAAS,OAAQJ,UAAWC,EAAQI,QAAS,QAAGC,IAAK,KAC9DtB,IAGP"}

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { Typography } from "../../Typography/Typography.es.js";
+import { Icon, Icons } from "../../Icon/Icon.es.js";
+import classes from "./Banner.module.scss.es.js";
+const BannerComponent = ({ children, ariaLabel, ariaRole, ariaLive, type, title, ...rest }, ref) => {
+  const getIconVariant = (type2) => {
+    switch (type2) {
+      case "info":
+        return Icons.InfoCircle;
+      case "error":
+        return Icons.Error;
+      case "warning":
+        return Icons.Warning;
+      default:
+        return null;
+    }
+  };
+  const icon = getIconVariant(type);
+  return /* @__PURE__ */ React.createElement(
+    "section",
+    {
+      ...rest,
+      ref,
+      "aria-live": ariaLive,
+      "aria-label": ariaLabel,
+      role: ariaRole,
+      className: `${classes["banner"]} ${classes[type]}`
+    },
+    icon && /* @__PURE__ */ React.createElement(Icon, { icon, className: classes["icon"] }),
+    /* @__PURE__ */ React.createElement("div", { className: classes["container"] }, /* @__PURE__ */ React.createElement(Typography, { variant: "h4", className: classes["headline"] }, title), /* @__PURE__ */ React.createElement(Typography, { variant: "body", className: classes["content"], tag: "p" }, children))
+  );
+};
+const Banner = React.forwardRef(BannerComponent);
+export {
+  Banner
+};
+//# sourceMappingURL=Banner.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.es.js","sources":["../../../../src/components/Notifications/Banner/Banner.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  AriaAttributes,\n  AriaRole,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction\n} from \"react\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./Banner.module.scss\";\n\nexport type BannerType = \"error\" | \"warning\" | \"info\";\nexport interface Props extends ComponentPropsWithRef<\"section\"> {\n  children: string;\n  ariaRole?: AriaRole;\n  ariaLive?: AriaAttributes[\"aria-live\"];\n  ariaLabel?: AriaAttributes[\"aria-label\"];\n  type: BannerType;\n  title: string;\n}\n\nconst BannerComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { children, ariaLabel, ariaRole, ariaLive, type, title, ...rest }: Props,\n  ref\n) => {\n  const getIconVariant = (type: BannerType): Icons | null => {\n    switch (type) {\n      case \"info\":\n        return Icons.InfoCircle;\n      case \"error\":\n        return Icons.Error;\n      case \"warning\":\n        return Icons.Warning;\n      default:\n        return null;\n    }\n  };\n\n  const icon = getIconVariant(type);\n\n  return (\n    <section\n      {...rest}\n      ref={ref}\n      aria-live={ariaLive}\n      aria-label={ariaLabel}\n      role={ariaRole}\n      className={`${classes[\"banner\"]} ${classes[type]}`}\n    >\n      {icon && <Icon icon={icon} className={classes[\"icon\"]} />}\n      <div className={classes[\"container\"]}>\n        <Typography variant={\"h4\"} className={classes[\"headline\"]}>\n          {title}\n        </Typography>\n        <Typography variant={\"body\"} className={classes[\"content\"]} tag={\"p\"}>\n          {children}\n        </Typography>\n      </div>\n    </section>\n  );\n};\n\nexport const Banner = React.forwardRef(BannerComponent);\n"],"names":["type"],"mappings":";;;;AAoCA,MAAM,kBAAgE,CACpE,EAAE,UAAU,WAAW,UAAU,UAAU,MAAM,OAAO,GAAG,KAAK,GAChE,QACG;AACG,QAAA,iBAAiB,CAACA,UAAmC;AACzD,YAAQA,OAAM;AAAA,MACZ,KAAK;AACH,eAAO,MAAM;AAAA,MACf,KAAK;AACH,eAAO,MAAM;AAAA,MACf,KAAK;AACH,eAAO,MAAM;AAAA,MACf;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAEM,QAAA,OAAO,eAAe,IAAI;AAG9B,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,QAAQ,IAAI,CAAC;AAAA,IAAA;AAAA,IAE/C,QAAS,sBAAA,cAAA,MAAA,EAAK,MAAY,WAAW,QAAQ,MAAM,GAAG;AAAA,IACvD,sBAAA,cAAC,OAAI,EAAA,WAAW,QAAQ,WAAW,EACjC,GAAA,sBAAA,cAAC,YAAW,EAAA,SAAS,MAAM,WAAW,QAAQ,UAAU,EACrD,GAAA,KACH,GACA,sBAAA,cAAC,YAAW,EAAA,SAAS,QAAQ,WAAW,QAAQ,SAAS,GAAG,KAAK,IAC9D,GAAA,QACH,CACF;AAAA,EACF;AAEJ;AAEa,MAAA,SAAS,MAAM,WAAW,eAAe;"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Banner_banner_E7GBT{padding:1rem 1.25rem;background-color:var(--light);display:flex;border-width:0 0 0 var(--banner-border-width);border-style:solid;flex-grow:0;border-radius:var(--banner-border-radius)}.Banner_banner_E7GBT .Banner_container_E7GBT{display:block;margin-left:1rem;flex:1;color:var(--default)}.Banner_banner_E7GBT .Banner_headline_E7GBT{margin-bottom:.25rem}.Banner_banner_E7GBT .Banner_content_E7GBT{margin-bottom:0}.Banner_banner_E7GBT .Banner_icon_E7GBT{margin-top:.1rem;font-size:var(--font-size-big);line-height:var(--default-line-height)}.Banner_banner_E7GBT.Banner_info_E7GBT{border-color:var(--info)}.Banner_banner_E7GBT.Banner_info_E7GBT .Banner_icon_E7GBT,.Banner_banner_E7GBT.Banner_info_E7GBT .Banner_headline_E7GBT{color:var(--info)}.Banner_banner_E7GBT.Banner_warning_E7GBT{border-color:var(--warning)}.Banner_banner_E7GBT.Banner_warning_E7GBT .Banner_icon_E7GBT,.Banner_banner_E7GBT.Banner_warning_E7GBT .Banner_headline_E7GBT{color:var(--warning)}.Banner_banner_E7GBT.Banner_error_E7GBT{border-color:var(--error)}.Banner_banner_E7GBT.Banner_error_E7GBT .Banner_icon_E7GBT,.Banner_banner_E7GBT.Banner_error_E7GBT .Banner_headline_E7GBT{color:var(--error)}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="Banner_banner_E7GBT",e="Banner_container_E7GBT",r="Banner_headline_E7GBT",o="Banner_content_E7GBT",t="Banner_icon_E7GBT",a="Banner_info_E7GBT",i="Banner_warning_E7GBT",_="Banner_error_E7GBT",B={banner:n,container:e,headline:r,content:o,icon:t,info:a,warning:i,error:_};exports.banner=n,exports.container=e,exports.content=o,exports.default=B,exports.error=_,exports.headline=r,exports.icon=t,exports.info=a,exports.warning=i;
+//# sourceMappingURL=Banner.module.scss.cjs.js.map

package/dist/components/Notifications/Banner/Banner.module.scss.es.js

@@ -0,0 +1,31 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Banner_banner_E7GBT{padding:1rem 1.25rem;background-color:var(--light);display:flex;border-width:0 0 0 var(--banner-border-width);border-style:solid;flex-grow:0;border-radius:var(--banner-border-radius)}.Banner_banner_E7GBT .Banner_container_E7GBT{display:block;margin-left:1rem;flex:1;color:var(--default)}.Banner_banner_E7GBT .Banner_headline_E7GBT{margin-bottom:.25rem}.Banner_banner_E7GBT .Banner_content_E7GBT{margin-bottom:0}.Banner_banner_E7GBT .Banner_icon_E7GBT{margin-top:.1rem;font-size:var(--font-size-big);line-height:var(--default-line-height)}.Banner_banner_E7GBT.Banner_info_E7GBT{border-color:var(--info)}.Banner_banner_E7GBT.Banner_info_E7GBT .Banner_icon_E7GBT,.Banner_banner_E7GBT.Banner_info_E7GBT .Banner_headline_E7GBT{color:var(--info)}.Banner_banner_E7GBT.Banner_warning_E7GBT{border-color:var(--warning)}.Banner_banner_E7GBT.Banner_warning_E7GBT .Banner_icon_E7GBT,.Banner_banner_E7GBT.Banner_warning_E7GBT .Banner_headline_E7GBT{color:var(--warning)}.Banner_banner_E7GBT.Banner_error_E7GBT{border-color:var(--error)}.Banner_banner_E7GBT.Banner_error_E7GBT .Banner_icon_E7GBT,.Banner_banner_E7GBT.Banner_error_E7GBT .Banner_headline_E7GBT{color:var(--error)}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+const banner = "Banner_banner_E7GBT";
+const container = "Banner_container_E7GBT";
+const headline = "Banner_headline_E7GBT";
+const content = "Banner_content_E7GBT";
+const icon = "Banner_icon_E7GBT";
+const info = "Banner_info_E7GBT";
+const warning = "Banner_warning_E7GBT";
+const error = "Banner_error_E7GBT";
+const classes = {
+  banner,
+  container,
+  headline,
+  content,
+  icon,
+  info,
+  warning,
+  error
+};
+export {
+  banner,
+  container,
+  content,
+  classes as default,
+  error,
+  headline,
+  icon,
+  info,
+  warning
+};
+//# sourceMappingURL=Banner.module.scss.es.js.map

package/dist/components/Notifications/Banner/Banner.module.scss.es.js.map

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

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

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

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

@@ -0,0 +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 \"../../../hooks/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  disableContentAutoFocus?: boolean;\n  hideBackdrop?: 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    disableContentAutoFocus = false,\n    hideBackdrop = 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 && !disableContentAutoFocus) {\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          {!hideBackdrop ? (\n            <div\n              {...backdropProps}\n              aria-hidden={true}\n              className={`${classes[\"backdrop\"]} ${backdropProps?.className ?? \"\"}`}\n              onClick={handleBackdropClick}\n            ></div>\n          ) : null}\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","disableContentAutoFocus","hideBackdrop","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"],"mappings":"sTA+BMA,EAAuB,WAsBhBC,EAAoBC,IAa/BC,EAAAA,WAAU,KACJD,EAZKE,SAAAC,KAAKC,MAAMN,GAvBM,SA4BiD,IAAzEI,SAASG,iBAAiB,oCAAoCC,QAErDJ,SAAAC,KAAKC,MAAMG,eAAeT,EAQpB,GAEhB,CAACE,GAAK,EAiHEQ,EAAYC,EAAMC,YA9G6C,EAExEC,KACAC,WACAZ,OACAa,UACAC,YAAY,GACZC,iBACAC,gBACAC,aACAC,cACAC,wBAAuB,EACvBC,mBAAkB,EAClBC,2BAA0B,EAC1BC,gBAAe,EACfC,sBAAqB,EACrBC,SACAC,aACGC,GAELC,KAEA5B,EAAiBC,GACX,MAAA4B,EAAiBC,SAAuB,MACxCC,EAAYH,GAAqCI,eACjDC,KAAEA,GAASC,gBAAcR,EAASG,GASxCM,EAAAA,eAAeJ,GAEf7B,EAAAA,WAAU,WACJD,IAASqB,IACX,OAAAc,EAAAL,EAASM,UAASD,EAAAE,QAAM,GAEzB,CAACrC,IAEJ,MAEMsC,EAAiB,IACrB7B,EAAM8B,SAASC,IAAI5B,GAAmB6B,GAChChC,EAAMiC,eAAeD,GAChBhC,EAAMkC,aAAaF,EAAuB,CAC/C5B,QAAS4B,EAAMG,MAAM/B,SAAWA,IAG7B4B,IAIT,SAAAI,cAAC,MAAI,CAAAlB,IAAKC,GACPkB,EAAAA,aACCrC,EAAAoC,cAAC,MAAA,IACKnB,EACJC,IAAKG,EACLnB,KACAG,UAAW,GAAGiC,EAAAA,QAAe,SAAK/C,EAAO+C,EAAAC,QAAiB,QAAI,MAAMlC,IACpEmC,KAAK,SACL,aAAW,OACX,kBAAiBhC,GAAciC,EAAAA,QAAQvC,GACvC,mBAAkBO,GAAeiC,EAAAA,cAAcxC,GAC/C,eAAcX,EACdoD,UAAU,EACV,eAAcpD,EACdqD,UA1CmBC,IACpBnC,GAAsC,WAAdmC,EAAMC,MACjCD,EAAME,kBACI,MAAA3C,GAAAA,IAAA,EAwCNT,MAAO,CAAEoB,WAEPF,EAOE,KANFb,EAAAoC,cAAC,MAAA,IACK7B,EACJ,eAAa,EACbF,UAAW,GAAGiC,EAAAA,QAAkB,aAAoB,MAAf/B,OAAe,EAAAA,EAAAF,YAAa,KACjE2C,QAnCgB,KAAOrC,GAAmBP,GAAWA,MAsCxDU,EACCd,EAAAoC,cAAC,MAAA,IACK9B,EACJ,eAAcf,EACd,eAAa,SACb0D,QAAS1D,EACTI,MAAO,CAAEoB,OAAQA,GAAUA,EAAS,GACpCV,UAAW,GAAGiC,EAAAA,QAAmB,cAAqB,MAAhBhC,OAAgB,EAAAA,EAAAD,YAAa,MAElEwB,KAGHtC,GACES,EAAAoC,cAAC,MAAA,IACK9B,EACJ,eAAa,SACbX,MAAO,CAAEoB,OAAQA,GAAUA,EAAS,GACpCV,UAAW,GAAGiC,EAAAA,QAAmB,cAAqB,MAAhBhC,OAAgB,EAAAA,EAAAD,YAAa,MAElEwB,MAKTN,GAEJ"}

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

@@ -0,0 +1,129 @@
+import React, { useRef, createRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useGetDomRoot } from "../../../hooks/useGetDomRoot.es.js";
+import classes from "./BaseModal.module.scss.es.js";
+import { descriptionId, labelId } from "./BaseModalContext.es.js";
+import { useRepeatFocus } from "../../../hooks/useRepeatFocus.es.js";
+const SCROLL_PROPERTY_NAME = "overflow";
+const SCROLL_PROPERTY_VALUE = "hidden";
+const useSetBodyScroll = (open) => {
+  const hideBodyScroll = () => {
+    document.body.style[SCROLL_PROPERTY_NAME] = SCROLL_PROPERTY_VALUE;
+  };
+  const showBodyScroll = () => {
+    const allModalsClosed = document.querySelectorAll("[role=dialog][data-hidden=false]").length === 0;
+    if (allModalsClosed) {
+      document.body.style.removeProperty(SCROLL_PROPERTY_NAME);
+    }
+  };
+  useEffect(() => {
+    if (open) {
+      hideBodyScroll();
+    } else {
+      showBodyScroll();
+    }
+  }, [open]);
+};
+const BaseModalComponent = ({
+  id,
+  children,
+  open,
+  onClose,
+  className = "",
+  containerProps,
+  backdropProps,
+  labelledby,
+  describedby,
+  disableEscapeKeyDown = false,
+  disableBackdrop = false,
+  disableContentAutoFocus = false,
+  hideBackdrop = false,
+  forceContainerOpen = false,
+  zIndex,
+  domRoot,
+  ...rest
+}, ref) => {
+  useSetBodyScroll(open);
+  const wrappingDivRef = useRef(null);
+  const modalRef = ref || createRef();
+  const { root } = useGetDomRoot(domRoot, wrappingDivRef);
+  const handleEscKeyPress = (event) => {
+    if (!disableEscapeKeyDown && event.key === "Escape") {
+      event.stopPropagation();
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  useRepeatFocus(modalRef);
+  useEffect(() => {
+    var _a;
+    if (open && !disableContentAutoFocus) {
+      (_a = modalRef.current) == null ? void 0 : _a.focus();
+    }
+  }, [open]);
+  const handleBackdropClick = () => !disableBackdrop && onClose && onClose();
+  const renderChildren = () => React.Children.map(children, (child) => {
+    if (React.isValidElement(child)) {
+      return React.cloneElement(child, {
+        onClose: child.props.onClose ?? onClose
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ React.createElement("div", { ref: wrappingDivRef }, createPortal(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...rest,
+        ref: modalRef,
+        id,
+        className: `${classes["modal"]} ${open ? classes["visible"] : ""} ${className}`,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": labelledby ?? labelId(id),
+        "aria-describedby": describedby ?? descriptionId(id),
+        "aria-hidden": !open,
+        tabIndex: -1,
+        "data-hidden": !open,
+        onKeyDown: handleEscKeyPress,
+        style: { zIndex }
+      },
+      !hideBackdrop ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          ...backdropProps,
+          "aria-hidden": true,
+          className: `${classes["backdrop"]} ${(backdropProps == null ? void 0 : backdropProps.className) ?? ""}`,
+          onClick: handleBackdropClick
+        }
+      ) : null,
+      forceContainerOpen ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          ...containerProps,
+          "aria-hidden": !open,
+          "data-element": "dialog",
+          hidden: !open,
+          style: { zIndex: zIndex && zIndex + 1 },
+          className: `${classes["container"]} ${(containerProps == null ? void 0 : containerProps.className) ?? ""}`
+        },
+        renderChildren()
+      ) : open && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          ...containerProps,
+          "data-element": "dialog",
+          style: { zIndex: zIndex && zIndex + 1 },
+          className: `${classes["container"]} ${(containerProps == null ? void 0 : containerProps.className) ?? ""}`
+        },
+        renderChildren()
+      )
+    ),
+    root
+  ));
+};
+const BaseModal = React.forwardRef(BaseModalComponent);
+export {
+  BaseModal,
+  useSetBodyScroll
+};
+//# sourceMappingURL=BaseModal.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModal.es.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 \"../../../hooks/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  disableContentAutoFocus?: boolean;\n  hideBackdrop?: 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    disableContentAutoFocus = false,\n    hideBackdrop = 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 && !disableContentAutoFocus) {\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          {!hideBackdrop ? (\n            <div\n              {...backdropProps}\n              aria-hidden={true}\n              className={`${classes[\"backdrop\"]} ${backdropProps?.className ?? \"\"}`}\n              onClick={handleBackdropClick}\n            ></div>\n          ) : null}\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":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.BaseModal_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.BaseModal_hidden_E7GBT{display:none}.BaseModal_slide-in_E7GBT{animation:BaseModal_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseModal_slide-in_E7GBT{animation-duration:.1ms}}.BaseModal_slide-out_E7GBT{animation:BaseModal_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseModal_slide-out_E7GBT{animation-duration:.1ms}}@keyframes BaseModal_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModal_modal_E7GBT{position:fixed;z-index:10;top:0;left:0;height:100vh;width:100vw;visibility:hidden;display:flex;align-items:flex-start;justify-content:center}.BaseModal_modal_E7GBT .BaseModal_backdrop_E7GBT{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:transparent;opacity:0;transition-property:background-color;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease}@media (prefers-reduced-motion: reduce){.BaseModal_modal_E7GBT .BaseModal_backdrop_E7GBT{transition-duration:.1ms}}.BaseModal_modal_E7GBT.BaseModal_visible_E7GBT{visibility:visible}.BaseModal_modal_E7GBT.BaseModal_visible_E7GBT .BaseModal_backdrop_E7GBT{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_container_E7GBT{margin-top:3.125rem;background-color:var(--modal-background-color);z-index:11;width:calc(100% - 2rem);height:auto;max-height:calc(90% - 3.125rem);display:flex;flex-direction:column}@media only screen and (min-width: 50em){.BaseModal_container_E7GBT{width:50rem;border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color)}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="BaseModal_modal_E7GBT",o="BaseModal_backdrop_E7GBT",a="BaseModal_visible_E7GBT",s="BaseModal_container_E7GBT",t={modal:e,backdrop:o,visible:a,container:s};exports.backdrop=o,exports.container=s,exports.default=t,exports.modal=e,exports.visible=a;
+//# sourceMappingURL=BaseModal.module.scss.cjs.js.map

package/dist/components/Notifications/BaseModal/BaseModal.module.scss.es.js

@@ -0,0 +1,19 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.BaseModal_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.BaseModal_hidden_E7GBT{display:none}.BaseModal_slide-in_E7GBT{animation:BaseModal_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseModal_slide-in_E7GBT{animation-duration:.1ms}}.BaseModal_slide-out_E7GBT{animation:BaseModal_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseModal_slide-out_E7GBT{animation-duration:.1ms}}@keyframes BaseModal_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModal_modal_E7GBT{position:fixed;z-index:10;top:0;left:0;height:100vh;width:100vw;visibility:hidden;display:flex;align-items:flex-start;justify-content:center}.BaseModal_modal_E7GBT .BaseModal_backdrop_E7GBT{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:transparent;opacity:0;transition-property:background-color;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease}@media (prefers-reduced-motion: reduce){.BaseModal_modal_E7GBT .BaseModal_backdrop_E7GBT{transition-duration:.1ms}}.BaseModal_modal_E7GBT.BaseModal_visible_E7GBT{visibility:visible}.BaseModal_modal_E7GBT.BaseModal_visible_E7GBT .BaseModal_backdrop_E7GBT{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_container_E7GBT{margin-top:3.125rem;background-color:var(--modal-background-color);z-index:11;width:calc(100% - 2rem);height:auto;max-height:calc(90% - 3.125rem);display:flex;flex-direction:column}@media only screen and (min-width: 50em){.BaseModal_container_E7GBT{width:50rem;border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color)}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+const modal = "BaseModal_modal_E7GBT";
+const backdrop = "BaseModal_backdrop_E7GBT";
+const visible = "BaseModal_visible_E7GBT";
+const container = "BaseModal_container_E7GBT";
+const classes = {
+  modal,
+  backdrop,
+  visible,
+  container
+};
+export {
+  backdrop,
+  container,
+  classes as default,
+  modal,
+  visible
+};
+//# sourceMappingURL=BaseModal.module.scss.es.js.map

package/dist/components/Notifications/BaseModal/BaseModal.module.scss.es.js.map

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

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

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

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

@@ -0,0 +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":["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":"uMAiEaA,EAAmBC,EAAMC,YAjC6C,EAC/EC,WAAUC,eAAcC,yBAAyB,GAAIC,UAASC,YAAY,MAAOC,GACnFC,KAEM,MAAAC,EAAYT,EAAMU,aAAmDF,EACrEG,EAAkBC,SAAuB,MACzCC,EAAoBD,SAAuB,MAE3CE,EACJd,EAAAe,cAACC,EAAAA,OAAO,CAAAC,QAAQ,OAAOC,MAAM,aAA4B,MAAdf,OAAc,EAAAA,EAAAgB,kBAAmBC,QAASf,SAClFF,WAAckB,OAKhB,OAAArB,EAAAe,cAAA,MAAA,IAAQR,EAAMC,IAAKC,EAAUH,UAAW,GAAGgB,EAAAA,QAAiB,WAAKhB,KAC/DH,GAAgBE,GACfL,EAAAe,cAAC,MAAA,CACCT,UAAW,GAAGgB,EAAAC,QAAQ,oBAAoBnB,IAC1CI,IAAKG,GAEJG,GAGJZ,GACCF,EAAAe,cAAC,MAAI,CAAAP,IAAKK,EAAmBP,UAAWgB,EAAAA,QAAQ,oBAC7CpB,GAGP"}