@onewelcome/react-lib-components 7.0.0 → 8.0.0

package/dist/esm/Notifications/Alert/AlertItem/AlertItem.esm.js

@@ -1,2 +1,118 @@
-import e,{useRef as t,useEffect as r,useContext as n}from"react";import{IconButton as o}from"../../../Button/IconButton.esm.js";import{Icon as i,Icons as a}from"../../../Icon/Icon.esm.js";import s from"./AlertItem.module.esm.js";import l from"../../../src/readyclasses.module.esm.js";import{useAnimation as c}from"../../../src/hooks/useAnimation.esm.js";import{Typography as m}from"../../../Typography/Typography.esm.js";import u from"../AlertProvider/AlertContext.esm.js";const d=(e,t)=>{const o=n(u);r((()=>{if(e.current)o.setAlertHeight(t,e.current.getBoundingClientRect().height)}),[e.current])};let v=1;const p=({id:n,title:u,duration:p,variant:f="neutral",emphasis:h="low",content:E,className:g,actions:N=[],onClose:b,closeButtonTitle:C,wasShown:j})=>{const y=t();const A=()=>{b===null||b===void 0?void 0:b()};const{ref:T,animationStarted:k,startAnimation:w}=c(A);d(T,n);r((()=>{var e,t,r,n;if(p&&p>0)y.current=setTimeout((()=>w()),p);if(T){(e=T.current)===null||e===void 0?void 0:e.addEventListener("focus",I);(t=T.current)===null||t===void 0?void 0:t.addEventListener("blur",B);(r=T.current)===null||r===void 0?void 0:r.addEventListener("mouseenter",I);(n=T.current)===null||n===void 0?void 0:n.addEventListener("mouseleave",B)}return()=>{y.current&&clearTimeout(y.current)}}),[]);const I=()=>{y.current&&clearTimeout(y.current)};const B=()=>{if(p&&p>0)y.current=setTimeout((()=>w()),p)};const L=()=>{if(f==="error")return a.ErrorAlt;if(f==="warning")return a.Warning;return f==="success"?a.CheckmarkCircleAlt:a.InfoCircle};const S=N.map((t=>e.createElement("button",{key:`alert-action-button-${(v++).toString()}`,...t,onClick:e=>{var r;b===null||b===void 0?void 0:b();(r=t.onClick)===null||r===void 0?void 0:r.call(t,e)},className:s["action-button"]},t.label)));const $=()=>{const e=[s["alert"],s[`${f}`],s[`emph-${h}`]];if(k)e.push(l["slide-out"]);if(!k&&!j)e.push(l["slide-in"]);if(g)e.push(g);return e.join(" ")};const x=()=>{if(f==="error"&&(h==="medium"||h==="high"))return"assertive";return"polite"};const P=()=>{if(E)return E;return u};return e.createElement("div",{["data-testid"]:"alert-container",ref:T,"aria-live":x(),className:$(),role:"alert"},e.createElement("div",{className:s["outer-content-wrapper"]},e.createElement(i,{icon:L(),className:s["icon"]}),e.createElement("div",{className:s["content-wrapper"],role:"log"},!!u&&!!E&&e.createElement(m,{["data-testid"]:"alert-title",className:s["title"],variant:"body-bold",tag:"span"},u),(!!E||!!u)&&e.createElement(m,{["data-testid"]:"alert-content",className:s["content"],variant:"body"},P()))),S.length>0&&e.createElement("div",{["data-testid"]:"alert-actions",className:s["actions"]},S),b&&e.createElement(o,{className:s["close-btn"],onClick:e=>{e.stopPropagation();w()},title:C,["data-testid"]:"alert-close"},e.createElement(i,{icon:a.Times})))};export{p as AlertItem};
+import React, { useRef, useEffect, useContext } from 'react';
+import { IconButton } from '../../../Button/IconButton.esm.js';
+import { Icon, Icons } from '../../../Icon/Icon.esm.js';
+import classes from './AlertItem.module.scss.esm.js';
+import readyclasses from '../../../src/readyclasses.module.scss.esm.js';
+import { useAnimation } from '../../../src/hooks/useAnimation.esm.js';
+import { Typography } from '../../../Typography/Typography.esm.js';
+import AlertContext from '../AlertProvider/AlertContext.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useRegisterAlertHeight = (singleAlertRef, alertId) => {
+    const ctx = useContext(AlertContext);
+    useEffect(() => {
+        if (singleAlertRef.current) {
+            ctx.setAlertHeight(alertId, singleAlertRef.current.getBoundingClientRect().height);
+        }
+    }, [singleAlertRef.current]);
+};
+let actionButtonKeyCounter = 1;
+const AlertItem = ({ id, title, duration, variant = "neutral", emphasis = "low", content, className, actions = [], onClose, closeButtonTitle, wasShown }) => {
+    const timerHandler = useRef();
+    const onAnimationEnd = () => {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    const { ref, animationStarted, startAnimation } = useAnimation(onAnimationEnd);
+    useRegisterAlertHeight(ref, id);
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        if (duration && duration > 0) {
+            timerHandler.current = setTimeout(() => startAnimation(), duration);
+        }
+        if (ref) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener("focus", onItemFocus);
+            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.addEventListener("blur", onItemBlur);
+            (_c = ref.current) === null || _c === void 0 ? void 0 : _c.addEventListener("mouseenter", onItemFocus);
+            (_d = ref.current) === null || _d === void 0 ? void 0 : _d.addEventListener("mouseleave", onItemBlur);
+        }
+        return () => {
+            timerHandler.current && clearTimeout(timerHandler.current);
+        };
+    }, []);
+    const onItemFocus = () => {
+        timerHandler.current && clearTimeout(timerHandler.current);
+    };
+    const onItemBlur = () => {
+        if (duration && duration > 0) {
+            timerHandler.current = setTimeout(() => startAnimation(), duration);
+        }
+    };
+    const getVariantIcon = () => {
+        if (variant === "error") {
+            return Icons.ErrorAlt;
+        }
+        if (variant === "warning") {
+            return Icons.Warning;
+        }
+        return variant === "success" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;
+    };
+    const actionButtons = actions.map(actionProp => (React.createElement("button", { key: `alert-action-button-${(actionButtonKeyCounter++).toString()}`, ...actionProp, onClick: e => {
+            var _a;
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            (_a = actionProp.onClick) === null || _a === void 0 ? void 0 : _a.call(actionProp, e);
+        }, className: classes["action-button"] }, actionProp.label)));
+    const getAlertClasses = () => {
+        const alertClasses = [classes["alert"], classes[`${variant}`], classes[`emph-${emphasis}`]];
+        if (animationStarted) {
+            alertClasses.push(readyclasses["slide-out"]);
+        }
+        if (!animationStarted && !wasShown) {
+            alertClasses.push(readyclasses["slide-in"]);
+        }
+        if (className) {
+            alertClasses.push(className);
+        }
+        return alertClasses.join(" ");
+    };
+    const getAria = () => {
+        if (variant === "error" && (emphasis === "medium" || emphasis === "high")) {
+            return "assertive";
+        }
+        return "polite";
+    };
+    const getContentOrTitle = () => {
+        if (content) {
+            return content;
+        }
+        return title;
+    };
+    return (React.createElement("div", { ["data-testid"]: "alert-container", ref: ref, "aria-live": getAria(), className: getAlertClasses(), role: "alert" },
+        React.createElement("div", { className: classes["outer-content-wrapper"] },
+            React.createElement(Icon, { icon: getVariantIcon(), className: classes["icon"] }),
+            React.createElement("div", { className: classes["content-wrapper"], role: "log" },
+                !!title && !!content && (React.createElement(Typography, { ["data-testid"]: "alert-title", className: classes["title"], variant: "body-bold", tag: "span" }, title)),
+                (!!content || !!title) && (React.createElement(Typography, { ["data-testid"]: "alert-content", className: classes["content"], variant: "body" }, getContentOrTitle())))),
+        actionButtons.length > 0 && (React.createElement("div", { ["data-testid"]: "alert-actions", className: classes["actions"] }, actionButtons)),
+        onClose && (React.createElement(IconButton, { className: classes["close-btn"], onClick: e => {
+                e.stopPropagation();
+                startAnimation();
+            }, title: closeButtonTitle, ["data-testid"]: "alert-close" },
+            React.createElement(Icon, { icon: Icons.Times })))));
+};
+
+export { AlertItem };
 //# sourceMappingURL=AlertItem.esm.js.map

