@onewelcome/react-lib-components 9.8.1 → 10.0.1

package/dist/components/Tag/Tag.es.js

@@ -0,0 +1,47 @@
+import React, { forwardRef } from "react";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import classes from "./Tag.module.scss.es.js";
+import { Typography } from "../Typography/Typography.es.js";
+import { RemoveButton } from "./RemoveButton.es.js";
+const TagComponent = ({
+  children,
+  variant,
+  icon,
+  backgroundColor,
+  color,
+  shape = "rounded",
+  removeButton = {},
+  ...rest
+}, ref) => {
+  const determineIcon = () => {
+    if (icon) {
+      return /* @__PURE__ */ React.createElement(Icon, { size: "inherit", icon });
+    }
+    if (variant === "enabled") {
+      return /* @__PURE__ */ React.createElement(Icon, { size: "inherit", icon: Icons.CheckmarkCircleAlt });
+    } else if (variant === "disabled") {
+      return /* @__PURE__ */ React.createElement(Icon, { size: "inherit", icon: Icons.Forbidden });
+    }
+  };
+  const tagClasses = [classes["tag"]];
+  variant === "enabled" && tagClasses.push(classes["tag-enabled"]);
+  variant === "disabled" && tagClasses.push(classes["tag-disabled"]);
+  shape === "sharp" && tagClasses.push(classes["sharp"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: `${tagClasses.join(" ")} ${rest.className ?? ""}`,
+      style: { backgroundColor, color }
+    },
+    determineIcon(),
+    /* @__PURE__ */ React.createElement(Typography, { spacing: { marginBottom: 0 }, variant: "body", className: classes["label"] }, children),
+    /* @__PURE__ */ React.createElement(RemoveButton, { ...removeButton, label: children })
+  );
+};
+const Tag = forwardRef(TagComponent);
+export {
+  Tag
+};
+//# sourceMappingURL=Tag.es.js.map

package/dist/components/Tag/Tag.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.es.js","sources":["../../../src/components/Tag/Tag.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, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\nimport { RemoveButton, Props as RemoveButtonProps } from \"./RemoveButton\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n  shape?: \"rounded\" | \"sharp\";\n  removeButton?: RemoveButtonProps;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    variant,\n    icon,\n    backgroundColor,\n    color,\n    shape = \"rounded\",\n    removeButton = {},\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const tagClasses = [classes[\"tag\"]];\n  variant === \"enabled\" && tagClasses.push(classes[\"tag-enabled\"]);\n  variant === \"disabled\" && tagClasses.push(classes[\"tag-disabled\"]);\n  shape === \"sharp\" && tagClasses.push(classes[\"sharp\"]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${tagClasses.join(\" \")} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n      <RemoveButton {...removeButton} label={children} />\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":[],"mappings":";;;;;AAgCA,MAAM,eAAgE,CACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,eAAe,CAAC;AAAA,EAChB,GAAG;AACL,GACA,QACG;AACH,QAAM,gBAAgB,MAAM;AAC1B,QAAI,MAAM;AACR,aAAQ,sBAAA,cAAA,MAAA,EAAK,MAAK,WAAU,MAAY;AAAA,IAAA;AAG1C,QAAI,YAAY,WAAW;AACzB,iDAAQ,MAAK,EAAA,MAAK,WAAU,MAAM,MAAM,oBAAoB;AAAA,IAAA,WACnD,YAAY,YAAY;AACjC,iDAAQ,MAAK,EAAA,MAAK,WAAU,MAAM,MAAM,WAAW;AAAA,IAAA;AAAA,EAEvD;AAEA,QAAM,aAAa,CAAC,QAAQ,KAAK,CAAC;AAClC,cAAY,aAAa,WAAW,KAAK,QAAQ,aAAa,CAAC;AAC/D,cAAY,cAAc,WAAW,KAAK,QAAQ,cAAc,CAAC;AACjE,YAAU,WAAW,WAAW,KAAK,QAAQ,OAAO,CAAC;AAGnD,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,WAAW,KAAK,GAAG,CAAC,IAAI,KAAK,aAAa,EAAE;AAAA,MAC1D,OAAO,EAAE,iBAAiB,MAAM;AAAA,IAAA;AAAA,IAE/B,cAAc;AAAA,IACd,sBAAA,cAAA,YAAA,EAAW,SAAS,EAAE,cAAc,EAAA,GAAK,SAAQ,QAAO,WAAW,QAAQ,OAAO,KAChF,QACH;AAAA,IACC,sBAAA,cAAA,cAAA,EAAc,GAAG,cAAc,OAAO,SAAU,CAAA;AAAA,EACnD;AAEJ;AAEa,MAAA,MAAM,WAAW,YAAY;"}

package/dist/components/Tag/Tag.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('/*!\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 */.Tag_tag_k4xuc{font-size:var(--font-size-sub);padding:.25rem .75rem;border:none;border-radius:3.125rem;display:inline-flex;align-items:center;gap:.25rem}.Tag_tag_k4xuc.Tag_tag-enabled_k4xuc{background-color:var(--color-green100)}.Tag_tag_k4xuc.Tag_tag-disabled_k4xuc{background-color:var(--color-blue-grey100)}.Tag_tag_k4xuc.Tag_sharp_k4xuc{border-radius:.125rem}.Tag_tag_k4xuc .Tag_label_k4xuc{line-height:2;font-size:inherit;color:inherit}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="Tag_tag_k4xuc",e="Tag_sharp_k4xuc",t="Tag_label_k4xuc",l={tag:a,"tag-enabled":"Tag_tag-enabled_k4xuc","tag-disabled":"Tag_tag-disabled_k4xuc",sharp:e,label:t};exports.default=l,exports.label=t,exports.sharp=e,exports.tag=a;
+//# sourceMappingURL=Tag.module.scss.cjs.js.map

package/dist/components/Tag/Tag.module.scss.es.js

@@ -0,0 +1,18 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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 */.Tag_tag_k4xuc{font-size:var(--font-size-sub);padding:.25rem .75rem;border:none;border-radius:3.125rem;display:inline-flex;align-items:center;gap:.25rem}.Tag_tag_k4xuc.Tag_tag-enabled_k4xuc{background-color:var(--color-green100)}.Tag_tag_k4xuc.Tag_tag-disabled_k4xuc{background-color:var(--color-blue-grey100)}.Tag_tag_k4xuc.Tag_sharp_k4xuc{border-radius:.125rem}.Tag_tag_k4xuc .Tag_label_k4xuc{line-height:2;font-size:inherit;color:inherit}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const tag = "Tag_tag_k4xuc";
+const sharp = "Tag_sharp_k4xuc";
+const label = "Tag_label_k4xuc";
+const classes = {
+  tag,
+  "tag-enabled": "Tag_tag-enabled_k4xuc",
+  "tag-disabled": "Tag_tag-disabled_k4xuc",
+  sharp,
+  label
+};
+export {
+  classes as default,
+  label,
+  sharp,
+  tag
+};
+//# sourceMappingURL=Tag.module.scss.es.js.map

package/dist/components/Tag/Tag.module.scss.es.js.map

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

package/dist/components/TextEllipsis/TextEllipsis.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Popover/Popover.cjs.js"),s=require("./TextEllipsis.module.scss.cjs.js"),t=e.forwardRef((({children:t,popoverClassName:o,className:l,...a},i)=>{const[c,n]=e.useState(!1),u=e.useRef(null),d=()=>!!(u.current&&u.current.offsetWidth<u.current.scrollWidth);return e.createElement("div",{...a,onMouseEnter:()=>{d()&&n(!0)},onMouseLeave:()=>{d()&&n(!1)},className:`${s.default["text-ellipsis"]} ${l??""}`,ref:i??u},t,e.createElement(r.Popover,{"aria-hidden":!0,"data-hidden":!c,show:c,role:"tooltip",anchorEl:u,className:`${s.default.popover} ${o??""}`},t))}));exports.TextEllipsis=t;
+//# sourceMappingURL=TextEllipsis.cjs.js.map

package/dist/components/TextEllipsis/TextEllipsis.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEllipsis.cjs.js","sources":["../../../src/components/TextEllipsis/TextEllipsis.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  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":["TextEllipsis","React","forwardRef","children","popoverClassName","className","rest","ref","showPopover","setShowPopover","useState","textContainer","useRef","ellipsisVisible","current","offsetWidth","scrollWidth","createElement","onMouseEnter","onMouseLeave","classes","Popover","show","role","anchorEl","default","popover"],"mappings":"+LA+EaA,EAAeC,EAAMC,YAhD6C,EAC3EC,WAAUC,mBAAkBC,eAAcC,GAC5CC,KAEA,MAAOC,EAAaC,GAAkBC,EAAAA,UAAS,GACzCC,EAAgBC,SAAuB,MAEvCC,EAAkB,OAEpBF,EAAcG,SACdH,EAAcG,QAAQC,YAAcJ,EAAcG,QAAQE,aAgB5D,OAAAf,EAAAgB,cAAC,MAAA,IACKX,EACJY,aAXoD,KACtCL,KAAKJ,GAAe,EAAI,EAWtCU,aARoD,KACtCN,KAAKJ,GAAe,EAAK,EAQvCJ,UAAW,GAAGe,UAAQ,oBAAoBf,GAAa,KACvDE,IAAKA,GAAOI,GAEXR,EACDF,EAAAgB,cAACI,EAAAA,QAAA,CACC,eAAa,EACb,eAAcb,EACdc,KAAMd,EACNe,KAAK,UACLC,SAAUb,EACVN,UAAW,GAAGe,EAAAK,QAAQC,WAAWtB,GAAoB,MAEpDD,GAEL"}

package/dist/components/TextEllipsis/TextEllipsis.es.js

@@ -0,0 +1,47 @@
+import React, { useState, useRef } from "react";
+import { Popover } from "../Popover/Popover.es.js";
+import classes from "./TextEllipsis.module.scss.es.js";
+const TextEllipsisComponent = ({ children, popoverClassName, className, ...rest }, ref) => {
+  const [showPopover, setShowPopover] = useState(false);
+  const textContainer = useRef(null);
+  const ellipsisVisible = () => {
+    if (textContainer.current && textContainer.current.offsetWidth < textContainer.current.scrollWidth) {
+      return true;
+    }
+    return false;
+  };
+  const onMouseEnter = () => {
+    ellipsisVisible() && setShowPopover(true);
+  };
+  const onMouseLeave = () => {
+    ellipsisVisible() && setShowPopover(false);
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      onMouseEnter,
+      onMouseLeave,
+      className: `${classes["text-ellipsis"]} ${className ?? ""}`,
+      ref: ref ?? textContainer
+    },
+    children,
+    /* @__PURE__ */ React.createElement(
+      Popover,
+      {
+        "aria-hidden": true,
+        "data-hidden": !showPopover,
+        show: showPopover,
+        role: "tooltip",
+        anchorEl: textContainer,
+        className: `${classes.popover} ${popoverClassName ?? ""}`
+      },
+      children
+    )
+  );
+};
+const TextEllipsis = React.forwardRef(TextEllipsisComponent);
+export {
+  TextEllipsis
+};
+//# sourceMappingURL=TextEllipsis.es.js.map