package/dist/esm/Notifications/Alert/AlertItem/AlertItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertItem.esm.js","sources":["../../../../../../../src/components/Notifications/Alert/AlertItem/AlertItem.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, { ButtonHTMLAttributes, useContext, useEffect, useRef } from \"react\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport classes from \"./AlertItem.module.scss\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { useAnimation } from \"../../../../hooks/useAnimation\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport AlertContext from \"../AlertProvider/AlertContext\";\n\nexport const EMPHASES = [\"low\", \"medium\", \"high\"] as const;\nexport type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];\n\nexport const VARIANTS = [\"neutral\", \"informative\", \"success\", \"warning\", \"error\"] as const;\nexport type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];\n\nexport type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & { label: string })[];\n\nexport interface Props {\n  id: string;\n  title?: string;\n  content?: string;\n  duration?: number;\n  emphasis?: Emphasis;\n  variant?: Variant;\n  className?: string;\n  onClose?: () => void;\n  closeButtonTitle?: string;\n  actions?: Actions;\n  wasShown?: boolean;\n}\n\nconst useRegisterAlertHeight = (\n  singleAlertRef: React.RefObject<HTMLDivElement>,\n  alertId: string\n) => {\n  const ctx = useContext(AlertContext);\n\n  useEffect(() => {\n    if (singleAlertRef.current) {\n      ctx.setAlertHeight(alertId, singleAlertRef.current.getBoundingClientRect().height);\n    }\n  }, [singleAlertRef.current]);\n};\n\nlet actionButtonKeyCounter = 1;\nexport const AlertItem = ({\n  id,\n  title,\n  duration,\n  variant = \"neutral\",\n  emphasis = \"low\",\n  content,\n  className,\n  actions = [],\n  onClose,\n  closeButtonTitle,\n  wasShown\n}: Props) => {\n  const timerHandler = useRef<ReturnType<typeof setTimeout>>();\n  const onAnimationEnd = () => {\n    onClose?.();\n  };\n  const { ref, animationStarted, startAnimation } = useAnimation<HTMLDivElement>(onAnimationEnd);\n\n  useRegisterAlertHeight(ref, id);\n\n  useEffect(() => {\n    if (duration && duration > 0) {\n      timerHandler.current = setTimeout(() => startAnimation(), duration);\n    }\n    if (ref) {\n      ref.current?.addEventListener(\"focus\", onItemFocus);\n      ref.current?.addEventListener(\"blur\", onItemBlur);\n      ref.current?.addEventListener(\"mouseenter\", onItemFocus);\n      ref.current?.addEventListener(\"mouseleave\", onItemBlur);\n    }\n    return () => {\n      timerHandler.current && clearTimeout(timerHandler.current);\n    };\n  }, []);\n\n  const onItemFocus = () => {\n    timerHandler.current && clearTimeout(timerHandler.current);\n  };\n\n  const onItemBlur = () => {\n    if (duration && duration > 0) {\n      timerHandler.current = setTimeout(() => startAnimation(), duration);\n    }\n  };\n\n  const getVariantIcon = () => {\n    if (variant === \"error\") {\n      return Icons.ErrorAlt;\n    }\n\n    if (variant === \"warning\") {\n      return Icons.Warning;\n    }\n\n    return variant === \"success\" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;\n  };\n\n  const actionButtons = actions.map(actionProp => (\n    <button\n      key={`alert-action-button-${(actionButtonKeyCounter++).toString()}`}\n      {...actionProp}\n      onClick={e => {\n        onClose?.();\n        actionProp.onClick?.(e);\n      }}\n      className={classes[\"action-button\"]}\n    >\n      {actionProp.label}\n    </button>\n  ));\n\n  const getAlertClasses = (): string => {\n    const alertClasses = [classes[\"alert\"], classes[`${variant}`], classes[`emph-${emphasis}`]];\n    if (animationStarted) {\n      alertClasses.push(readyclasses[\"slide-out\"]);\n    }\n    if (!animationStarted && !wasShown) {\n      alertClasses.push(readyclasses[\"slide-in\"]);\n    }\n    if (className) {\n      alertClasses.push(className);\n    }\n    return alertClasses.join(\" \");\n  };\n\n  const getAria = () => {\n    if (variant === \"error\" && (emphasis === \"medium\" || emphasis === \"high\")) {\n      return \"assertive\";\n    }\n    return \"polite\";\n  };\n\n  const getContentOrTitle = () => {\n    if (content) {\n      return content;\n    }\n    return title;\n  };\n\n  return (\n    <div\n      {...{ [\"data-testid\"]: \"alert-container\" }}\n      ref={ref}\n      aria-live={getAria()}\n      className={getAlertClasses()}\n      role=\"alert\"\n    >\n      <div className={classes[\"outer-content-wrapper\"]}>\n        <Icon icon={getVariantIcon()} className={classes[\"icon\"]} />\n        <div className={classes[\"content-wrapper\"]} role=\"log\">\n          {!!title && !!content && (\n            <Typography\n              {...{ [\"data-testid\"]: \"alert-title\" }}\n              className={classes[\"title\"]}\n              variant=\"body-bold\"\n              tag=\"span\"\n            >\n              {title}\n            </Typography>\n          )}\n          {(!!content || !!title) && (\n            <Typography\n              {...{ [\"data-testid\"]: \"alert-content\" }}\n              className={classes[\"content\"]}\n              variant=\"body\"\n            >\n              {getContentOrTitle()}\n            </Typography>\n          )}\n        </div>\n      </div>\n      {actionButtons.length > 0 && (\n        <div {...{ [\"data-testid\"]: \"alert-actions\" }} className={classes[\"actions\"]}>\n          {actionButtons}\n        </div>\n      )}\n      {onClose && (\n        <IconButton\n          className={classes[\"close-btn\"]}\n          onClick={e => {\n            e.stopPropagation();\n            startAnimation();\n          }}\n          title={closeButtonTitle}\n          {...{ [\"data-testid\"]: \"alert-close\" }}\n        >\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n"],"names":["useRegisterAlertHeight","singleAlertRef","alertId","ctx","useContext","AlertContext","useEffect","current","setAlertHeight","getBoundingClientRect","height","actionButtonKeyCounter","AlertItem","id","title","duration","variant","emphasis","content","className","actions","onClose","closeButtonTitle","wasShown","timerHandler","useRef","onAnimationEnd","ref","animationStarted","startAnimation","useAnimation","setTimeout","_a","addEventListener","onItemFocus","_b","onItemBlur","_c","_d","clearTimeout","getVariantIcon","Icons","ErrorAlt","Warning","CheckmarkCircleAlt","InfoCircle","actionButtons","map","actionProp","React","createElement","key","toString","onClick","e","call","classes","label","getAlertClasses","alertClasses","push","readyclasses","join","getAria","getContentOrTitle","role","Icon","icon","Typography","tag","length","IconButton","stopPropagation","Times"],"mappings":"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"}
+{"version":3,"file":"AlertItem.esm.js","sources":["../../../../../../../src/components/Notifications/Alert/AlertItem/AlertItem.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, { ButtonHTMLAttributes, useContext, useEffect, useRef } from \"react\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport classes from \"./AlertItem.module.scss\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { useAnimation } from \"../../../../hooks/useAnimation\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport AlertContext from \"../AlertProvider/AlertContext\";\n\nexport const EMPHASES = [\"low\", \"medium\", \"high\"] as const;\nexport type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];\n\nexport const VARIANTS = [\"neutral\", \"informative\", \"success\", \"warning\", \"error\"] as const;\nexport type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];\n\nexport type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & { label: string })[];\n\nexport interface Props {\n  id: string;\n  title?: string;\n  content?: string;\n  duration?: number;\n  emphasis?: Emphasis;\n  variant?: Variant;\n  className?: string;\n  onClose?: () => void;\n  closeButtonTitle?: string;\n  actions?: Actions;\n  wasShown?: boolean;\n}\n\nconst useRegisterAlertHeight = (\n  singleAlertRef: React.RefObject<HTMLDivElement>,\n  alertId: string\n) => {\n  const ctx = useContext(AlertContext);\n\n  useEffect(() => {\n    if (singleAlertRef.current) {\n      ctx.setAlertHeight(alertId, singleAlertRef.current.getBoundingClientRect().height);\n    }\n  }, [singleAlertRef.current]);\n};\n\nlet actionButtonKeyCounter = 1;\nexport const AlertItem = ({\n  id,\n  title,\n  duration,\n  variant = \"neutral\",\n  emphasis = \"low\",\n  content,\n  className,\n  actions = [],\n  onClose,\n  closeButtonTitle,\n  wasShown\n}: Props) => {\n  const timerHandler = useRef<ReturnType<typeof setTimeout>>();\n  const onAnimationEnd = () => {\n    onClose?.();\n  };\n  const { ref, animationStarted, startAnimation } = useAnimation<HTMLDivElement>(onAnimationEnd);\n\n  useRegisterAlertHeight(ref, id);\n\n  useEffect(() => {\n    if (duration && duration > 0) {\n      timerHandler.current = setTimeout(() => startAnimation(), duration);\n    }\n    if (ref) {\n      ref.current?.addEventListener(\"focus\", onItemFocus);\n      ref.current?.addEventListener(\"blur\", onItemBlur);\n      ref.current?.addEventListener(\"mouseenter\", onItemFocus);\n      ref.current?.addEventListener(\"mouseleave\", onItemBlur);\n    }\n    return () => {\n      timerHandler.current && clearTimeout(timerHandler.current);\n    };\n  }, []);\n\n  const onItemFocus = () => {\n    timerHandler.current && clearTimeout(timerHandler.current);\n  };\n\n  const onItemBlur = () => {\n    if (duration && duration > 0) {\n      timerHandler.current = setTimeout(() => startAnimation(), duration);\n    }\n  };\n\n  const getVariantIcon = () => {\n    if (variant === \"error\") {\n      return Icons.ErrorAlt;\n    }\n\n    if (variant === \"warning\") {\n      return Icons.Warning;\n    }\n\n    return variant === \"success\" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;\n  };\n\n  const actionButtons = actions.map(actionProp => (\n    <button\n      key={`alert-action-button-${(actionButtonKeyCounter++).toString()}`}\n      {...actionProp}\n      onClick={e => {\n        onClose?.();\n        actionProp.onClick?.(e);\n      }}\n      className={classes[\"action-button\"]}\n    >\n      {actionProp.label}\n    </button>\n  ));\n\n  const getAlertClasses = (): string => {\n    const alertClasses = [classes[\"alert\"], classes[`${variant}`], classes[`emph-${emphasis}`]];\n    if (animationStarted) {\n      alertClasses.push(readyclasses[\"slide-out\"]);\n    }\n    if (!animationStarted && !wasShown) {\n      alertClasses.push(readyclasses[\"slide-in\"]);\n    }\n    if (className) {\n      alertClasses.push(className);\n    }\n    return alertClasses.join(\" \");\n  };\n\n  const getAria = () => {\n    if (variant === \"error\" && (emphasis === \"medium\" || emphasis === \"high\")) {\n      return \"assertive\";\n    }\n    return \"polite\";\n  };\n\n  const getContentOrTitle = () => {\n    if (content) {\n      return content;\n    }\n    return title;\n  };\n\n  return (\n    <div\n      {...{ [\"data-testid\"]: \"alert-container\" }}\n      ref={ref}\n      aria-live={getAria()}\n      className={getAlertClasses()}\n      role=\"alert\"\n    >\n      <div className={classes[\"outer-content-wrapper\"]}>\n        <Icon icon={getVariantIcon()} className={classes[\"icon\"]} />\n        <div className={classes[\"content-wrapper\"]} role=\"log\">\n          {!!title && !!content && (\n            <Typography\n              {...{ [\"data-testid\"]: \"alert-title\" }}\n              className={classes[\"title\"]}\n              variant=\"body-bold\"\n              tag=\"span\"\n            >\n              {title}\n            </Typography>\n          )}\n          {(!!content || !!title) && (\n            <Typography\n              {...{ [\"data-testid\"]: \"alert-content\" }}\n              className={classes[\"content\"]}\n              variant=\"body\"\n            >\n              {getContentOrTitle()}\n            </Typography>\n          )}\n        </div>\n      </div>\n      {actionButtons.length > 0 && (\n        <div {...{ [\"data-testid\"]: \"alert-actions\" }} className={classes[\"actions\"]}>\n          {actionButtons}\n        </div>\n      )}\n      {onClose && (\n        <IconButton\n          className={classes[\"close-btn\"]}\n          onClick={e => {\n            e.stopPropagation();\n            startAnimation();\n          }}\n          title={closeButtonTitle}\n          {...{ [\"data-testid\"]: \"alert-close\" }}\n        >\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/Notifications/Alert/AlertItem/AlertItem.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\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 */.AlertItem-module_sr-only__cxghJ{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.AlertItem-module_hidden__yPZZM{display:none}.AlertItem-module_slide-in__F1DtT{animation:AlertItem-module_slide-in__F1DtT .5s forwards}@media (prefers-reduced-motion:reduce){.AlertItem-module_slide-in__F1DtT{animation-duration:.1ms}}.AlertItem-module_slide-out__vlaQ6{animation:AlertItem-module_slide-out__vlaQ6 .5s forwards}@media (prefers-reduced-motion:reduce){.AlertItem-module_slide-out__vlaQ6{animation-duration:.1ms}}@keyframes AlertItem-module_slide-in__F1DtT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes AlertItem-module_slide-out__vlaQ6{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.AlertItem-module_alert__WQ-HV{align-items:center;border-radius:var(--alert-border-radius);box-sizing:border-box;display:flex;flex-grow:0;gap:.5rem;padding:1rem .875rem;width:100%}.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9{background-color:var(--alert-neutral-background-color);border-radius:var(--alert-border-radius)}.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-low__DKPM3{color:unset}.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-medium__lR-BQ{border-color:var(--alert-neutral-inverted-color);border-style:none none none solid;border-width:var(--alert-border-width);padding-left:calc(1rem - var(--alert-border-width))}.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-high__FZKQZ{background-color:var(--alert-neutral-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-high__FZKQZ .AlertItem-module_action-button__Cm-fc,.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-high__FZKQZ .AlertItem-module_close-btn__b5R8C,.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-high__FZKQZ .AlertItem-module_content__IDTIH,.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-high__FZKQZ .AlertItem-module_icon__oEHMw,.AlertItem-module_alert__WQ-HV.AlertItem-module_neutral__LtaX9.AlertItem-module_emph-high__FZKQZ .AlertItem-module_title__aMRg2{color:var(--alert-text-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS{background-color:var(--alert-info-background-color);border-radius:var(--alert-border-radius)}.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-low__DKPM3{color:unset}.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-medium__lR-BQ{border-color:var(--alert-info-inverted-color);border-style:none none none solid;border-width:var(--alert-border-width);padding-left:calc(1rem - var(--alert-border-width))}.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-high__FZKQZ{background-color:var(--alert-info-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-high__FZKQZ .AlertItem-module_action-button__Cm-fc,.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-high__FZKQZ .AlertItem-module_close-btn__b5R8C,.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-high__FZKQZ .AlertItem-module_content__IDTIH,.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-high__FZKQZ .AlertItem-module_icon__oEHMw,.AlertItem-module_alert__WQ-HV.AlertItem-module_informative__K5pKS.AlertItem-module_emph-high__FZKQZ .AlertItem-module_title__aMRg2{color:var(--alert-text-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj{background-color:var(--alert-success-background-color);border-radius:var(--alert-border-radius)}.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-low__DKPM3 .AlertItem-module_icon__oEHMw{color:var(--alert-success-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-medium__lR-BQ{border-color:var(--alert-success-inverted-color);border-style:none none none solid;border-width:var(--alert-border-width);padding-left:calc(1rem - var(--alert-border-width))}.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-medium__lR-BQ .AlertItem-module_icon__oEHMw{color:var(--alert-success-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-high__FZKQZ{background-color:var(--alert-success-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-high__FZKQZ .AlertItem-module_action-button__Cm-fc,.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-high__FZKQZ .AlertItem-module_close-btn__b5R8C,.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-high__FZKQZ .AlertItem-module_content__IDTIH,.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-high__FZKQZ .AlertItem-module_icon__oEHMw,.AlertItem-module_alert__WQ-HV.AlertItem-module_success__AuQnj.AlertItem-module_emph-high__FZKQZ .AlertItem-module_title__aMRg2{color:var(--alert-text-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis{background-color:var(--alert-warning-background-color);border-radius:var(--alert-border-radius)}.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-low__DKPM3 .AlertItem-module_icon__oEHMw{color:var(--alert-warning-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-medium__lR-BQ{border-color:var(--alert-warning-inverted-color);border-style:none none none solid;border-width:var(--alert-border-width);padding-left:calc(1rem - var(--alert-border-width))}.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-medium__lR-BQ .AlertItem-module_icon__oEHMw{color:var(--alert-warning-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-high__FZKQZ{background-color:var(--alert-warning-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-high__FZKQZ .AlertItem-module_action-button__Cm-fc,.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-high__FZKQZ .AlertItem-module_close-btn__b5R8C,.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-high__FZKQZ .AlertItem-module_content__IDTIH,.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-high__FZKQZ .AlertItem-module_icon__oEHMw,.AlertItem-module_alert__WQ-HV.AlertItem-module_warning__mPUis.AlertItem-module_emph-high__FZKQZ .AlertItem-module_title__aMRg2{color:var(--alert-text-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD{background-color:var(--alert-error-background-color);border-radius:var(--alert-border-radius)}.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-low__DKPM3 .AlertItem-module_icon__oEHMw{color:var(--alert-error-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-medium__lR-BQ{border-color:var(--alert-error-inverted-color);border-style:none none none solid;border-width:var(--alert-border-width);padding-left:calc(1rem - var(--alert-border-width))}.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-medium__lR-BQ .AlertItem-module_icon__oEHMw{color:var(--alert-error-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-high__FZKQZ{background-color:var(--alert-error-inverted-color)}.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-high__FZKQZ .AlertItem-module_action-button__Cm-fc,.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-high__FZKQZ .AlertItem-module_close-btn__b5R8C,.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-high__FZKQZ .AlertItem-module_content__IDTIH,.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-high__FZKQZ .AlertItem-module_icon__oEHMw,.AlertItem-module_alert__WQ-HV.AlertItem-module_error__grESD.AlertItem-module_emph-high__FZKQZ .AlertItem-module_title__aMRg2{color:var(--alert-text-inverted-color)}.AlertItem-module_alert__WQ-HV+.AlertItem-module_alert__WQ-HV{margin-top:.5rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_close-btn__b5R8C{align-self:center;border:0;color:var(--alert-text-color);flex-shrink:0;height:2.5rem;margin:-.5rem 0;width:2.5rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_close-btn__b5R8C span{font-size:.875rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_close-btn__b5R8C:not(:disabled):focus,.AlertItem-module_alert__WQ-HV .AlertItem-module_close-btn__b5R8C:not(:disabled):hover{background-color:var(--color-black10)}.AlertItem-module_alert__WQ-HV .AlertItem-module_close-btn__b5R8C:not(:disabled):active{background-color:var(--color-black20)}.AlertItem-module_alert__WQ-HV .AlertItem-module_icon__oEHMw{align-items:center;align-self:flex-start;color:var(--alert-text-color);display:inline-flex;font-size:1rem;height:1.25rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_title__aMRg2{color:var(--alert-text-color);display:block;flex:1;font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_outer-content-wrapper__m6bQW{display:flex;flex-grow:1;gap:.5rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_content-wrapper__ZWad6{flex-grow:1;padding-left:.125rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_content__IDTIH{color:var(--alert-text-color);font-size:.875rem;line-height:1.25rem;margin-bottom:0}.AlertItem-module_alert__WQ-HV .AlertItem-module_actions__qqrs-{align-self:center;text-align:right}.AlertItem-module_alert__WQ-HV .AlertItem-module_action-button__Cm-fc{background-color:initial;border-color:#0000;border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);color:var(--alert-text-color);cursor:pointer;font-family:var(--font-family);font-size:.875rem;font-weight:400;line-height:var(--button-font-size);margin:-.5rem 0;padding:.625rem 1.25rem;transition:color,background-color,border-color .2s ease-in-out;white-space:nowrap}.AlertItem-module_alert__WQ-HV .AlertItem-module_action-button__Cm-fc:disabled{color:var(--greyed-out);cursor:not-allowed}.AlertItem-module_alert__WQ-HV .AlertItem-module_action-button__Cm-fc:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:.125rem}.AlertItem-module_alert__WQ-HV .AlertItem-module_action-button__Cm-fc:not(:disabled):focus,.AlertItem-module_alert__WQ-HV .AlertItem-module_action-button__Cm-fc:not(:disabled):hover{background-color:var(--color-black10)}.AlertItem-module_alert__WQ-HV .AlertItem-module_action-button__Cm-fc:not(:disabled):active{background-color:var(--color-black20)}@media only screen and (min-width:37.5em){.AlertItem-module_alert__WQ-HV{min-width:25rem;width:min-content}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFsZXJ0SXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsZ0NBQ0UsWUFDRixDQUVBLGtDQUNFLHVEQUNGLENBQ0EsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLG1DQUNFLHdEQUNGLENBQ0EsdUNBQ0UsbUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLDRDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw2Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsK0JBS0Usa0JBQW1CLENBSG5CLHdDQUF5QyxDQUt6QyxxQkFBc0IsQ0FKdEIsWUFBYSxDQUtiLFdBQVksQ0FKWixTQUFXLENBSFgsb0JBQXNCLENBS3RCLFVBR0YsQ0FDQSwrREFDRSxzREFBdUQsQ0FDdkQsd0NBQ0YsQ0FDQSxnR0FDRSxXQUNGLENBQ0EsbUdBR0UsZ0RBQWlELENBRmpELGlDQUFrQyxDQUNsQyxzQ0FBdUMsQ0FFdkMsbURBQ0YsQ0FDQSxpR0FDRSxvREFDRixDQUNBLDZvQkFLRSxzQ0FDRixDQUNBLG1FQUNFLG1EQUFvRCxDQUNwRCx3Q0FDRixDQUNBLG9HQUNFLFdBQ0YsQ0FDQSx1R0FHRSw2Q0FBOEMsQ0FGOUMsaUNBQWtDLENBQ2xDLHNDQUF1QyxDQUV2QyxtREFDRixDQUNBLHFHQUNFLGlEQUNGLENBQ0EsaXFCQUtFLHNDQUNGLENBQ0EsK0RBQ0Usc0RBQXVELENBQ3ZELHdDQUNGLENBQ0EsOEhBQ0UseUNBQ0YsQ0FDQSxtR0FHRSxnREFBaUQsQ0FGakQsaUNBQWtDLENBQ2xDLHNDQUF1QyxDQUV2QyxtREFDRixDQUNBLGlJQUNFLHlDQUNGLENBQ0EsaUdBQ0Usb0RBQ0YsQ0FDQSw2b0JBS0Usc0NBQ0YsQ0FDQSwrREFDRSxzREFBdUQsQ0FDdkQsd0NBQ0YsQ0FDQSw4SEFDRSx5Q0FDRixDQUNBLG1HQUdFLGdEQUFpRCxDQUZqRCxpQ0FBa0MsQ0FDbEMsc0NBQXVDLENBRXZDLG1EQUNGLENBQ0EsaUlBQ0UseUNBQ0YsQ0FDQSxpR0FDRSxvREFDRixDQUNBLDZvQkFLRSxzQ0FDRixDQUNBLDZEQUNFLG9EQUFxRCxDQUNyRCx3Q0FDRixDQUNBLDRIQUNFLHVDQUNGLENBQ0EsaUdBR0UsOENBQStDLENBRi9DLGlDQUFrQyxDQUNsQyxzQ0FBdUMsQ0FFdkMsbURBQ0YsQ0FDQSwrSEFDRSx1Q0FDRixDQUNBLCtGQUNFLGtEQUNGLENBQ0EsbW9CQUtFLHNDQUNGLENBQ0EsOERBQ0UsZ0JBQ0YsQ0FDQSxrRUFFRSxpQkFBa0IsQ0FLbEIsUUFBUyxDQU5ULDZCQUE4QixDQUs5QixhQUFjLENBRmQsYUFBYyxDQUNkLGVBQWlCLENBRmpCLFlBS0YsQ0FDQSx1RUFDRSxpQkFDRixDQUNBLDhLQUNFLHFDQUNGLENBQ0Esd0ZBQ0UscUNBQ0YsQ0FDQSw2REFLRSxrQkFBbUIsQ0FDbkIscUJBQXNCLENBTHRCLDZCQUE4QixDQUc5QixtQkFBb0IsQ0FGcEIsY0FBZSxDQUNmLGNBSUYsQ0FDQSw4REFDRSw2QkFBOEIsQ0FLOUIsYUFBYyxDQUpkLE1BQU8sQ0FDUCxpQkFBbUIsQ0FDbkIsbUJBQW9CLENBQ3BCLG9CQUVGLENBQ0EsOEVBQ0UsWUFBYSxDQUViLFdBQVksQ0FEWixTQUVGLENBQ0Esd0VBQ0UsV0FBWSxDQUNaLG9CQUNGLENBQ0EsZ0VBQ0UsNkJBQThCLENBQzlCLGlCQUFtQixDQUNuQixtQkFBb0IsQ0FDcEIsZUFDRixDQUNBLGdFQUVFLGlCQUFrQixDQURsQixnQkFFRixDQUNBLHNFQWNFLHdCQUE2QixDQUM3QixrQkFBeUIsQ0FaekIseUNBQTBDLENBRDFDLHVDQUF3QyxDQUR4Qyx1Q0FBd0MsQ0FZeEMsNkJBQThCLENBSDlCLGNBQWUsQ0FFZiw4QkFBK0IsQ0FQL0IsaUJBQW1CLENBRW5CLGVBQWdCLENBRGhCLG1DQUFvQyxDQUVwQyxlQUFpQixDQUNqQix1QkFBeUIsQ0FFekIsOERBQWtFLENBUGxFLGtCQVlGLENBQ0EsK0VBQ0UsdUJBQXdCLENBQ3hCLGtCQUNGLENBQ0Esb0ZBR0Usd0NBQXlDLENBRnpDLHdDQUEwQyxDQUMxQyxzQkFFRixDQUNBLHNMQUNFLHFDQUNGLENBQ0EsNEZBQ0UscUNBQ0YsQ0FFQSwwQ0FDRSwrQkFFRSxlQUFnQixDQURoQixpQkFFRixDQUNGIiwiZmlsZSI6IkFsZXJ0SXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5hbGVydCB7XG4gIHBhZGRpbmc6IDFyZW0gMC44NzVyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWFsZXJ0LWJvcmRlci1yYWRpdXMpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDAuNXJlbTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXgtZ3JvdzogMDtcbn1cbi5hbGVydC5uZXV0cmFsIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYWxlcnQtbmV1dHJhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYWxlcnQtYm9yZGVyLXJhZGl1cyk7XG59XG4uYWxlcnQubmV1dHJhbC5lbXBoLWxvdyB7XG4gIGNvbG9yOiB1bnNldDtcbn1cbi5hbGVydC5uZXV0cmFsLmVtcGgtbWVkaXVtIHtcbiAgYm9yZGVyLXN0eWxlOiBub25lIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1hbGVydC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWFsZXJ0LW5ldXRyYWwtaW52ZXJ0ZWQtY29sb3IpO1xuICBwYWRkaW5nLWxlZnQ6IGNhbGMoMXJlbSAtIHZhcigtLWFsZXJ0LWJvcmRlci13aWR0aCkpO1xufVxuLmFsZXJ0Lm5ldXRyYWwuZW1waC1oaWdoIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYWxlcnQtbmV1dHJhbC1pbnZlcnRlZC1jb2xvcik7XG59XG4uYWxlcnQubmV1dHJhbC5lbXBoLWhpZ2ggLmNvbnRlbnQsXG4uYWxlcnQubmV1dHJhbC5lbXBoLWhpZ2ggLnRpdGxlLFxuLmFsZXJ0Lm5ldXRyYWwuZW1waC1oaWdoIC5jbG9zZS1idG4sXG4uYWxlcnQubmV1dHJhbC5lbXBoLWhpZ2ggLmljb24sXG4uYWxlcnQubmV1dHJhbC5lbXBoLWhpZ2ggLmFjdGlvbi1idXR0b24ge1xuICBjb2xvcjogdmFyKC0tYWxlcnQtdGV4dC1pbnZlcnRlZC1jb2xvcik7XG59XG4uYWxlcnQuaW5mb3JtYXRpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1hbGVydC1pbmZvLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1hbGVydC1ib3JkZXItcmFkaXVzKTtcbn1cbi5hbGVydC5pbmZvcm1hdGl2ZS5lbXBoLWxvdyB7XG4gIGNvbG9yOiB1bnNldDtcbn1cbi5hbGVydC5pbmZvcm1hdGl2ZS5lbXBoLW1lZGl1bSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBub25lIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tYWxlcnQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1hbGVydC1pbmZvLWludmVydGVkLWNvbG9yKTtcbiAgcGFkZGluZy1sZWZ0OiBjYWxjKDFyZW0gLSB2YXIoLS1hbGVydC1ib3JkZXItd2lkdGgpKTtcbn1cbi5hbGVydC5pbmZvcm1hdGl2ZS5lbXBoLWhpZ2gge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1hbGVydC1pbmZvLWludmVydGVkLWNvbG9yKTtcbn1cbi5hbGVydC5pbmZvcm1hdGl2ZS5lbXBoLWhpZ2ggLmNvbnRlbnQsXG4uYWxlcnQuaW5mb3JtYXRpdmUuZW1waC1oaWdoIC50aXRsZSxcbi5hbGVydC5pbmZvcm1hdGl2ZS5lbXBoLWhpZ2ggLmNsb3NlLWJ0bixcbi5hbGVydC5pbmZvcm1hdGl2ZS5lbXBoLWhpZ2ggLmljb24sXG4uYWxlcnQuaW5mb3JtYXRpdmUuZW1waC1oaWdoIC5hY3Rpb24tYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0LnN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1hbGVydC1zdWNjZXNzLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1hbGVydC1ib3JkZXItcmFkaXVzKTtcbn1cbi5hbGVydC5zdWNjZXNzLmVtcGgtbG93IC5pY29uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXN1Y2Nlc3MtaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0LnN1Y2Nlc3MuZW1waC1tZWRpdW0ge1xuICBib3JkZXItc3R5bGU6IG5vbmUgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWFsZXJ0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYWxlcnQtc3VjY2Vzcy1pbnZlcnRlZC1jb2xvcik7XG4gIHBhZGRpbmctbGVmdDogY2FsYygxcmVtIC0gdmFyKC0tYWxlcnQtYm9yZGVyLXdpZHRoKSk7XG59XG4uYWxlcnQuc3VjY2Vzcy5lbXBoLW1lZGl1bSAuaWNvbiB7XG4gIGNvbG9yOiB2YXIoLS1hbGVydC1zdWNjZXNzLWludmVydGVkLWNvbG9yKTtcbn1cbi5hbGVydC5zdWNjZXNzLmVtcGgtaGlnaCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWFsZXJ0LXN1Y2Nlc3MtaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0LnN1Y2Nlc3MuZW1waC1oaWdoIC5jb250ZW50LFxuLmFsZXJ0LnN1Y2Nlc3MuZW1waC1oaWdoIC50aXRsZSxcbi5hbGVydC5zdWNjZXNzLmVtcGgtaGlnaCAuY2xvc2UtYnRuLFxuLmFsZXJ0LnN1Y2Nlc3MuZW1waC1oaWdoIC5pY29uLFxuLmFsZXJ0LnN1Y2Nlc3MuZW1waC1oaWdoIC5hY3Rpb24tYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0Lndhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1hbGVydC13YXJuaW5nLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1hbGVydC1ib3JkZXItcmFkaXVzKTtcbn1cbi5hbGVydC53YXJuaW5nLmVtcGgtbG93IC5pY29uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXdhcm5pbmctaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0Lndhcm5pbmcuZW1waC1tZWRpdW0ge1xuICBib3JkZXItc3R5bGU6IG5vbmUgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWFsZXJ0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYWxlcnQtd2FybmluZy1pbnZlcnRlZC1jb2xvcik7XG4gIHBhZGRpbmctbGVmdDogY2FsYygxcmVtIC0gdmFyKC0tYWxlcnQtYm9yZGVyLXdpZHRoKSk7XG59XG4uYWxlcnQud2FybmluZy5lbXBoLW1lZGl1bSAuaWNvbiB7XG4gIGNvbG9yOiB2YXIoLS1hbGVydC13YXJuaW5nLWludmVydGVkLWNvbG9yKTtcbn1cbi5hbGVydC53YXJuaW5nLmVtcGgtaGlnaCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWFsZXJ0LXdhcm5pbmctaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0Lndhcm5pbmcuZW1waC1oaWdoIC5jb250ZW50LFxuLmFsZXJ0Lndhcm5pbmcuZW1waC1oaWdoIC50aXRsZSxcbi5hbGVydC53YXJuaW5nLmVtcGgtaGlnaCAuY2xvc2UtYnRuLFxuLmFsZXJ0Lndhcm5pbmcuZW1waC1oaWdoIC5pY29uLFxuLmFsZXJ0Lndhcm5pbmcuZW1waC1oaWdoIC5hY3Rpb24tYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0LmVycm9yIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYWxlcnQtZXJyb3ItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWFsZXJ0LWJvcmRlci1yYWRpdXMpO1xufVxuLmFsZXJ0LmVycm9yLmVtcGgtbG93IC5pY29uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LWVycm9yLWludmVydGVkLWNvbG9yKTtcbn1cbi5hbGVydC5lcnJvci5lbXBoLW1lZGl1bSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBub25lIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tYWxlcnQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1hbGVydC1lcnJvci1pbnZlcnRlZC1jb2xvcik7XG4gIHBhZGRpbmctbGVmdDogY2FsYygxcmVtIC0gdmFyKC0tYWxlcnQtYm9yZGVyLXdpZHRoKSk7XG59XG4uYWxlcnQuZXJyb3IuZW1waC1tZWRpdW0gLmljb24ge1xuICBjb2xvcjogdmFyKC0tYWxlcnQtZXJyb3ItaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0LmVycm9yLmVtcGgtaGlnaCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWFsZXJ0LWVycm9yLWludmVydGVkLWNvbG9yKTtcbn1cbi5hbGVydC5lcnJvci5lbXBoLWhpZ2ggLmNvbnRlbnQsXG4uYWxlcnQuZXJyb3IuZW1waC1oaWdoIC50aXRsZSxcbi5hbGVydC5lcnJvci5lbXBoLWhpZ2ggLmNsb3NlLWJ0bixcbi5hbGVydC5lcnJvci5lbXBoLWhpZ2ggLmljb24sXG4uYWxlcnQuZXJyb3IuZW1waC1oaWdoIC5hY3Rpb24tYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtaW52ZXJ0ZWQtY29sb3IpO1xufVxuLmFsZXJ0ICsgLmFsZXJ0IHtcbiAgbWFyZ2luLXRvcDogMC41cmVtO1xufVxuLmFsZXJ0IC5jbG9zZS1idG4ge1xuICBjb2xvcjogdmFyKC0tYWxlcnQtdGV4dC1jb2xvcik7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgd2lkdGg6IDIuNXJlbTtcbiAgaGVpZ2h0OiAyLjVyZW07XG4gIG1hcmdpbjogLTAuNXJlbSAwO1xuICBmbGV4LXNocmluazogMDtcbiAgYm9yZGVyOiAwO1xufVxuLmFsZXJ0IC5jbG9zZS1idG4gc3BhbiB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG59XG4uYWxlcnQgLmNsb3NlLWJ0bjpub3QoOmRpc2FibGVkKTpob3ZlciwgLmFsZXJ0IC5jbG9zZS1idG46bm90KDpkaXNhYmxlZCk6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5hbGVydCAuY2xvc2UtYnRuOm5vdCg6ZGlzYWJsZWQpOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmFsZXJ0IC5pY29uIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtY29sb3IpO1xuICBmb250LXNpemU6IDFyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG59XG4uYWxlcnQgLnRpdGxlIHtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtY29sb3IpO1xuICBmbGV4OiAxO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG4uYWxlcnQgLm91dGVyLWNvbnRlbnQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xuICBmbGV4LWdyb3c6IDE7XG59XG4uYWxlcnQgLmNvbnRlbnQtd3JhcHBlciB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZy1sZWZ0OiAwLjEyNXJlbTtcbn1cbi5hbGVydCAuY29udGVudCB7XG4gIGNvbG9yOiB2YXIoLS1hbGVydC10ZXh0LWNvbG9yKTtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG4uYWxlcnQgLmFjdGlvbnMge1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuLmFsZXJ0IC5hY3Rpb24tYnV0dG9uIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1idXR0b24tYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1idXR0b24tYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBsaW5lLWhlaWdodDogdmFyKC0tYnV0dG9uLWZvbnQtc2l6ZSk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbjogLTAuNXJlbSAwO1xuICBwYWRkaW5nOiAwLjYyNXJlbSAxLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGNvbG9yLCBiYWNrZ3JvdW5kLWNvbG9yLCBib3JkZXItY29sb3IgMC4ycyBlYXNlLWluLW91dDtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgY29sb3I6IHZhcigtLWFsZXJ0LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cbi5hbGVydCAuYWN0aW9uLWJ1dHRvbjpkaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5hbGVydCAuYWN0aW9uLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMC4xMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuLmFsZXJ0IC5hY3Rpb24tYnV0dG9uOm5vdCg6ZGlzYWJsZWQpOmhvdmVyLCAuYWxlcnQgLmFjdGlvbi1idXR0b246bm90KDpkaXNhYmxlZCk6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5hbGVydCAuYWN0aW9uLWJ1dHRvbjpub3QoOmRpc2FibGVkKTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzNy41ZW0pIHtcbiAgLmFsZXJ0IHtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgbWluLXdpZHRoOiAyNXJlbTtcbiAgfVxufSJdfQ== */";
+var classes = {"sr-only":"AlertItem-module_sr-only__cxghJ","hidden":"AlertItem-module_hidden__yPZZM","slide-in":"AlertItem-module_slide-in__F1DtT","slide-out":"AlertItem-module_slide-out__vlaQ6","alert":"AlertItem-module_alert__WQ-HV","neutral":"AlertItem-module_neutral__LtaX9","emph-low":"AlertItem-module_emph-low__DKPM3","emph-medium":"AlertItem-module_emph-medium__lR-BQ","emph-high":"AlertItem-module_emph-high__FZKQZ","content":"AlertItem-module_content__IDTIH","title":"AlertItem-module_title__aMRg2","close-btn":"AlertItem-module_close-btn__b5R8C","icon":"AlertItem-module_icon__oEHMw","action-button":"AlertItem-module_action-button__Cm-fc","informative":"AlertItem-module_informative__K5pKS","success":"AlertItem-module_success__AuQnj","warning":"AlertItem-module_warning__mPUis","error":"AlertItem-module_error__grESD","outer-content-wrapper":"AlertItem-module_outer-content-wrapper__m6bQW","content-wrapper":"AlertItem-module_content-wrapper__ZWad6","actions":"AlertItem-module_actions__qqrs-"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=AlertItem.module.scss.esm.js.map

package/dist/esm/Notifications/Alert/AlertItem/AlertItem.module.scss.esm.js.map

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

package/dist/esm/Notifications/Alert/AlertProvider/AlertContext.esm.js

@@ -1,2 +1,29 @@
-import{createContext as e}from"react";const l=e({enqueueAlert:e=>null,enqueueInfoAlert:e=>null,enqueueSuccessAlert:e=>null,enqueueErrorAlert:e=>null,enqueueWarningAlert:e=>null,setAlertHeight:(e,l)=>null,alerts:[]});export{l as default};
+import { createContext } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const 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.esm.js.map

package/dist/esm/Notifications/Alert/AlertProvider/AlertContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertContext.esm.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":"sCA+BM,MAAAA,EAAeC,EAAiC,CACpDC,aAAcC,GAAS,KACvBC,iBAAkBD,GAAS,KAC3BE,oBAAqBF,GAAS,KAC9BG,kBAAmBH,GAAS,KAC5BI,oBAAqBJ,GAAS,KAC9BK,eAAgB,CAACC,EAAIC,IAAW,KAChCC,OAAQ"}
+{"version":3,"file":"AlertContext.esm.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":";;AAAA;;;;;;;;;;;;;;AAcG;AAiBG,MAAA,YAAY,GAAG,aAAa,CAAoB;AACpD,IAAA,YAAY,EAAE,KAAK,IAAI,IAAI;AAC3B,IAAA,gBAAgB,EAAE,KAAK,IAAI,IAAI;AAC/B,IAAA,mBAAmB,EAAE,KAAK,IAAI,IAAI;AAClC,IAAA,iBAAiB,EAAE,KAAK,IAAI,IAAI;AAChC,IAAA,mBAAmB,EAAE,KAAK,IAAI,IAAI;IAClC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;AACpC,IAAA,MAAM,EAAE,EAAE;AACX,CAAA;;;;"}

package/dist/esm/Notifications/Alert/AlertProvider/AlertProvider.esm.js

@@ -1,2 +1,121 @@
-import t,{useState as e,useRef as o,useMemo as r}from"react";import{createPortal as n}from"react-dom";import{AlertContainer as l}from"../AlertContainer/AlertContainer.esm.js";import{generateID as s}from"../../../src/util/helper.esm.js";import{AlertItem as i}from"../AlertItem/AlertItem.esm.js";import{useGetDomRoot as c}from"../../../src/hooks/useGetDomRoot.esm.js";import a from"./AlertContext.esm.js";const u=({closeButtonTitle:u,placement:m={vertical:"bottom",horizontal:"center"},autoHideDuration:d={long:8e3,short:4e3},stackSize:v=3,domRoot:f,children:p,className:h})=>{const[A,g]=e([]);const j=o(null);const{root:q}=c(f,j);const C=t=>{var e;if(t.variant==="error")return d.long;if((e=t.actions)===null||e===void 0?void 0:e.length)return d.long;return d.short};const E=(t,e)=>{var o,r;let n=u;if(t.closeButtonTitle)n=t.closeButtonTitle;return{...t,variant:e!==null&&e!==void 0?e:t.variant,id:s(15,(o=t.content)!==null&&o!==void 0?o:t.title),duration:(r=t.duration)!==null&&r!==void 0?r:C(t),closeButtonTitle:n}};const B=t=>{const e=E(t);g((t=>[...t,e]))};const T=t=>{const e=E(t,"informative");g((t=>[...t,e]))};const k=t=>{const e=E(t,"success");g((t=>[...t,e]))};const w=t=>{const e=E(t,"warning");g((t=>[...t,e]))};const I=t=>{const e=E(t,"error");g((t=>[...t,e]))};const S=(t,e)=>{const o=A.map((o=>{if(o.id!==t)return o;return{...o,height:e}}));g(o)};const x=t=>{g((e=>e.filter(((o,r)=>{if(r<v)e[r]={...e[r],wasShown:true};return o.id!==t}))))};const z=()=>A.slice(0,v).map((e=>t.createElement(i,{...e,key:`${e.id}`,onClose:()=>{var t;x(e.id);(t=e.onClose)===null||t===void 0?void 0:t.call(e)}})));const D=r((()=>({enqueueAlert:B,enqueueInfoAlert:T,enqueueSuccessAlert:k,enqueueErrorAlert:I,enqueueWarningAlert:w,setAlertHeight:S,alerts:A})),[B,T,k,I,w,S,A]);return t.createElement(a.Provider,{value:D},p,t.createElement("div",{ref:j},n(t.createElement(l,{placement:m,className:h},z()),q)))};export{u as AlertProvider};
+import React, { useState, useRef, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { AlertContainer } from '../AlertContainer/AlertContainer.esm.js';
+import { generateID } from '../../../src/util/helper.esm.js';
+import { AlertItem } from '../AlertItem/AlertItem.esm.js';
+import { useGetDomRoot } from '../../../src/hooks/useGetDomRoot.esm.js';
+import AlertContext from './AlertContext.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const AlertProvider = ({ closeButtonTitle, placement = { vertical: "bottom", horizontal: "center" }, autoHideDuration = { long: 8000, short: 4000 }, 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 || _a === void 0 ? void 0 : _a.length) {
+            return autoHideDuration.long;
+        }
+        return autoHideDuration.short;
+    };
+    const buildEntryWithVariant = (arg, variant) => {
+        var _a, _b;
+        let closeTitle = closeButtonTitle;
+        if (arg.closeButtonTitle) {
+            closeTitle = arg.closeButtonTitle;
+        }
+        return {
+            ...arg,
+            variant: variant !== null && variant !== void 0 ? variant : arg.variant,
+            id: generateID(15, (_a = arg.content) !== null && _a !== void 0 ? _a : arg.title),
+            duration: (_b = arg.duration) !== null && _b !== void 0 ? _b : 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 => (React.createElement(AlertItem, { ...entry, key: `${entry.id}`, onClose: () => {
+                var _a;
+                removeEntry(entry.id);
+                (_a = entry.onClose) === null || _a === void 0 ? void 0 : _a.call(entry);
+            } })));
+    };
+    const contextValue = useMemo(() => ({
+        enqueueAlert,
+        enqueueInfoAlert,
+        enqueueSuccessAlert,
+        enqueueErrorAlert,
+        enqueueWarningAlert,
+        setAlertHeight,
+        alerts: alertEntries
+    }), [
+        enqueueAlert,
+        enqueueInfoAlert,
+        enqueueSuccessAlert,
+        enqueueErrorAlert,
+        enqueueWarningAlert,
+        setAlertHeight,
+        alertEntries
+    ]);
+    return (React.createElement(AlertContext.Provider, { value: contextValue },
+        children,
+        React.createElement("div", { ref: wrappingDivRef }, createPortal(React.createElement(AlertContainer, { placement: placement, className: className }, renderAlertList()), root))));
+};
+
+export { AlertProvider };
 //# sourceMappingURL=AlertProvider.esm.js.map

package/dist/esm/Notifications/Alert/AlertProvider/AlertProvider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertProvider.esm.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(15, arg.content ?? arg.title),\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":["AlertProvider","closeButtonTitle","placement","vertical","horizontal","autoHideDuration","long","short","stackSize","domRoot","children","className","alertEntries","setAlertEntries","useState","wrappingDivRef","useRef","root","useGetDomRoot","getDuration","entry","variant","actions","_a","length","buildEntryWithVariant","arg","closeTitle","id","generateID","content","title","duration","_b","enqueueAlert","newEntry","entries","enqueueInfoAlert","enqueueSuccessAlert","enqueueWarningAlert","enqueueErrorAlert","setAlertHeight","height","newAlertsState","map","alertEntry","removeEntry","entryId","filter","idx","wasShown","renderAlertList","slice","React","createElement","AlertItem","key","onClose","call","contextValue","useMemo","alerts","AlertContext","Provider","value","ref","createPortal","AlertContainer"],"mappings":"mZA0Ca,MAAAA,EAAgB,EAC3BC,mBACAC,YAAY,CAAEC,SAAU,SAAUC,WAAY,UAC9CC,mBAAmB,CAAEC,KAAM,IAAMC,MAAO,KACxCC,YAAY,EACZC,UACAC,WACAC,gBAEA,MAAOC,EAAcC,GAAmBC,EAAuB,IAC/D,MAAMC,EAAiBC,EAAO,MAC9B,MAAMC,KAAEA,GAASC,EAAcT,EAASM,GAExC,MAAMI,EAAeC,UACnB,GAAIA,EAAMC,UAAY,QACpB,OAAOhB,EAAiBC,KAE1B,MAAIc,EAAME,WAAS,MAAAC,SAAA,OAAA,EAAAA,EAAAC,OACjB,OAAOnB,EAAiBC,KAE1B,OAAOD,EAAiBE,KAAK,EAG/B,MAAMkB,EAAwB,CAACC,EAA6BL,aAC1D,IAAIM,EAAa1B,EACjB,GAAIyB,EAAIzB,iBACN0B,EAAaD,EAAIzB,iBAEnB,MAAO,IACFyB,EACHL,QAASA,IAAA,MAAAA,WAAAA,EAAWK,EAAIL,QACxBO,GAAIC,EAAW,IAAIN,EAAAG,EAAII,WAAO,MAAAP,SAAA,EAAAA,EAAIG,EAAIK,OACtCC,YAAUN,EAAIM,YAAY,MAAAC,SAAA,EAAAA,EAAAd,EAAYO,GACtCzB,iBAAkB0B,EACnB,EAGH,MAAMO,EAAgBR,IACpB,MAAMS,EAAWV,EAAsBC,GACvCb,GAAgBuB,GAAW,IAAIA,EAASD,IAAU,EAGpD,MAAME,EAA0DX,IAC9D,MAAMS,EAAuBV,EAAsBC,EAAK,eACxDb,GAAgBuB,GAAW,IAAIA,EAASD,IAAU,EAGpD,MAAMG,EAAgEZ,IACpE,MAAMS,EAAuBV,EAAsBC,EAAK,WACxDb,GAAgBuB,GAAW,IAAIA,EAASD,IAAU,EAGpD,MAAMI,EAAgEb,IACpE,MAAMS,EAAuBV,EAAsBC,EAAK,WACxDb,GAAgBuB,GAAW,IAAIA,EAASD,IAAU,EAGpD,MAAMK,EAA4Dd,IAChE,MAAMS,EAAuBV,EAAsBC,EAAK,SACxDb,GAAgBuB,GAAW,IAAIA,EAASD,IAAU,EAGpD,MAAMM,EAAiB,CAACb,EAAYc,KAClC,MAAMC,EAAiB/B,EAAagC,KAAIC,IACtC,GAAIA,EAAWjB,KAAOA,EACpB,OAAOiB,EAET,MAAO,IAAKA,EAAYH,SAAQ,IAElC7B,EAAgB8B,EAAe,EAGjC,MAAMG,EAAeC,IACnBlC,GAAgBuB,GACPA,EAAQY,QAAO,CAAC5B,EAAO6B,KAC5B,GAAIA,EAAMzC,EACR4B,EAAQa,GAAO,IAAKb,EAAQa,GAAMC,SAAU,MAE9C,OAAO9B,EAAMQ,KAAOmB,CAAO,KAE7B,EAGJ,MAAMI,EAAkB,IACfvC,EAAawC,MAAM,EAAG5C,GAAWoC,KAAIxB,GAC1CiC,EAACC,cAAAC,EACK,IAAAnC,EACJoC,IAAK,GAAGpC,EAAMQ,KACd6B,QAAS,WACPX,EAAY1B,EAAMQ,KAClBL,EAAAH,EAAMqC,WAAO,MAAAlC,SAAA,OAAA,EAAAA,EAAAmC,KAAAtC,EAAI,MAMzB,MAAMuC,EAAeC,GACnB,KAAO,CACL1B,eACAG,mBACAC,sBACAE,oBACAD,sBACAE,iBACAoB,OAAQjD,KAEV,CACEsB,EACAG,EACAC,EACAE,EACAD,EACAE,EACA7B,IAIJ,OACEyC,gBAACS,EAAaC,SAAS,CAAAC,MAAOL,GAC3BjD,EACD2C,EAAKC,cAAA,MAAA,CAAAW,IAAKlD,GACPmD,EACCb,EAAAC,cAACa,EAAc,CAACjE,UAAWA,EAAWS,UAAWA,GAC9CwC,KAEHlC,IAIN"}
+{"version":3,"file":"AlertProvider.esm.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(15, arg.content ?? arg.title),\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/esm/Notifications/Alert/useAlert.esm.js

@@ -1,2 +1,31 @@
-import{useContext as e}from"react";import r from"./AlertProvider/AlertContext.esm.js";const u=()=>{const u=e(r);return{enqueueAlert:u.enqueueAlert,enqueueInfoAlert:u.enqueueInfoAlert,enqueueSuccessAlert:u.enqueueSuccessAlert,enqueueWarningAlert:u.enqueueWarningAlert,enqueueErrorAlert:u.enqueueErrorAlert}};export{u as useAlert};
+import { useContext } from 'react';
+import AlertContext from './AlertProvider/AlertContext.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const 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.esm.js.map

package/dist/esm/Notifications/Alert/useAlert.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAlert.esm.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":["useAlert","ctx","useContext","AlertContext","enqueueAlert","enqueueInfoAlert","enqueueSuccessAlert","enqueueWarningAlert","enqueueErrorAlert"],"mappings":"sFAmBO,MAAMA,EAAW,KACtB,MAAMC,EAAMC,EAAWC,GAEvB,MAAO,CACLC,aAAcH,EAAIG,aAClBC,iBAAkBJ,EAAII,iBACtBC,oBAAqBL,EAAIK,oBACzBC,oBAAqBN,EAAIM,oBACzBC,kBAAmBP,EAAIO,kBACxB"}
+{"version":3,"file":"useAlert.esm.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":";;;AAAA;;;;;;;;;;;;;;AAcG;AAKI,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAErC,OAAO;QACL,YAAY,EAAE,GAAG,CAAC,YAAY;QAC9B,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;QACtC,mBAAmB,EAAE,GAAG,CAAC,mBAAmB;QAC5C,mBAAmB,EAAE,GAAG,CAAC,mBAAmB;QAC5C,iBAAiB,EAAE,GAAG,CAAC,iBAAiB;KACzC,CAAC;AACJ;;;;"}

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

@@ -1,2 +1,44 @@
-import e from"react";import{Typography as r}from"../../Typography/Typography.esm.js";import{Icon as a,Icons as n}from"../../Icon/Icon.esm.js";import t from"./Banner.module.esm.js";const o=({children:o,ariaLabel:c,ariaRole:i,ariaLive:s,type:l,title:m,...p},f)=>{const u=e=>{switch(e){case"info":return n.InfoCircle;case"error":return n.Error;case"warning":return n.Warning;default:return null}};const d=u(l);return e.createElement("section",{...p,ref:f,"aria-live":s,"aria-label":c,role:i,className:`${t["banner"]} ${t[l]}`},d&&e.createElement(a,{icon:d,className:t["icon"]}),e.createElement("div",{className:t["container"]},e.createElement(r,{variant:"h4",className:t["headline"]},m),e.createElement(r,{variant:"body",className:t["content"],tag:"p"},o)))};const c=e.forwardRef(o);export{c as Banner};
+import React from 'react';
+import { Typography } from '../../Typography/Typography.esm.js';
+import { Icon, Icons } from '../../Icon/Icon.esm.js';
+import classes from './Banner.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const BannerComponent = ({ children, ariaLabel, ariaRole, ariaLive, type, title, ...rest }, ref) => {
+    const getIconVariant = (type) => {
+        switch (type) {
+            case "info":
+                return Icons.InfoCircle;
+            case "error":
+                return Icons.Error;
+            case "warning":
+                return Icons.Warning;
+            default:
+                return null;
+        }
+    };
+    const icon = getIconVariant(type);
+    return (React.createElement("section", { ...rest, ref: ref, "aria-live": ariaLive, "aria-label": ariaLabel, role: ariaRole, className: `${classes["banner"]} ${classes[type]}` },
+        icon && React.createElement(Icon, { icon: icon, className: classes["icon"] }),
+        React.createElement("div", { className: classes["container"] },
+            React.createElement(Typography, { variant: "h4", className: classes["headline"] }, title),
+            React.createElement(Typography, { variant: "body", className: classes["content"], tag: "p" }, children))));
+};
+const Banner = React.forwardRef(BannerComponent);
+
+export { Banner };
 //# sourceMappingURL=Banner.esm.js.map