package/dist/components/TextEllipsis/TextEllipsis.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEllipsis.es.js","sources":["../../../src/components/TextEllipsis/TextEllipsis.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  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":[],"mappings":";;;AA+BA,MAAM,wBAAyE,CAC7E,EAAE,UAAU,kBAAkB,WAAW,GAAG,KAAK,GACjD,QACG;AACH,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAC9C,QAAA,gBAAgB,OAAuB,IAAI;AAEjD,QAAM,kBAAkB,MAAM;AAC5B,QACE,cAAc,WACd,cAAc,QAAQ,cAAc,cAAc,QAAQ,aAC1D;AACO,aAAA;AAAA,IAAA;AAEF,WAAA;AAAA,EACT;AAEA,QAAM,eAAkD,MAAM;AAC5C,oBAAA,KAAK,eAAe,IAAI;AAAA,EAC1C;AAEA,QAAM,eAAkD,MAAM;AAC5C,oBAAA,KAAK,eAAe,KAAK;AAAA,EAC3C;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,CAAC,IAAI,aAAa,EAAE;AAAA,MACzD,KAAK,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,IACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,eAAa,CAAC;AAAA,QACd,MAAM;AAAA,QACN,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAW,GAAG,QAAQ,OAAO,IAAI,oBAAoB,EAAE;AAAA,MAAA;AAAA,MAEtD;AAAA,IAAA;AAAA,EAEL;AAEJ;AAEa,MAAA,eAAe,MAAM,WAAW,qBAAqB;"}

package/dist/components/TextEllipsis/TextEllipsis.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('/*!\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 */.TextEllipsis_text-ellipsis_k4xuc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_popover_k4xuc{max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;white-space:pre-wrap;word-wrap:break-word;transition-property:opacity;transform:scale(1);z-index:1}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="TextEllipsis_popover_k4xuc",t={"text-ellipsis":"TextEllipsis_text-ellipsis_k4xuc",popover:e};exports.default=t,exports.popover=e;
+//# sourceMappingURL=TextEllipsis.module.scss.cjs.js.map

package/dist/components/TextEllipsis/TextEllipsis.module.scss.es.js

@@ -0,0 +1,11 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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 */.TextEllipsis_text-ellipsis_k4xuc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_popover_k4xuc{max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;white-space:pre-wrap;word-wrap:break-word;transition-property:opacity;transform:scale(1);z-index:1}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const popover = "TextEllipsis_popover_k4xuc";
+const classes = {
+  "text-ellipsis": "TextEllipsis_text-ellipsis_k4xuc",
+  popover
+};
+export {
+  classes as default,
+  popover
+};
+//# sourceMappingURL=TextEllipsis.module.scss.es.js.map

package/dist/components/TextEllipsis/TextEllipsis.module.scss.es.js.map

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

package/dist/components/Tiles/Tile.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Icon/Icon.cjs.js"),a=require("./Tile.module.scss.cjs.js"),l=require("../../readyclasses.module.scss.cjs.js"),s=require("../../util/helper.cjs.js"),r=e.forwardRef((({title:r,imageProps:c,enabled:n,className:o,loading:i,tileAction:d,...u},m)=>{const[f]=e.useState(s.generateID(20));if(!r)throw new Error("Please make sure to pass a title prop to your Tile component.");return e.createElement("article",{...u,tabIndex:0,"aria-labelledby":f,ref:m,className:`${a.default.tile} ${i?a.default.loading:""}`},e.createElement("header",{style:{justifyContent:void 0===n?"flex-end":"space-between"}},!0===n&&e.createElement(t.Icon,{color:"var(--success)",icon:t.Icons.Checkmark,className:`${a.default.icon} ${o??""}`}),!1===n&&e.createElement(t.Icon,{color:"var(--greyed-out)",icon:t.Icons.Forbidden,className:`${a.default.icon} ${o??""}`}),void 0!==n&&e.createElement("span",{id:f,className:l.default["sr-only"]},`${r}. ${n?"Status: enabled":"Status: disabled"}`),d??null),e.createElement("div",{className:a.default.content},c&&c.src.length>0&&e.createElement("figure",{className:a.default.image},!i&&e.createElement("img",{...c,alt:""})),(!c||0===c.src.length)&&e.createElement(t.Icon,{className:a.default.placeholder,icon:t.Icons.Image}),e.createElement("span",{className:a.default.title},r)))}));exports.Tile=r;
+//# sourceMappingURL=Tile.cjs.js.map

package/dist/components/Tiles/Tile.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.cjs.js","sources":["../../../src/components/Tiles/Tile.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  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tile.module.scss\";\nimport readyClasses from \"../../readyclasses.module.scss\";\n\nimport { Props as ContextMenuProps } from \"../ContextMenu/ContextMenu\";\nimport { generateID } from \"../../util/helper\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\n\ninterface ImageProps extends ComponentPropsWithoutRef<\"img\"> {\n  src: string;\n}\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title: string;\n  imageProps?: ImageProps;\n  enabled?: boolean;\n  loading?: boolean;\n  tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;\n}\n\nconst TileComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { title, imageProps, enabled, className, loading, tileAction, ...rest }: Props,\n  ref\n) => {\n  const [tileDescriptionID] = useState(generateID(20));\n\n  if (!title) {\n    throw new Error(\"Please make sure to pass a title prop to your Tile component.\");\n  }\n\n  const statusMessage = () => {\n    if (enabled) {\n      return \"Status: enabled\";\n    }\n\n    return \"Status: disabled\";\n  };\n\n  return (\n    <article\n      {...rest}\n      tabIndex={0}\n      aria-labelledby={tileDescriptionID}\n      ref={ref}\n      className={`${classes[\"tile\"]} ${loading ? classes[\"loading\"] : \"\"}`}\n    >\n      <header style={{ justifyContent: enabled === undefined ? \"flex-end\" : \"space-between\" }}>\n        {enabled === true && (\n          <Icon\n            color=\"var(--success)\"\n            icon={Icons.Checkmark}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled === false && (\n          <Icon\n            color=\"var(--greyed-out)\"\n            icon={Icons.Forbidden}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled !== undefined && (\n          <span id={tileDescriptionID} className={readyClasses[\"sr-only\"]}>\n            {`${title}. ${statusMessage()}`}\n          </span>\n        )}\n        {tileAction ?? null}\n      </header>\n      <div className={classes[\"content\"]}>\n        {imageProps && imageProps.src.length > 0 && (\n          <figure className={classes[\"image\"]}>{!loading && <img {...imageProps} alt=\"\" />}</figure>\n        )}\n        {(!imageProps || imageProps.src.length === 0) && (\n          <Icon className={classes[\"placeholder\"]} icon={Icons.Image} />\n        )}\n        <span className={classes[\"title\"]}>{title}</span>\n      </div>\n    </article>\n  );\n};\n\nexport const Tile = React.forwardRef(TileComponent);\n"],"names":["Tile","React","forwardRef","title","imageProps","enabled","className","loading","tileAction","rest","ref","tileDescriptionID","useState","generateID","Error","createElement","tabIndex","classes","default","style","justifyContent","Icon","color","icon","Icons","Checkmark","Forbidden","id","readyClasses","src","length","alt","Image"],"mappings":"0QAwGaA,EAAOC,EAAMC,YA7D6C,EACnEC,QAAOC,aAAYC,UAASC,YAAWC,UAASC,gBAAeC,GACjEC,KAEM,MAACC,GAAqBC,EAASA,SAAAC,EAAAA,WAAW,KAEhD,IAAKV,EACG,MAAA,IAAIW,MAAM,iEAYhB,OAAAb,EAAAc,cAAC,UAAA,IACKN,EACJO,SAAU,EACV,kBAAiBL,EACjBD,MACAJ,UAAW,GAAGW,EAAAC,QAAc,QAAKX,EAAUU,EAAAC,QAAiB,QAAI,MAEhEjB,EAAAc,cAAC,SAAO,CAAAI,MAAO,CAAEC,oBAA4B,IAAZf,EAAwB,WAAa,mBACvD,IAAZA,GACCJ,EAAAc,cAACM,EAAAA,KAAA,CACCC,MAAM,iBACNC,KAAMC,EAAMA,MAAAC,UACZnB,UAAW,GAAGW,UAAc,QAAKX,GAAa,QAGrC,IAAZD,GACCJ,EAAAc,cAACM,EAAAA,KAAA,CACCC,MAAM,oBACNC,KAAMC,EAAMA,MAAAE,UACZpB,UAAW,GAAGW,UAAc,QAAKX,GAAa,YAGrC,IAAZD,mBACE,OAAK,CAAAsB,GAAIhB,EAAmBL,UAAWsB,EAAAA,QAAa,YAClD,GAAGzB,MAhCRE,EACK,kBAGF,sBA+BFG,GAAc,MAEjBP,EAAAc,cAAC,OAAIT,UAAWW,EAAAA,QAAiB,SAC9Bb,GAAcA,EAAWyB,IAAIC,OAAS,mBACpC,SAAO,CAAAxB,UAAWW,EAAQC,QAAO,QAAKX,KAAYQ,cAAA,MAAA,IAAQX,EAAY2B,IAAI,QAE1E3B,GAAwC,IAA1BA,EAAWyB,IAAIC,SAC9B7B,EAAAc,cAACM,OAAK,CAAAf,UAAWW,EAAQC,QAAa,YAAGK,KAAMC,EAAAA,MAAMQ,UAEtDjB,cAAA,OAAA,CAAKT,UAAWW,EAAAA,QAAe,OAAId,IAExC"}

package/dist/components/Tiles/Tile.es.js

@@ -0,0 +1,48 @@
+import React, { useState } from "react";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import classes from "./Tile.module.scss.es.js";
+import readyclasses from "../../readyclasses.module.scss.es.js";
+import { generateID } from "../../util/helper.es.js";
+const TileComponent = ({ title, imageProps, enabled, className, loading, tileAction, ...rest }, ref) => {
+  const [tileDescriptionID] = useState(generateID(20));
+  if (!title) {
+    throw new Error("Please make sure to pass a title prop to your Tile component.");
+  }
+  const statusMessage = () => {
+    if (enabled) {
+      return "Status: enabled";
+    }
+    return "Status: disabled";
+  };
+  return /* @__PURE__ */ React.createElement(
+    "article",
+    {
+      ...rest,
+      tabIndex: 0,
+      "aria-labelledby": tileDescriptionID,
+      ref,
+      className: `${classes["tile"]} ${loading ? classes["loading"] : ""}`
+    },
+    /* @__PURE__ */ React.createElement("header", { style: { justifyContent: enabled === void 0 ? "flex-end" : "space-between" } }, enabled === true && /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        color: "var(--success)",
+        icon: Icons.Checkmark,
+        className: `${classes["icon"]} ${className ?? ""}`
+      }
+    ), enabled === false && /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        color: "var(--greyed-out)",
+        icon: Icons.Forbidden,
+        className: `${classes["icon"]} ${className ?? ""}`
+      }
+    ), enabled !== void 0 && /* @__PURE__ */ React.createElement("span", { id: tileDescriptionID, className: readyclasses["sr-only"] }, `${title}. ${statusMessage()}`), tileAction ?? null),
+    /* @__PURE__ */ React.createElement("div", { className: classes["content"] }, imageProps && imageProps.src.length > 0 && /* @__PURE__ */ React.createElement("figure", { className: classes["image"] }, !loading && /* @__PURE__ */ React.createElement("img", { ...imageProps, alt: "" })), (!imageProps || imageProps.src.length === 0) && /* @__PURE__ */ React.createElement(Icon, { className: classes["placeholder"], icon: Icons.Image }), /* @__PURE__ */ React.createElement("span", { className: classes["title"] }, title))
+  );
+};
+const Tile = React.forwardRef(TileComponent);
+export {
+  Tile
+};
+//# sourceMappingURL=Tile.es.js.map

package/dist/components/Tiles/Tile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.es.js","sources":["../../../src/components/Tiles/Tile.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  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tile.module.scss\";\nimport readyClasses from \"../../readyclasses.module.scss\";\n\nimport { Props as ContextMenuProps } from \"../ContextMenu/ContextMenu\";\nimport { generateID } from \"../../util/helper\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\n\ninterface ImageProps extends ComponentPropsWithoutRef<\"img\"> {\n  src: string;\n}\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title: string;\n  imageProps?: ImageProps;\n  enabled?: boolean;\n  loading?: boolean;\n  tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;\n}\n\nconst TileComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { title, imageProps, enabled, className, loading, tileAction, ...rest }: Props,\n  ref\n) => {\n  const [tileDescriptionID] = useState(generateID(20));\n\n  if (!title) {\n    throw new Error(\"Please make sure to pass a title prop to your Tile component.\");\n  }\n\n  const statusMessage = () => {\n    if (enabled) {\n      return \"Status: enabled\";\n    }\n\n    return \"Status: disabled\";\n  };\n\n  return (\n    <article\n      {...rest}\n      tabIndex={0}\n      aria-labelledby={tileDescriptionID}\n      ref={ref}\n      className={`${classes[\"tile\"]} ${loading ? classes[\"loading\"] : \"\"}`}\n    >\n      <header style={{ justifyContent: enabled === undefined ? \"flex-end\" : \"space-between\" }}>\n        {enabled === true && (\n          <Icon\n            color=\"var(--success)\"\n            icon={Icons.Checkmark}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled === false && (\n          <Icon\n            color=\"var(--greyed-out)\"\n            icon={Icons.Forbidden}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled !== undefined && (\n          <span id={tileDescriptionID} className={readyClasses[\"sr-only\"]}>\n            {`${title}. ${statusMessage()}`}\n          </span>\n        )}\n        {tileAction ?? null}\n      </header>\n      <div className={classes[\"content\"]}>\n        {imageProps && imageProps.src.length > 0 && (\n          <figure className={classes[\"image\"]}>{!loading && <img {...imageProps} alt=\"\" />}</figure>\n        )}\n        {(!imageProps || imageProps.src.length === 0) && (\n          <Icon className={classes[\"placeholder\"]} icon={Icons.Image} />\n        )}\n        <span className={classes[\"title\"]}>{title}</span>\n      </div>\n    </article>\n  );\n};\n\nexport const Tile = React.forwardRef(TileComponent);\n"],"names":["readyClasses"],"mappings":";;;;;AA2CA,MAAM,gBAAiE,CACrE,EAAE,OAAO,YAAY,SAAS,WAAW,SAAS,YAAY,GAAG,KAAK,GACtE,QACG;AACH,QAAM,CAAC,iBAAiB,IAAI,SAAS,WAAW,EAAE,CAAC;AAEnD,MAAI,CAAC,OAAO;AACJ,UAAA,IAAI,MAAM,+DAA+D;AAAA,EAAA;AAGjF,QAAM,gBAAgB,MAAM;AAC1B,QAAI,SAAS;AACJ,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EACT;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,mBAAiB;AAAA,MACjB;AAAA,MACA,WAAW,GAAG,QAAQ,MAAM,CAAC,IAAI,UAAU,QAAQ,SAAS,IAAI,EAAE;AAAA,IAAA;AAAA,IAElE,sBAAA,cAAC,UAAO,EAAA,OAAO,EAAE,gBAAgB,YAAY,SAAY,aAAa,gBAAA,EACnE,GAAA,YAAY,QACX,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,MAAM;AAAA,QACZ,WAAW,GAAG,QAAQ,MAAM,CAAC,IAAI,aAAa,EAAE;AAAA,MAAA;AAAA,IAAA,GAGnD,YAAY,SACX,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,MAAM;AAAA,QACZ,WAAW,GAAG,QAAQ,MAAM,CAAC,IAAI,aAAa,EAAE;AAAA,MAAA;AAAA,IAAA,GAGnD,YAAY,8CACV,QAAK,EAAA,IAAI,mBAAmB,WAAWA,aAAa,SAAS,EAC3D,GAAA,GAAG,KAAK,KAAK,cAAA,CAAe,EAC/B,GAED,cAAc,IACjB;AAAA,IACA,sBAAA,cAAC,SAAI,WAAW,QAAQ,SAAS,EAC9B,GAAA,cAAc,WAAW,IAAI,SAAS,yCACpC,UAAO,EAAA,WAAW,QAAQ,OAAO,EAAI,GAAA,CAAC,WAAY,sBAAA,cAAA,OAAA,EAAK,GAAG,YAAY,KAAI,GAAG,CAAA,CAAG,IAEjF,CAAC,cAAc,WAAW,IAAI,WAAW,MACzC,sBAAA,cAAC,MAAK,EAAA,WAAW,QAAQ,aAAa,GAAG,MAAM,MAAM,MAAO,CAAA,GAE7D,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,OAAO,EAAI,GAAA,KAAM,CAC5C;AAAA,EACF;AAEJ;AAEa,MAAA,OAAO,MAAM,WAAW,aAAa;"}

package/dist/components/Tiles/Tile.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('.Tile_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tile_hidden_k4xuc{display:none}.Tile_slide-in_k4xuc{animation:Tile_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tile_slide-in_k4xuc{animation-duration:.1ms}}.Tile_slide-out_k4xuc{animation:Tile_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tile_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Tile_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_slide-out_k4xuc{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 */.Tile_tile_k4xuc{border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;padding:0 0 2rem;background-color:var(--light);font-family:var(--font-family);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tile_tile_k4xuc{transition-duration:.1ms}}.Tile_tile_k4xuc:hover{box-shadow:0 3px 6px #0000004a}.Tile_tile_k4xuc header{display:flex;align-items:center}.Tile_tile_k4xuc header .Tile_icon_k4xuc{padding:0 1rem}.Tile_tile_k4xuc figure{margin:0 0 1rem;height:3rem}.Tile_tile_k4xuc figure img{vertical-align:top;height:3rem;width:auto}.Tile_tile_k4xuc .Tile_placeholder_k4xuc{font-size:3rem;margin:0 0 1rem;color:var(--greyed-out)}.Tile_tile_k4xuc .Tile_content_k4xuc{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;padding:0 1rem}.Tile_tile_k4xuc.Tile_loading_k4xuc header{display:none}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_image_k4xuc{margin-top:2.5rem;border-radius:.5rem;width:3rem;height:3rem;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_image_k4xuc:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));content:"";animation:Tile_shimmer_k4xuc 2s infinite}@media (prefers-reduced-motion: reduce){.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_image_k4xuc:after{animation:none}}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_title_k4xuc{color:transparent;display:inline-block;width:70%;border-radius:.5rem;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_title_k4xuc:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));content:"";animation:Tile_shimmer_k4xuc 2s infinite}@media (prefers-reduced-motion: reduce){.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_title_k4xuc:after{animation:none}}@keyframes Tile_shimmer_k4xuc{to{transform:translate(100%)}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Tile_tile_k4xuc",t="Tile_icon_k4xuc",l="Tile_placeholder_k4xuc",o="Tile_content_k4xuc",i="Tile_loading_k4xuc",c="Tile_image_k4xuc",r="Tile_title_k4xuc",x={tile:e,icon:t,placeholder:l,content:o,loading:i,image:c,title:r};exports.content=o,exports.default=x,exports.icon=t,exports.image=c,exports.loading=i,exports.placeholder=l,exports.tile=e,exports.title=r;
+//# sourceMappingURL=Tile.module.scss.cjs.js.map

package/dist/components/Tiles/Tile.module.scss.es.js

@@ -0,0 +1,28 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Tile_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tile_hidden_k4xuc{display:none}.Tile_slide-in_k4xuc{animation:Tile_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tile_slide-in_k4xuc{animation-duration:.1ms}}.Tile_slide-out_k4xuc{animation:Tile_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tile_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Tile_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_slide-out_k4xuc{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 */.Tile_tile_k4xuc{border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;padding:0 0 2rem;background-color:var(--light);font-family:var(--font-family);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tile_tile_k4xuc{transition-duration:.1ms}}.Tile_tile_k4xuc:hover{box-shadow:0 3px 6px #0000004a}.Tile_tile_k4xuc header{display:flex;align-items:center}.Tile_tile_k4xuc header .Tile_icon_k4xuc{padding:0 1rem}.Tile_tile_k4xuc figure{margin:0 0 1rem;height:3rem}.Tile_tile_k4xuc figure img{vertical-align:top;height:3rem;width:auto}.Tile_tile_k4xuc .Tile_placeholder_k4xuc{font-size:3rem;margin:0 0 1rem;color:var(--greyed-out)}.Tile_tile_k4xuc .Tile_content_k4xuc{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;padding:0 1rem}.Tile_tile_k4xuc.Tile_loading_k4xuc header{display:none}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_image_k4xuc{margin-top:2.5rem;border-radius:.5rem;width:3rem;height:3rem;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_image_k4xuc:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));content:"";animation:Tile_shimmer_k4xuc 2s infinite}@media (prefers-reduced-motion: reduce){.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_image_k4xuc:after{animation:none}}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_title_k4xuc{color:transparent;display:inline-block;width:70%;border-radius:.5rem;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_title_k4xuc:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));content:"";animation:Tile_shimmer_k4xuc 2s infinite}@media (prefers-reduced-motion: reduce){.Tile_tile_k4xuc.Tile_loading_k4xuc .Tile_title_k4xuc:after{animation:none}}@keyframes Tile_shimmer_k4xuc{to{transform:translate(100%)}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const tile = "Tile_tile_k4xuc";
+const icon = "Tile_icon_k4xuc";
+const placeholder = "Tile_placeholder_k4xuc";
+const content = "Tile_content_k4xuc";
+const loading = "Tile_loading_k4xuc";
+const image = "Tile_image_k4xuc";
+const title = "Tile_title_k4xuc";
+const classes = {
+  tile,
+  icon,
+  placeholder,
+  content,
+  loading,
+  image,
+  title
+};
+export {
+  content,
+  classes as default,
+  icon,
+  image,
+  loading,
+  placeholder,
+  tile,
+  title
+};
+//# sourceMappingURL=Tile.module.scss.es.js.map

package/dist/components/Tiles/Tile.module.scss.es.js.map

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

package/dist/components/Tiles/Tiles.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("./Tiles.module.scss.cjs.js"),r=require("./Tile.cjs.js"),a=e.forwardRef((({children:a,className:i,loading:t=!1,...c},o)=>e.createElement("div",{...c,ref:o,className:`${l.default.tiles} ${i??""}`,"aria-live":"polite","aria-busy":t},t?[e.createElement(r.Tile,{key:"placeholder1",title:"placeholder",imageProps:{src:"placeholder"},loading:!0}),e.createElement(r.Tile,{key:"placeholder2",title:"placeholder",imageProps:{src:"placeholder"},loading:!0}),e.createElement(r.Tile,{key:"placeholder3",title:"placeholder",imageProps:{src:"placeholder"},loading:!0})]:a)));exports.Tiles=a;
+//# sourceMappingURL=Tiles.cjs.js.map

package/dist/components/Tiles/Tiles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tiles.cjs.js","sources":["../../../src/components/Tiles/Tiles.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, ReactNode } from \"react\";\nimport classes from \"./Tiles.module.scss\";\nimport { Tile } from \"./Tile\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactNode;\n  loading?: boolean;\n}\n\nconst TilesComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, className, loading = false, ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (loading) {\n      return [\n        <Tile\n          key=\"placeholder1\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder2\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder3\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />\n      ];\n    }\n\n    return children;\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"tiles\"]} ${className ?? \"\"}`}\n      aria-live=\"polite\"\n      aria-busy={loading}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const Tiles = React.forwardRef(TilesComponent);\n"],"names":["Tiles","React","forwardRef","children","className","loading","rest","ref","createElement","classes","Tile","key","title","imageProps","src"],"mappings":"4KAqEaA,EAAQC,EAAMC,YA5C6C,EACpEC,WAAUC,YAAWC,WAAU,KAAUC,GAC3CC,IA8BEN,EAAAO,cAAC,MAAA,IACKF,EACJC,MACAH,UAAW,GAAGK,UAAe,SAAKL,GAAa,KAC/C,YAAU,SACV,YAAWC,GAhCTA,EACK,CACLJ,EAAAO,cAACE,EAAAA,KAAA,CACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,IAEXJ,EAAAO,cAACE,EAAAA,KAAA,CACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,IAEXJ,EAAAO,cAACE,EAAAA,KAAA,CACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,KAKRF"}

package/dist/components/Tiles/Tiles.es.js

@@ -0,0 +1,55 @@
+import React from "react";
+import classes from "./Tiles.module.scss.es.js";
+import { Tile } from "./Tile.es.js";
+const TilesComponent = ({ children, className, loading = false, ...rest }, ref) => {
+  const renderChildren = () => {
+    if (loading) {
+      return [
+        /* @__PURE__ */ React.createElement(
+          Tile,
+          {
+            key: "placeholder1",
+            title: "placeholder",
+            imageProps: { src: "placeholder" },
+            loading: true
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          Tile,
+          {
+            key: "placeholder2",
+            title: "placeholder",
+            imageProps: { src: "placeholder" },
+            loading: true
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          Tile,
+          {
+            key: "placeholder3",
+            title: "placeholder",
+            imageProps: { src: "placeholder" },
+            loading: true
+          }
+        )
+      ];
+    }
+    return children;
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: `${classes["tiles"]} ${className ?? ""}`,
+      "aria-live": "polite",
+      "aria-busy": loading
+    },
+    renderChildren()
+  );
+};
+const Tiles = React.forwardRef(TilesComponent);
+export {
+  Tiles
+};
+//# sourceMappingURL=Tiles.es.js.map

package/dist/components/Tiles/Tiles.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tiles.es.js","sources":["../../../src/components/Tiles/Tiles.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, ReactNode } from \"react\";\nimport classes from \"./Tiles.module.scss\";\nimport { Tile } from \"./Tile\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactNode;\n  loading?: boolean;\n}\n\nconst TilesComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, className, loading = false, ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (loading) {\n      return [\n        <Tile\n          key=\"placeholder1\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder2\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder3\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />\n      ];\n    }\n\n    return children;\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"tiles\"]} ${className ?? \"\"}`}\n      aria-live=\"polite\"\n      aria-busy={loading}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const Tiles = React.forwardRef(TilesComponent);\n"],"names":[],"mappings":";;;AAyBA,MAAM,iBAAkE,CACtE,EAAE,UAAU,WAAW,UAAU,OAAO,GAAG,KAAK,GAChD,QACG;AACH,QAAM,iBAAiB,MAAM;AAC3B,QAAI,SAAS;AACJ,aAAA;AAAA,QACL,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,YAAY,EAAE,KAAK,cAAc;AAAA,YACjC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QACA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,YAAY,EAAE,KAAK,cAAc;AAAA,YACjC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QACA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,YAAY,EAAE,KAAK,cAAc;AAAA,YACjC,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAEb;AAAA,IAAA;AAGK,WAAA;AAAA,EACT;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,OAAO,CAAC,IAAI,aAAa,EAAE;AAAA,MACjD,aAAU;AAAA,MACV,aAAW;AAAA,IAAA;AAAA,IAEV,eAAe;AAAA,EAClB;AAEJ;AAEa,MAAA,QAAQ,MAAM,WAAW,cAAc;"}

package/dist/components/Tiles/Tiles.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('/*!\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 */.Tiles_tiles_k4xuc{display:grid;grid-gap:1rem;grid-template-columns:repeat(1,1fr)}@media screen and (min-width: 30em){.Tiles_tiles_k4xuc{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Tiles_tiles_k4xuc",t={tiles:e};exports.default=t,exports.tiles=e;
+//# sourceMappingURL=Tiles.module.scss.cjs.js.map

package/dist/components/Tiles/Tiles.module.scss.es.js

@@ -0,0 +1,10 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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 */.Tiles_tiles_k4xuc{display:grid;grid-gap:1rem;grid-template-columns:repeat(1,1fr)}@media screen and (min-width: 30em){.Tiles_tiles_k4xuc{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const tiles = "Tiles_tiles_k4xuc";
+const classes = {
+  tiles
+};
+export {
+  classes as default,
+  tiles
+};
+//# sourceMappingURL=Tiles.module.scss.es.js.map

package/dist/components/Tiles/Tiles.module.scss.es.js.map

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

package/dist/components/Tooltip/Tooltip.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("../Icon/Icon.cjs.js"),o=require("./Tooltip.module.scss.cjs.js"),r=require("../../util/helper.cjs.js"),i=require("../../hooks/usePosition.cjs.js"),l=require("react-dom"),a=require("../../hooks/useGetDomRoot.cjs.js"),n={left:{placement:{horizontal:"left",vertical:"center"},offset:{left:0,right:12,top:0,bottom:0},transformOrigin:{horizontal:"right",vertical:"center"}},leftEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:0,right:12,top:-12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}},leftStart:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:0,right:12,top:0,bottom:-12},transformOrigin:{horizontal:"right",vertical:"bottom"}},right:{placement:{horizontal:"right",vertical:"center"},offset:{left:12,right:0,top:0,bottom:0},transformOrigin:{horizontal:"left",vertical:"center"}},rightEnd:{placement:{horizontal:"right",vertical:"top"},offset:{left:12,right:0,top:-12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},rightStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:12,right:0,top:0,bottom:-12},transformOrigin:{horizontal:"left",vertical:"bottom"}},top:{placement:{horizontal:"center",vertical:"top"},offset:{left:0,right:0,top:0,bottom:12},transformOrigin:{horizontal:"center",vertical:"bottom"}},topEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:-12,right:0,top:0,bottom:12},transformOrigin:{horizontal:"left",vertical:"bottom"}},topStart:{placement:{horizontal:"right",vertical:"top"},offset:{left:0,right:-12,top:0,bottom:12},transformOrigin:{horizontal:"right",vertical:"bottom"}},bottom:{placement:{horizontal:"center",vertical:"bottom"},offset:{left:0,right:0,top:12,bottom:0},transformOrigin:{horizontal:"center",vertical:"top"}},bottomEnd:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:-12,right:0,top:12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},bottomStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:0,right:-12,top:12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}}},c=t.forwardRef((({title:c,children:s,className:f,domRoot:m,label:p,location:h="right",position:u="center",color:g="black",icon:d,...b},v)=>{const[z]=t.useState(r.generateID()),[E,O]=t.useState(!1),$=v||t.createRef(),{root:j}=a.useGetDomRoot(m,$),y=t.useRef(null),I=t.useRef(null),N=t.useMemo((()=>"center"===u?h:`${h}${u.charAt(0).toUpperCase()+u.slice(1)}`),[h,u]),{top:S,bottom:q,right:R,left:k,calculatePosition:L}=i.usePosition({relativeElement:y,elementToBePositioned:I,placement:n[N].placement,offset:n[N].offset,transformOrigin:n[N].transformOrigin});t.useEffect((()=>{if(!E)return;const t=t=>{"Escape"===t.key&&O(!1)};return document.addEventListener("keyup",t),()=>{document.removeEventListener("keyup",t)}}),[E]),t.useLayoutEffect((()=>{L()}),[E]);const M=`${o.default.tooltip} ${o.default[g]} ${E?o.default.visible:""} ${o.default[N.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return t.createElement("div",{...b,ref:$,className:`${o.default.wrapper} ${f??""}`},t.isValidElement(p)?t.cloneElement(p,{ref:y,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),onFocus:()=>O(!0),onBlur:()=>O(!1),"aria-describedby":z,tabIndex:0,className:o.default.label}):t.createElement("span",{className:o.default.label,tabIndex:0,onFocus:()=>O(!0),onBlur:()=>O(!1),"aria-describedby":z},p),t.createElement("div",{className:`${o.default["tooltip-wrapper"]}`},!t.isValidElement(p)&&t.createElement(e.Icon,{ref:y,tag:"div",onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),icon:e.Icons.InfoCircle,"aria-describedby":z,className:`${o.default.icon}`}),l.createPortal(t.createElement("div",{ref:I,style:{...b.style,top:S,left:k,right:R,bottom:q},"aria-hidden":!E,id:z,className:M},c&&t.createElement("span",{className:o.default["tooltip-title"]},c),s),j)))}));exports.Tooltip=c;
+//# sourceMappingURL=Tooltip.cjs.js.map

package/dist/components/Tooltip/Tooltip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs.js","sources":["../../../src/components/Tooltip/Tooltip.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  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  label: ReactNode;\n  title?: string;\n  children: ReactNode;\n  domRoot?: HTMLElement;\n  icon?: Icons;\n  location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  color?: \"black\" | \"blue\";\n  position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n  placement: Placement;\n  offset: Offset;\n  transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n  left: {\n    placement: { horizontal: \"left\", vertical: \"center\" },\n    offset: { left: 0, right: 12, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n  },\n  leftEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: 0, right: 12, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  },\n  leftStart: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: 0, right: 12, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  right: {\n    placement: { horizontal: \"right\", vertical: \"center\" },\n    offset: { left: 12, right: 0, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n  },\n  rightEnd: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 12, right: 0, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  rightStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 12, right: 0, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  top: {\n    placement: { horizontal: \"center\", vertical: \"top\" },\n    offset: { left: 0, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n  },\n  topEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: -12, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  topStart: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 0, right: -12, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  bottom: {\n    placement: { horizontal: \"center\", vertical: \"bottom\" },\n    offset: { left: 0, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n  },\n  bottomEnd: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: -12, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  bottomStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 0, right: -12, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    title,\n    children,\n    className,\n    domRoot,\n    label,\n    location = \"right\",\n    position = \"center\",\n    color = \"black\",\n    icon,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [identifier] = useState(generateID());\n  const [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    calculatePosition();\n  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        ref: relativeElement,\n        onMouseEnter: () => setVisible(true),\n        onMouseLeave: () => setVisible(false),\n        onFocus: () => setVisible(true),\n        onBlur: () => setVisible(false),\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={() => setVisible(true)}\n        onBlur={() => setVisible(false)}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        {!React.isValidElement(label) && (\n          <Icon\n            ref={relativeElement}\n            tag=\"div\"\n            onMouseEnter={() => setVisible(true)}\n            onMouseLeave={() => setVisible(false)}\n            icon={Icons.InfoCircle}\n            aria-describedby={identifier}\n            className={`${classes.icon}`}\n          />\n        )}\n        {createPortal(\n          <div\n            ref={elementToBePositioned}\n            style={{\n              ...rest.style,\n              top: top,\n              left: left,\n              right: right,\n              bottom: bottom\n            }}\n            aria-hidden={!visible}\n            id={identifier}\n            className={tooltipClasses}\n          >\n            {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n            {children}\n          </div>,\n          root\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","Tooltip","React","forwardRef","title","children","className","domRoot","label","location","position","color","icon","rest","ref","identifier","useState","generateID","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","tooltipClasses","classes","default","replace","toLowerCase","createElement","wrapper","isValidElement","cloneElement","onMouseEnter","onMouseLeave","onFocus","onBlur","tabIndex","Icon","tag","Icons","InfoCircle","createPortal","style","id"],"mappings":"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"}