@onewelcome/react-lib-components 9.8.1 → 10.0.1

package/dist/components/Form/Checkbox/Checkbox.module.scss.es.js

@@ -0,0 +1,33 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Checkbox_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Checkbox_hidden_k4xuc{display:none}.Checkbox_slide-in_k4xuc{animation:Checkbox_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Checkbox_slide-in_k4xuc{animation-duration:.1ms}}.Checkbox_slide-out_k4xuc{animation:Checkbox_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Checkbox_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Checkbox_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox_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 */.Checkbox_checkbox-wrapper_k4xuc{position:relative}.Checkbox_checkbox-wrapper_k4xuc+.Checkbox_checkbox-wrapper_k4xuc{margin-top:.75rem}.Checkbox_checkbox-container_k4xuc{display:flex}.Checkbox_checkbox-container_k4xuc label{display:inline-block;margin-left:calc(.5 * var(--font-size));-webkit-user-select:none;user-select:none;font-size:var(--font-size-form-label);font-family:var(--font-family);margin-top:.1rem}.Checkbox_checkbox-list_k4xuc{padding:0;margin:1rem 0 0 1.75rem;list-style:none}.Checkbox_checkbox-list_k4xuc li+li{margin-top:.75rem}.Checkbox_native-input_k4xuc{position:absolute;top:0;left:0;opacity:0;margin:0;width:var(--font-size-big);height:var(--font-size-big);z-index:2}.Checkbox_native-input_k4xuc:checked:not(.Checkbox_disabled_k4xuc)+*{color:var(--checkbox-checked-color)}.Checkbox_native-input_k4xuc:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox_native-input_k4xuc:active:not(.Checkbox_disabled_k4xuc)+span{background-color:var(--disabled)}.Checkbox_native-input_k4xuc.Checkbox_error_k4xuc:focus-visible+*{outline-color:var(--color-error)}.Checkbox_native-input_k4xuc+span[data-icon=true]:before{display:block;width:var(--font-size-big);height:var(--font-size-big)}.Checkbox_native-input_k4xuc:hover+.Checkbox_square_k4xuc:not(.Checkbox_disabled_k4xuc){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox_native-input_k4xuc:active+.Checkbox_square_k4xuc:not(.Checkbox_disabled_k4xuc){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox_native-input_k4xuc:hover+.Checkbox_checkmark_k4xuc:not(.Checkbox_disabled_k4xuc),.Checkbox_native-input_k4xuc:active+.Checkbox_indeterminate_k4xuc:not(.Checkbox_disabled_k4xuc){color:var(--checkbox-checked-hover-color)}.Checkbox_native-input_k4xuc:active+.Checkbox_checkmark_k4xuc:not(.Checkbox_disabled_k4xuc),.Checkbox_native-input_k4xuc:active+.Checkbox_indeterminate_k4xuc:not(.Checkbox_disabled_k4xuc){color:var(--checkbox-checked-pressed-color)}.Checkbox_error-message_k4xuc{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size));font-size:var(--font-size-sub)}.Checkbox_input_k4xuc{font-size:var(--font-size-big);width:var(--font-size-big);height:var(--font-size-big);z-index:1;color:var(--checkbox-unchecked-color)}.Checkbox_disabled_k4xuc{cursor:not-allowed}.Checkbox_disabled_k4xuc+span{color:var(--disabled);pointer-events:none}.Checkbox_disabled_k4xuc+label{color:var(--greyed-out)}.Checkbox_disabled_k4xuc+.Checkbox_checkmark_k4xuc,.Checkbox_disabled_k4xuc+.Checkbox_indeterminate_k4xuc{color:var(--disabled);background-color:var(--greyed-out);border-radius:2px;outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox_indeterminate_k4xuc{color:var(--checkbox-checked-color)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc label{border-color:var(--read-only-border-color);color:var(--read-only-text-color);background-color:transparent;-webkit-user-select:text;user-select:text}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc span{color:var(--color-blue-grey100)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc span.Checkbox_checkmark_k4xuc{background-color:var(--color-blue-grey900);color:var(--color-white);border-radius:2px}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc span.Checkbox_checkmark_k4xuc:before{outline:1px solid var(--read-only-border-color);border-radius:2px;outline-offset:-1px}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc input[type=checkbox]{pointer-events:none}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span:before{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_k4xuc{background-color:var(--color-blue-grey900);color:var(--color-white);border:1px solid var(--read-only-border-color);border-radius:3px}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_k4xuc:before{color:var(--color-white)}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span[data-icon=true]{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_k4xuc{background-color:var(--color-blue-grey900);color:var(--color-white);border:0}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_k4xuc:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:2px}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~label{pointer-events:none;-webkit-user-select:text;user-select:text}.Checkbox_required_k4xuc:after{content:" *";color:var(--error)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+const disabled = "Checkbox_disabled_k4xuc";
+const error = "Checkbox_error_k4xuc";
+const square = "Checkbox_square_k4xuc";
+const checkmark = "Checkbox_checkmark_k4xuc";
+const indeterminate = "Checkbox_indeterminate_k4xuc";
+const input = "Checkbox_input_k4xuc";
+const required = "Checkbox_required_k4xuc";
+const classes = {
+  "checkbox-wrapper": "Checkbox_checkbox-wrapper_k4xuc",
+  "checkbox-container": "Checkbox_checkbox-container_k4xuc",
+  "checkbox-list": "Checkbox_checkbox-list_k4xuc",
+  "native-input": "Checkbox_native-input_k4xuc",
+  disabled,
+  error,
+  square,
+  checkmark,
+  indeterminate,
+  "error-message": "Checkbox_error-message_k4xuc",
+  input,
+  required
+};
+export {
+  checkmark,
+  classes as default,
+  disabled,
+  error,
+  indeterminate,
+  input,
+  required,
+  square
+};
+//# sourceMappingURL=Checkbox.module.scss.es.js.map

package/dist/components/Form/Checkbox/Checkbox.module.scss.es.js.map

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

package/dist/components/Form/Fieldset/Fieldset.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../readyclasses.module.scss.cjs.js"),a=require("./Fieldset.module.scss.cjs.js"),s=require("../../Typography/Typography.cjs.js"),t=require("../Input/Input.cjs.js"),l=require("../Select/SingleSelect/Select.cjs.js"),c=require("../Select/MultiSelect/MultiSelect.cjs.js"),o=require("../Radio/Radio.cjs.js"),p=require("../Checkbox/Checkbox.cjs.js"),i=require("../Textarea/Textarea.cjs.js"),d=require("../Toggle/Toggle.cjs.js"),u=require("../Label/Label.cjs.js"),n=require("../FormControl/FormControl.cjs.js"),j=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js"),g=require("../FormHelperText/FormHelperText.cjs.js"),m=require("../Wrapper/InputWrapper/InputWrapper.cjs.js"),q=require("../Wrapper/SelectWrapper/SelectWrapper.cjs.js"),S=require("../Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),y=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:y,className:b,legend:T,legendStyle:W="body",hideLegend:x=!1,noBackground:F,background:f=(F?"":"#FFF"),noPadding:h=!1,disabled:C=!1,required:k=!1,disablePropagation:I=!1,...R},$)=>e.createElement("fieldset",{...R,ref:$,disabled:C,style:{backgroundColor:f,...R.style},className:`${a.default.fieldset} ${h?a.default["no-padding"]:""} ${b??""}`},T&&e.createElement("legend",{className:r.default["sr-only"]},T),T&&!x&&e.createElement(s.Typography,{variant:W,tag:"span","aria-hidden":"true",className:`${a.default.legend} ${k?a.default.required:""}`},T),(()=>{if(!y)return;const r=[t.Input,l.Select,c.MultiSelect,o.Radio,p.Checkbox,i.Textarea,d.Toggle,u.Label,n.FormControl,j.FormSelectorWrapper,g.FormHelperText,m.InputWrapper,q.SelectWrapper,S.TextareaWrapper];return e.Children.map(y,(a=>r.includes(a.type)&&!I?e.cloneElement(a,{disabled:a.props.disabled??C}):a))})()))));exports.Fieldset=y;
+//# sourceMappingURL=Fieldset.cjs.js.map

package/dist/components/Form/Fieldset/Fieldset.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.cjs.js","sources":["../../../../src/components/Form/Fieldset/Fieldset.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, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n            React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n            (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n            So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));\n"],"names":["Fieldset","withReadOnly","React","forwardRef","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","default","allowedComponents","Input","Select","MultiSelect","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","Children","map","child","includes","type","cloneElement","props","renderChildren"],"mappings":"w5BA+HaA,uCAAWC,aAAaC,EAAMC,YA/EqC,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,cAAa,EACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,aAAY,EACZC,YAAW,EACXC,YAAW,EACXC,sBAAqB,KAClBC,GAELC,IAyCEd,EAAAe,cAAC,WAAA,IACKF,EACJC,MACAJ,WACAM,MAAO,CAAEC,gBAAiBT,KAAeK,EAAKG,OAC9Cb,UAAW,GAAGe,EAAAA,QAAQC,YAAYV,EAAYS,UAAQ,cAAgB,MAAMf,GAAa,MAExFC,GAAWJ,EAAAe,cAAA,SAAA,CAAOZ,UAAWiB,UAAa,YAAahB,GACvDA,IAAWE,GACVN,EAAAe,cAACM,EAAAA,WAAA,CACCC,QAASjB,EACTkB,IAAI,OACJ,cAAY,OACZpB,UAAW,GAAGe,EAAAM,QAAgB,UAAKb,EAAWO,EAAAM,QAAkB,SAAI,MAEnEpB,GAtDc,MACrB,IAAKF,EACH,OAQF,MAAMuB,EAAwD,CAC5DC,EAAAA,MACAC,EAAAA,OACAC,EAAAA,YACAC,EAAAA,MACAC,EAAAA,SACAC,EAAAA,SACAC,EAAAA,OACAC,EAAAA,MACAC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,iBAGF,OAAOvC,EAAMwC,SAASC,IAAIvC,GAAWwC,GAC/BjB,EAAkBkB,SAASD,EAAME,QAAUhC,EACtCZ,EAAM6C,aAAaH,EAAO,CAC/BhC,SAAUgC,EAAMI,MAAMpC,UAAYA,IAI/BgC,GACR,EAsBEK"}

package/dist/components/Form/Fieldset/Fieldset.es.js

@@ -0,0 +1,90 @@
+import React from "react";
+import readyclasses from "../../../readyclasses.module.scss.es.js";
+import classes from "./Fieldset.module.scss.es.js";
+import { Typography } from "../../Typography/Typography.es.js";
+import { Input } from "../Input/Input.es.js";
+import { Select } from "../Select/SingleSelect/Select.es.js";
+import { MultiSelect } from "../Select/MultiSelect/MultiSelect.es.js";
+import { Radio } from "../Radio/Radio.es.js";
+import { Checkbox } from "../Checkbox/Checkbox.es.js";
+import { Textarea } from "../Textarea/Textarea.es.js";
+import { Toggle } from "../Toggle/Toggle.es.js";
+import { Label } from "../Label/Label.es.js";
+import { FormControl } from "../FormControl/FormControl.es.js";
+import { FormSelectorWrapper } from "../FormSelectorWrapper/FormSelectorWrapper.es.js";
+import { FormHelperText } from "../FormHelperText/FormHelperText.es.js";
+import { InputWrapper } from "../Wrapper/InputWrapper/InputWrapper.es.js";
+import { SelectWrapper } from "../Wrapper/SelectWrapper/SelectWrapper.es.js";
+import { TextareaWrapper } from "../Wrapper/TextareaWrapper/TextareaWrapper.es.js";
+import { withReadOnly } from "../../withReadOnly.es.js";
+const FieldsetComponent = ({
+  children,
+  className,
+  legend,
+  legendStyle = "body",
+  hideLegend = false,
+  noBackground,
+  background = noBackground ? "" : "#FFF",
+  noPadding = false,
+  disabled = false,
+  required = false,
+  disablePropagation = false,
+  ...rest
+}, ref) => {
+  const renderChildren = () => {
+    if (!children) {
+      return;
+    }
+    const allowedComponents = [
+      Input,
+      Select,
+      MultiSelect,
+      Radio,
+      Checkbox,
+      Textarea,
+      Toggle,
+      Label,
+      FormControl,
+      FormSelectorWrapper,
+      FormHelperText,
+      InputWrapper,
+      SelectWrapper,
+      TextareaWrapper
+    ];
+    return React.Children.map(children, (child) => {
+      if (allowedComponents.includes(child.type) && !disablePropagation) {
+        return React.cloneElement(child, {
+          disabled: child.props.disabled ?? disabled
+        });
+      }
+      return child;
+    });
+  };
+  return /* @__PURE__ */ React.createElement(
+    "fieldset",
+    {
+      ...rest,
+      ref,
+      disabled,
+      style: { backgroundColor: background, ...rest.style },
+      className: `${classes.fieldset} ${noPadding ? classes["no-padding"] : ""} ${className ?? ""}`
+    },
+    legend && /* @__PURE__ */ React.createElement("legend", { className: readyclasses["sr-only"] }, legend),
+    legend && !hideLegend && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: legendStyle,
+        tag: "span",
+        "aria-hidden": "true",
+        className: `${classes["legend"]} ${required ? classes["required"] : ""}`
+      },
+      legend
+    ),
+    renderChildren()
+  );
+};
+const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));
+export {
+  Fieldset
+};
+//# sourceMappingURL=Fieldset.es.js.map

package/dist/components/Form/Fieldset/Fieldset.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.es.js","sources":["../../../../src/components/Form/Fieldset/Fieldset.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, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n            React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n            (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n            So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgDA,MAAM,oBAA0E,CAC9E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,aAAa,eAAe,KAAK;AAAA,EACjC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,GAAG;AACL,GACA,QACG;AACH,QAAM,iBAAiB,MAAM;AAC3B,QAAI,CAAC,UAAU;AACb;AAAA,IAAA;AAQF,UAAM,oBAAwD;AAAA,MAC5D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,WAAO,MAAM,SAAS,IAAI,UAAU,CAAC,UAAwB;AAC3D,UAAI,kBAAkB,SAAS,MAAM,IAAI,KAAK,CAAC,oBAAoB;AAC1D,eAAA,MAAM,aAAa,OAAO;AAAA,UAC/B,UAAU,MAAM,MAAM,YAAY;AAAA,QAAA,CACnC;AAAA,MAAA;AAGI,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,EAAE,iBAAiB,YAAY,GAAG,KAAK,MAAM;AAAA,MACpD,WAAW,GAAG,QAAQ,QAAQ,IAAI,YAAY,QAAQ,YAAY,IAAI,EAAE,IAAI,aAAa,EAAE;AAAA,IAAA;AAAA,IAE1F,UAAW,sBAAA,cAAA,UAAA,EAAO,WAAW,aAAa,SAAS,KAAI,MAAO;AAAA,IAC9D,UAAU,CAAC,cACV,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,KAAI;AAAA,QACJ,eAAY;AAAA,QACZ,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,WAAW,QAAQ,UAAU,IAAI,EAAE;AAAA,MAAA;AAAA,MAErE;AAAA,IACH;AAAA,IAED,eAAe;AAAA,EAClB;AAEJ;AAEO,MAAM,WAAW,aAAa,MAAM,WAAW,iBAAiB,CAAC;"}

package/dist/components/Form/Fieldset/Fieldset.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 */.Fieldset_fieldset_k4xuc{border:0;padding:calc(.5 * var(--font-size));border-radius:.5rem;margin:0}.Fieldset_fieldset_k4xuc.Fieldset_no-padding_k4xuc{padding:0}.Fieldset_fieldset_k4xuc+.Fieldset_wrapper_k4xuc,.Fieldset_fieldset_k4xuc+.Fieldset_fieldset_k4xuc{margin-top:1rem}.Fieldset_fieldset_k4xuc .Fieldset_legend_k4xuc{display:block}.Fieldset_fieldset_k4xuc .Fieldset_legend_k4xuc.Fieldset_required_k4xuc:after{content:" *"}@media only screen and (min-width: 30em){.Fieldset_fieldset_k4xuc{padding:calc(.5 * var(--font-size))}}')),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="Fieldset_fieldset_k4xuc",d="Fieldset_legend_k4xuc",t="Fieldset_required_k4xuc",s={fieldset:e,"no-padding":"Fieldset_no-padding_k4xuc",legend:d,required:t};exports.default=s,exports.fieldset=e,exports.legend=d,exports.required=t;
+//# sourceMappingURL=Fieldset.module.scss.cjs.js.map

package/dist/components/Form/Fieldset/Fieldset.module.scss.es.js

@@ -0,0 +1,17 @@
+!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 */.Fieldset_fieldset_k4xuc{border:0;padding:calc(.5 * var(--font-size));border-radius:.5rem;margin:0}.Fieldset_fieldset_k4xuc.Fieldset_no-padding_k4xuc{padding:0}.Fieldset_fieldset_k4xuc+.Fieldset_wrapper_k4xuc,.Fieldset_fieldset_k4xuc+.Fieldset_fieldset_k4xuc{margin-top:1rem}.Fieldset_fieldset_k4xuc .Fieldset_legend_k4xuc{display:block}.Fieldset_fieldset_k4xuc .Fieldset_legend_k4xuc.Fieldset_required_k4xuc:after{content:" *"}@media only screen and (min-width: 30em){.Fieldset_fieldset_k4xuc{padding:calc(.5 * var(--font-size))}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const fieldset = "Fieldset_fieldset_k4xuc";
+const legend = "Fieldset_legend_k4xuc";
+const required = "Fieldset_required_k4xuc";
+const classes = {
+  fieldset,
+  "no-padding": "Fieldset_no-padding_k4xuc",
+  legend,
+  required
+};
+export {
+  classes as default,
+  fieldset,
+  legend,
+  required
+};
+//# sourceMappingURL=Fieldset.module.scss.es.js.map

package/dist/components/Form/Fieldset/Fieldset.module.scss.es.js.map

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

package/dist/components/Form/FileUpload/FileItem/FileItem.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./FileItem.module.scss.cjs.js"),n=require("../../../Typography/Typography.cjs.js"),o=require("../../../Icon/Icon.cjs.js"),a=require("../../../ProgressBar/ProgressBar.cjs.js"),r=require("../../../Button/Button.cjs.js"),c=require("../../../Link/Link.cjs.js"),l=require("../../../withReadOnly.cjs.js");var i=(e=>(e.DELETE="delete",e.DOWNLOAD="download",e.REMOVE="remove",e.ABORT="abort",e.RETRY="retry",e))(i||{}),s=(e=>(e.COMPLETED="completed",e.UPLOADING="uploading",e.ERROR="error",e.RETRY="retry",e.READONLY="readonly",e))(s||{});const d=l.withReadOnly(e.forwardRef((({name:l,status:i,error:s,progress:d,onDownloadFile:u,downloadFileLink:m,totalPercentage:p,onRequestedFileAction:I,...y},f)=>{const E=(e=>{switch(e){case"completed":return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.Trash,action:"delete"},{type:o.Icons.DownloadFile,action:"download"}]};case"error":return{fileIcon:o.Icons.Error,actionIcons:[{type:o.Icons.Times,action:"remove"}]};case"uploading":return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.AbortFile,action:"abort"}]};case"retry":return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.Refresh,action:"retry"},{type:o.Icons.Trash,action:"remove"}]};default:return{fileIcon:o.Icons.FileAltIcon}}})(i),{friendlyName:g,extension:N}=(e=>{const t=e.indexOf(".");return{friendlyName:e.slice(0,t),extension:e.slice(t+1)}})(l),b=n=>e.createElement(o.Icon,{key:n.action,title:n.action,icon:n.type,className:t.default["action-icon"]});return e.createElement("div",{ref:f,className:t.default["file-item-wrapper"],"aria-label":`${l}-wrapper`,tabIndex:0,...(()=>{var e;const t=y;return null==(e=null==y?void 0:y.style)||delete e.pointerEvents,t})()},e.createElement("div",{className:t.default["file-list-container"]},"uploading"!==i&&e.createElement(n.Typography,{variant:"body",title:l,className:`${t.default["file-name"]} ${i?t.default[i]:""}`},"retry"===i&&e.createElement(o.Icon,{icon:o.Icons.Error,className:`${t.default["file-icon"]} ${i?t.default[i]:""}`}),e.createElement(o.Icon,{icon:E.fileIcon,className:t.default["file-icon"]}),e.createElement("span",{className:t.default["friendly-name"]},g,".",N)),e.createElement("div",{className:`${"uploading"===i?t.default["progress-with-action"]:""}`},"uploading"===i&&e.createElement(a.ProgressBar,{className:t.default["progress-bar"],completed:d,label:`${g}.${N}`,percentage:p}),e.createElement("div",{className:t.default["action-button-wrapper"]},E.actionIcons&&E.actionIcons.map((n=>e.createElement(e.Fragment,{key:n.action},"download"!==n.action&&e.createElement(r.Button,{color:"primary",startIcon:b(n),title:"abort"!==n.action?n.action:"",type:"button",variant:"text",onClick:()=>n&&I&&I(n.action,l)},"abort"!==n.action?n.action:""),"download"===n.action&&m&&!u&&e.createElement(c.Link,{color:"primary",display:"link",to:m,type:"download",target:"_blank",prefixIcon:e.createElement(o.Icon,{key:n.action,className:t.default["action-icon"],title:n.action,icon:n.type})},n.action),"download"===n.action&&u&&e.createElement(r.Button,{color:"primary",onClick:u,type:"button",variant:"text",startIcon:b(n)},n.action))))))),s&&e.createElement(n.Typography,{variant:"sub-text",className:`${t.default["file-subtitle"]} ${i?t.default[i]:""}`},s))})));exports.ACTION_STATUS=s,exports.FILE_ACTION=i,exports.FileItem=d;
+//# sourceMappingURL=FileItem.cjs.js.map

package/dist/components/Form/FileUpload/FileItem/FileItem.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileItem.cjs.js","sources":["../../../../../src/components/Form/FileUpload/FileItem/FileItem.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, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  name: string;\n  status?: UploadProgress;\n  progress?: number;\n  error?: string;\n  downloadFileLink?: string;\n  onDownloadFile?: () => void;\n  totalPercentage?: number;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  DOWNLOAD = \"download\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n  COMPLETED = \"completed\",\n  UPLOADING = \"uploading\",\n  ERROR = \"error\",\n  RETRY = \"retry\",\n  READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    status,\n    error,\n    progress,\n    onDownloadFile,\n    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case ACTION_STATUS.COMPLETED:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.DELETE\n            },\n            {\n              type: Icons.DownloadFile,\n              action: FILE_ACTION.DOWNLOAD\n            }\n          ]\n        };\n      case ACTION_STATUS.ERROR:\n        return {\n          fileIcon: Icons.Error,\n          actionIcons: [\n            {\n              type: Icons.Times,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.UPLOADING:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.AbortFile,\n              action: FILE_ACTION.ABORT\n            }\n          ]\n        };\n      case ACTION_STATUS.RETRY:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Refresh,\n              action: FILE_ACTION.RETRY\n            },\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.READONLY:\n      default:\n        return { fileIcon: Icons.FileAltIcon };\n    }\n  };\n\n  const icons = determineIcons(status);\n\n  const getFriendlyNameAndExtension = (name: string) => {\n    const index = name.indexOf(\".\");\n    return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n  };\n\n  const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n  const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n    <Icon\n      key={icon.action}\n      title={icon.action}\n      icon={icon.type}\n      className={classes[\"action-icon\"]}\n    ></Icon>\n  );\n\n  const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n    return actionIcons.map(icon => (\n      <Fragment key={icon.action}>\n        {icon.action !== FILE_ACTION.DOWNLOAD && (\n          <Button\n            color=\"primary\"\n            startIcon={getStartIcon(icon)}\n            title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() =>\n              icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n            }\n          >\n            {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n          </Button>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (\n          <Link\n            color=\"primary\"\n            display=\"link\"\n            to={downloadFileLink}\n            type=\"download\"\n            target=\"_blank\"\n            prefixIcon={\n              <Icon\n                key={icon.action}\n                className={classes[\"action-icon\"]}\n                title={icon.action}\n                icon={icon.type}\n              ></Icon>\n            }\n          >\n            {icon.action}\n          </Link>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (\n          <Button\n            color=\"primary\"\n            onClick={onDownloadFile}\n            type=\"button\"\n            variant=\"text\"\n            startIcon={getStartIcon(icon)}\n          >\n            {icon.action}\n          </Button>\n        )}\n      </Fragment>\n    ));\n  };\n\n  const getUploadedFileInfo = () => {\n    return (\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        {status === \"retry\" && (\n          <Icon\n            icon={Icons.Error}\n            className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n          />\n        )}\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>\n          {friendlyName}.{extension}\n        </span>\n      </Typography>\n    );\n  };\n\n  const getProgressBar = () => {\n    return (\n      <ProgressBar\n        className={classes[\"progress-bar\"]}\n        completed={progress}\n        label={`${friendlyName}.${extension}`}\n        percentage={totalPercentage}\n      />\n    );\n  };\n\n  const restPropsWithoutPointerEvents = () => {\n    const props = rest;\n    delete rest?.style?.pointerEvents;\n    return props;\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes[\"file-item-wrapper\"]}\n      aria-label={`${name}-wrapper`}\n      tabIndex={0}\n      {...restPropsWithoutPointerEvents()}\n    >\n      <div className={classes[\"file-list-container\"]}>\n        {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n        <div\n          className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n        >\n          {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n          <div className={classes[\"action-button-wrapper\"]}>\n            {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n          </div>\n        </div>\n      </div>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = withReadOnly(React.forwardRef(FileItemComponent));\n"],"names":["FILE_ACTION","ACTION_STATUS","FileItem","withReadOnly","React","forwardRef","name","status","error","progress","onDownloadFile","downloadFileLink","totalPercentage","onRequestedFileAction","rest","ref","icons","fileIcon","Icons","FileAltIcon","actionIcons","type","Trash","action","DownloadFile","Error","Times","AbortFile","Refresh","determineIcons","friendlyName","extension","index","indexOf","slice","getFriendlyNameAndExtension","getStartIcon","icon","createElement","Icon","key","title","className","classes","tabIndex","props","_a","style","pointerEvents","restPropsWithoutPointerEvents","Typography","variant","default","ProgressBar","completed","label","percentage","map","Fragment","Button","color","startIcon","onClick","Link","display","to","target","prefixIcon"],"mappings":"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"}

package/dist/components/Form/FileUpload/FileItem/FileItem.es.js

@@ -0,0 +1,224 @@
+import React, { Fragment } from "react";
+import classes from "./FileItem.module.scss.es.js";
+import { Typography } from "../../../Typography/Typography.es.js";
+import { Icons, Icon } from "../../../Icon/Icon.es.js";
+import { ProgressBar } from "../../../ProgressBar/ProgressBar.es.js";
+import { Button } from "../../../Button/Button.es.js";
+import { Link } from "../../../Link/Link.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+var FILE_ACTION = /* @__PURE__ */ ((FILE_ACTION2) => {
+  FILE_ACTION2["DELETE"] = "delete";
+  FILE_ACTION2["DOWNLOAD"] = "download";
+  FILE_ACTION2["REMOVE"] = "remove";
+  FILE_ACTION2["ABORT"] = "abort";
+  FILE_ACTION2["RETRY"] = "retry";
+  return FILE_ACTION2;
+})(FILE_ACTION || {});
+var ACTION_STATUS = /* @__PURE__ */ ((ACTION_STATUS2) => {
+  ACTION_STATUS2["COMPLETED"] = "completed";
+  ACTION_STATUS2["UPLOADING"] = "uploading";
+  ACTION_STATUS2["ERROR"] = "error";
+  ACTION_STATUS2["RETRY"] = "retry";
+  ACTION_STATUS2["READONLY"] = "readonly";
+  return ACTION_STATUS2;
+})(ACTION_STATUS || {});
+const FileItemComponent = ({
+  name,
+  status,
+  error,
+  progress,
+  onDownloadFile,
+  downloadFileLink,
+  totalPercentage,
+  onRequestedFileAction,
+  ...rest
+}, ref) => {
+  const determineIcons = (status2) => {
+    switch (status2) {
+      case "completed":
+        return {
+          fileIcon: Icons.FileAltIcon,
+          actionIcons: [
+            {
+              type: Icons.Trash,
+              action: "delete"
+              /* DELETE */
+            },
+            {
+              type: Icons.DownloadFile,
+              action: "download"
+              /* DOWNLOAD */
+            }
+          ]
+        };
+      case "error":
+        return {
+          fileIcon: Icons.Error,
+          actionIcons: [
+            {
+              type: Icons.Times,
+              action: "remove"
+              /* REMOVE */
+            }
+          ]
+        };
+      case "uploading":
+        return {
+          fileIcon: Icons.FileAltIcon,
+          actionIcons: [
+            {
+              type: Icons.AbortFile,
+              action: "abort"
+              /* ABORT */
+            }
+          ]
+        };
+      case "retry":
+        return {
+          fileIcon: Icons.FileAltIcon,
+          actionIcons: [
+            {
+              type: Icons.Refresh,
+              action: "retry"
+              /* RETRY */
+            },
+            {
+              type: Icons.Trash,
+              action: "remove"
+              /* REMOVE */
+            }
+          ]
+        };
+      case "readonly":
+      default:
+        return { fileIcon: Icons.FileAltIcon };
+    }
+  };
+  const icons = determineIcons(status);
+  const getFriendlyNameAndExtension = (name2) => {
+    const index = name2.indexOf(".");
+    return { friendlyName: name2.slice(0, index), extension: name2.slice(index + 1) };
+  };
+  const { friendlyName, extension } = getFriendlyNameAndExtension(name);
+  const getStartIcon = (icon) => /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      key: icon.action,
+      title: icon.action,
+      icon: icon.type,
+      className: classes["action-icon"]
+    }
+  );
+  const renderActionIcons = (actionIcons) => {
+    return actionIcons.map((icon) => /* @__PURE__ */ React.createElement(Fragment, { key: icon.action }, icon.action !== "download" && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: "primary",
+        startIcon: getStartIcon(icon),
+        title: icon.action !== "abort" ? icon.action : "",
+        type: "button",
+        variant: "text",
+        onClick: () => icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)
+      },
+      icon.action !== "abort" ? icon.action : ""
+    ), icon.action === "download" && downloadFileLink && !onDownloadFile && /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        color: "primary",
+        display: "link",
+        to: downloadFileLink,
+        type: "download",
+        target: "_blank",
+        prefixIcon: /* @__PURE__ */ React.createElement(
+          Icon,
+          {
+            key: icon.action,
+            className: classes["action-icon"],
+            title: icon.action,
+            icon: icon.type
+          }
+        )
+      },
+      icon.action
+    ), icon.action === "download" && onDownloadFile && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: "primary",
+        onClick: onDownloadFile,
+        type: "button",
+        variant: "text",
+        startIcon: getStartIcon(icon)
+      },
+      icon.action
+    )));
+  };
+  const getUploadedFileInfo = () => {
+    return /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "body",
+        title: name,
+        className: `${classes["file-name"]} ${status ? classes[status] : ""}`
+      },
+      status === "retry" && /* @__PURE__ */ React.createElement(
+        Icon,
+        {
+          icon: Icons.Error,
+          className: `${classes["file-icon"]} ${status ? classes[status] : ""}`
+        }
+      ),
+      /* @__PURE__ */ React.createElement(Icon, { icon: icons.fileIcon, className: classes["file-icon"] }),
+      /* @__PURE__ */ React.createElement("span", { className: classes["friendly-name"] }, friendlyName, ".", extension)
+    );
+  };
+  const getProgressBar = () => {
+    return /* @__PURE__ */ React.createElement(
+      ProgressBar,
+      {
+        className: classes["progress-bar"],
+        completed: progress,
+        label: `${friendlyName}.${extension}`,
+        percentage: totalPercentage
+      }
+    );
+  };
+  const restPropsWithoutPointerEvents = () => {
+    var _a;
+    const props = rest;
+    (_a = rest == null ? void 0 : rest.style) == null ? true : delete _a.pointerEvents;
+    return props;
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: classes["file-item-wrapper"],
+      "aria-label": `${name}-wrapper`,
+      tabIndex: 0,
+      ...restPropsWithoutPointerEvents()
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["file-list-container"] }, status !== "uploading" && getUploadedFileInfo(), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `${status === "uploading" ? classes["progress-with-action"] : ""}`
+      },
+      status === "uploading" && getProgressBar(),
+      /* @__PURE__ */ React.createElement("div", { className: classes["action-button-wrapper"] }, icons.actionIcons && renderActionIcons(icons.actionIcons))
+    )),
+    error && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "sub-text",
+        className: `${classes["file-subtitle"]} ${status ? classes[status] : ""}`
+      },
+      error
+    )
+  );
+};
+const FileItem = withReadOnly(React.forwardRef(FileItemComponent));
+export {
+  ACTION_STATUS,
+  FILE_ACTION,
+  FileItem
+};
+//# sourceMappingURL=FileItem.es.js.map

package/dist/components/Form/FileUpload/FileItem/FileItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileItem.es.js","sources":["../../../../../src/components/Form/FileUpload/FileItem/FileItem.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, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  name: string;\n  status?: UploadProgress;\n  progress?: number;\n  error?: string;\n  downloadFileLink?: string;\n  onDownloadFile?: () => void;\n  totalPercentage?: number;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  DOWNLOAD = \"download\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n  COMPLETED = \"completed\",\n  UPLOADING = \"uploading\",\n  ERROR = \"error\",\n  RETRY = \"retry\",\n  READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    status,\n    error,\n    progress,\n    onDownloadFile,\n    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case ACTION_STATUS.COMPLETED:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.DELETE\n            },\n            {\n              type: Icons.DownloadFile,\n              action: FILE_ACTION.DOWNLOAD\n            }\n          ]\n        };\n      case ACTION_STATUS.ERROR:\n        return {\n          fileIcon: Icons.Error,\n          actionIcons: [\n            {\n              type: Icons.Times,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.UPLOADING:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.AbortFile,\n              action: FILE_ACTION.ABORT\n            }\n          ]\n        };\n      case ACTION_STATUS.RETRY:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Refresh,\n              action: FILE_ACTION.RETRY\n            },\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.READONLY:\n      default:\n        return { fileIcon: Icons.FileAltIcon };\n    }\n  };\n\n  const icons = determineIcons(status);\n\n  const getFriendlyNameAndExtension = (name: string) => {\n    const index = name.indexOf(\".\");\n    return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n  };\n\n  const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n  const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n    <Icon\n      key={icon.action}\n      title={icon.action}\n      icon={icon.type}\n      className={classes[\"action-icon\"]}\n    ></Icon>\n  );\n\n  const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n    return actionIcons.map(icon => (\n      <Fragment key={icon.action}>\n        {icon.action !== FILE_ACTION.DOWNLOAD && (\n          <Button\n            color=\"primary\"\n            startIcon={getStartIcon(icon)}\n            title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() =>\n              icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n            }\n          >\n            {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n          </Button>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (\n          <Link\n            color=\"primary\"\n            display=\"link\"\n            to={downloadFileLink}\n            type=\"download\"\n            target=\"_blank\"\n            prefixIcon={\n              <Icon\n                key={icon.action}\n                className={classes[\"action-icon\"]}\n                title={icon.action}\n                icon={icon.type}\n              ></Icon>\n            }\n          >\n            {icon.action}\n          </Link>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (\n          <Button\n            color=\"primary\"\n            onClick={onDownloadFile}\n            type=\"button\"\n            variant=\"text\"\n            startIcon={getStartIcon(icon)}\n          >\n            {icon.action}\n          </Button>\n        )}\n      </Fragment>\n    ));\n  };\n\n  const getUploadedFileInfo = () => {\n    return (\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        {status === \"retry\" && (\n          <Icon\n            icon={Icons.Error}\n            className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n          />\n        )}\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>\n          {friendlyName}.{extension}\n        </span>\n      </Typography>\n    );\n  };\n\n  const getProgressBar = () => {\n    return (\n      <ProgressBar\n        className={classes[\"progress-bar\"]}\n        completed={progress}\n        label={`${friendlyName}.${extension}`}\n        percentage={totalPercentage}\n      />\n    );\n  };\n\n  const restPropsWithoutPointerEvents = () => {\n    const props = rest;\n    delete rest?.style?.pointerEvents;\n    return props;\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes[\"file-item-wrapper\"]}\n      aria-label={`${name}-wrapper`}\n      tabIndex={0}\n      {...restPropsWithoutPointerEvents()}\n    >\n      <div className={classes[\"file-list-container\"]}>\n        {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n        <div\n          className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n        >\n          {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n          <div className={classes[\"action-button-wrapper\"]}>\n            {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n          </div>\n        </div>\n      </div>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = withReadOnly(React.forwardRef(FileItemComponent));\n"],"names":["FILE_ACTION","ACTION_STATUS","status","name"],"mappings":"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"}

package/dist/components/Form/FileUpload/FileItem/FileItem.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('.FileItem_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.FileItem_hidden_k4xuc{display:none}.FileItem_slide-in_k4xuc{animation:FileItem_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.FileItem_slide-in_k4xuc{animation-duration:.1ms}}.FileItem_slide-out_k4xuc{animation:FileItem_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.FileItem_slide-out_k4xuc{animation-duration:.1ms}}@keyframes FileItem_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem_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 */.FileItem_file-item-wrapper_k4xuc{padding:0;border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.FileItem_file-item-wrapper_k4xuc{transition-duration:.1ms}}.FileItem_file-item-wrapper_k4xuc [class*=icon]{font-size:var(--font-size-big)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc{background-color:var(--color-blue-grey25);padding:.25rem .75rem;display:flex;justify-content:space-between;flex-wrap:wrap;min-height:2.875rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc{margin:.25rem 0;display:flex}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc button{margin-left:.5rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc button span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a{padding-left:.75rem;padding-right:1.25rem;font-weight:500;cursor:pointer;display:flex;align-items:center;text-decoration:none;margin-left:.5rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a span.FileItem_action-icon_k4xuc{display:flex;justify-content:center;width:calc(1.71 * var(--button-font-size));margin-right:.25rem;font-size:var(--button-font-size);padding-left:0}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a:hover{color:var(--button-primary-hover-color);background-color:var(--color-black10)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a:focus{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:2px;border-radius:var(--focus-border-radius)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc{width:100%;display:flex;align-items:center}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc .FileItem_progress-bar_k4xuc{min-height:3rem;width:100%;background:transparent}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc .FileItem_progress-bar_k4xuc>span{height:.3rem;border-radius:var(--input-border-radius)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc .FileItem_progress-bar_k4xuc p{font-size:var(--button-font-size)}.FileItem_file-item-wrapper_k4xuc .FileItem_progress-bar_k4xuc{background-color:var(--color-black10)}.FileItem_file-item-wrapper_k4xuc span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-name_k4xuc{margin:0;display:flex;align-items:center;font-size:var(--form-control-font-size)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-name_k4xuc .FileItem_friendly-name_k4xuc{overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:wrap}.FileItem_file-item-wrapper_k4xuc .FileItem_file-name_k4xuc.FileItem_error_k4xuc span:before{color:var(--error)}.FileItem_file-item-wrapper_k4xuc .FileItem_action-icon_k4xuc{margin-left:auto;color:var(--color-primary);cursor:pointer;padding-left:1.25rem;margin-right:1rem}.FileItem_file-item-wrapper_k4xuc .FileItem_action-icon_k4xuc label,.FileItem_file-item-wrapper_k4xuc .FileItem_action-icon_k4xuc a{text-transform:capitalize;padding-left:.5rem;cursor:pointer;color:var(--color-primary);text-decoration:none}.FileItem_file-item-wrapper_k4xuc .FileItem_file-icon_k4xuc{margin-right:.5rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-icon_k4xuc:before{color:var(--color-primary500)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-icon_k4xuc.FileItem_retry_k4xuc:before{color:var(--error)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-subtitle_k4xuc,.FileItem_file-item-wrapper_k4xuc .FileItem_progress-bar_k4xuc{display:block;margin:.3125rem 1.75rem;padding:0;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:wrap}.FileItem_file-item-wrapper_k4xuc .FileItem_error_k4xuc,.FileItem_file-item-wrapper_k4xuc .FileItem_retry_k4xuc{color:var(--error)}.FileItem_file-item-wrapper_k4xuc .FileItem_readonly_k4xuc{color:var(--greyed-out)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-subtitle_k4xuc{margin-left:0}.FileItem_file-item-wrapper_k4xuc[data-readonlyview=true] .FileItem_file-list-container_k4xuc p span:before{color:var(--font-family)}.FileItem_file-item-wrapper_k4xuc[data-readonlyview=true] .FileItem_file-list-container_k4xuc button{visibility:hidden}')),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="FileItem_hidden_k4xuc",i="FileItem_error_k4xuc",t="FileItem_retry_k4xuc",r="FileItem_readonly_k4xuc",l={"sr-only":"FileItem_sr-only_k4xuc",hidden:e,"slide-in":"FileItem_slide-in_k4xuc","slide-out":"FileItem_slide-out_k4xuc","file-item-wrapper":"FileItem_file-item-wrapper_k4xuc","file-list-container":"FileItem_file-list-container_k4xuc","action-button-wrapper":"FileItem_action-button-wrapper_k4xuc","action-icon":"FileItem_action-icon_k4xuc","progress-with-action":"FileItem_progress-with-action_k4xuc","progress-bar":"FileItem_progress-bar_k4xuc","file-name":"FileItem_file-name_k4xuc","friendly-name":"FileItem_friendly-name_k4xuc",error:i,"file-icon":"FileItem_file-icon_k4xuc",retry:t,"file-subtitle":"FileItem_file-subtitle_k4xuc",readonly:r};exports.default=l,exports.error=i,exports.hidden=e,exports.readonly=r,exports.retry=t;
+//# sourceMappingURL=FileItem.module.scss.cjs.js.map

package/dist/components/Form/FileUpload/FileItem/FileItem.module.scss.es.js

@@ -0,0 +1,32 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.FileItem_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.FileItem_hidden_k4xuc{display:none}.FileItem_slide-in_k4xuc{animation:FileItem_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.FileItem_slide-in_k4xuc{animation-duration:.1ms}}.FileItem_slide-out_k4xuc{animation:FileItem_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.FileItem_slide-out_k4xuc{animation-duration:.1ms}}@keyframes FileItem_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem_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 */.FileItem_file-item-wrapper_k4xuc{padding:0;border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.FileItem_file-item-wrapper_k4xuc{transition-duration:.1ms}}.FileItem_file-item-wrapper_k4xuc [class*=icon]{font-size:var(--font-size-big)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc{background-color:var(--color-blue-grey25);padding:.25rem .75rem;display:flex;justify-content:space-between;flex-wrap:wrap;min-height:2.875rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc{margin:.25rem 0;display:flex}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc button{margin-left:.5rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc button span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a{padding-left:.75rem;padding-right:1.25rem;font-weight:500;cursor:pointer;display:flex;align-items:center;text-decoration:none;margin-left:.5rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a span.FileItem_action-icon_k4xuc{display:flex;justify-content:center;width:calc(1.71 * var(--button-font-size));margin-right:.25rem;font-size:var(--button-font-size);padding-left:0}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a:hover{color:var(--button-primary-hover-color);background-color:var(--color-black10)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_action-button-wrapper_k4xuc a:focus{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:2px;border-radius:var(--focus-border-radius)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc{width:100%;display:flex;align-items:center}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc .FileItem_progress-bar_k4xuc{min-height:3rem;width:100%;background:transparent}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc .FileItem_progress-bar_k4xuc>span{height:.3rem;border-radius:var(--input-border-radius)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-list-container_k4xuc .FileItem_progress-with-action_k4xuc .FileItem_progress-bar_k4xuc p{font-size:var(--button-font-size)}.FileItem_file-item-wrapper_k4xuc .FileItem_progress-bar_k4xuc{background-color:var(--color-black10)}.FileItem_file-item-wrapper_k4xuc span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-name_k4xuc{margin:0;display:flex;align-items:center;font-size:var(--form-control-font-size)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-name_k4xuc .FileItem_friendly-name_k4xuc{overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:wrap}.FileItem_file-item-wrapper_k4xuc .FileItem_file-name_k4xuc.FileItem_error_k4xuc span:before{color:var(--error)}.FileItem_file-item-wrapper_k4xuc .FileItem_action-icon_k4xuc{margin-left:auto;color:var(--color-primary);cursor:pointer;padding-left:1.25rem;margin-right:1rem}.FileItem_file-item-wrapper_k4xuc .FileItem_action-icon_k4xuc label,.FileItem_file-item-wrapper_k4xuc .FileItem_action-icon_k4xuc a{text-transform:capitalize;padding-left:.5rem;cursor:pointer;color:var(--color-primary);text-decoration:none}.FileItem_file-item-wrapper_k4xuc .FileItem_file-icon_k4xuc{margin-right:.5rem}.FileItem_file-item-wrapper_k4xuc .FileItem_file-icon_k4xuc:before{color:var(--color-primary500)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-icon_k4xuc.FileItem_retry_k4xuc:before{color:var(--error)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-subtitle_k4xuc,.FileItem_file-item-wrapper_k4xuc .FileItem_progress-bar_k4xuc{display:block;margin:.3125rem 1.75rem;padding:0;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:wrap}.FileItem_file-item-wrapper_k4xuc .FileItem_error_k4xuc,.FileItem_file-item-wrapper_k4xuc .FileItem_retry_k4xuc{color:var(--error)}.FileItem_file-item-wrapper_k4xuc .FileItem_readonly_k4xuc{color:var(--greyed-out)}.FileItem_file-item-wrapper_k4xuc .FileItem_file-subtitle_k4xuc{margin-left:0}.FileItem_file-item-wrapper_k4xuc[data-readonlyview=true] .FileItem_file-list-container_k4xuc p span:before{color:var(--font-family)}.FileItem_file-item-wrapper_k4xuc[data-readonlyview=true] .FileItem_file-list-container_k4xuc button{visibility:hidden}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const hidden = "FileItem_hidden_k4xuc";
+const error = "FileItem_error_k4xuc";
+const retry = "FileItem_retry_k4xuc";
+const readonly = "FileItem_readonly_k4xuc";
+const classes = {
+  "sr-only": "FileItem_sr-only_k4xuc",
+  hidden,
+  "slide-in": "FileItem_slide-in_k4xuc",
+  "slide-out": "FileItem_slide-out_k4xuc",
+  "file-item-wrapper": "FileItem_file-item-wrapper_k4xuc",
+  "file-list-container": "FileItem_file-list-container_k4xuc",
+  "action-button-wrapper": "FileItem_action-button-wrapper_k4xuc",
+  "action-icon": "FileItem_action-icon_k4xuc",
+  "progress-with-action": "FileItem_progress-with-action_k4xuc",
+  "progress-bar": "FileItem_progress-bar_k4xuc",
+  "file-name": "FileItem_file-name_k4xuc",
+  "friendly-name": "FileItem_friendly-name_k4xuc",
+  error,
+  "file-icon": "FileItem_file-icon_k4xuc",
+  retry,
+  "file-subtitle": "FileItem_file-subtitle_k4xuc",
+  readonly
+};
+export {
+  classes as default,
+  error,
+  hidden,
+  readonly,
+  retry
+};
+//# sourceMappingURL=FileItem.module.scss.es.js.map

package/dist/components/Form/FileUpload/FileItem/FileItem.module.scss.es.js.map

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

package/dist/components/Form/FileUpload/FileUpload.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../../Button/Button.cjs.js"),t=require("./FileItem/FileItem.cjs.js"),l=require("../../Typography/Typography.cjs.js"),r=require("./FileUpload.module.scss.cjs.js"),s=require("../../../hooks/useDetermineStatusIcon.cjs.js"),n=require("../Label/Label.cjs.js"),o=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({name:o,accept:i,error:u,success:d,maxFileSizeInBytes:p,multiple:c,id:f,title:m,labeledBy:g,disabled:v=!1,onChange:h,dragAndDropText:y="Drag and drop or",selectButtonText:E="Browse file",readOnlyViewMessage:b="No file uploaded",onDragOver:j,onDragLeave:x,wrapperProps:D,onDrop:F,onRequestedFileAction:w,exceedingMaxSizeErrorText:N,fileList:T,onDownloadFile:q,downloadFileLink:$,isRequired:z=!0,invalidDropErrorMessage:S="Invalid file format. Supported formats are: $accept.",noMultipleFileDropErrorMessage:B="You can upload only a single file.",helperText:L,...I},M)=>{const P=e.useRef(null),[R,k]=e.useState(!1),[O,A]=e.useState(""),[C,U]=e.useState(!1),K=s.useDetermineStatusIcon({success:d,error:u}),V=[r.default["file-dropzone"]],Y=[r.default["upload-button-wrapper"]],_=[r.default["file-selector-sub-text"]],G=[r.default["file-selector-sub-text"]];R&&Y.push(r.default["drag-active"]);const H=C||u||O,J=I["data-readonlyview"];if(H){const e=r.default.error;V.push(e),_.push(e),G.push(e)}v&&Y.push(r.default.disabled),d&&!u&&V.push(r.default.success);const Q=`input-${o}`,W=[r.default["file-upload-title"]];z&&W.push(r.default.required);const X=e=>{let a=T?[...T]:[];const t=T.map((e=>e.name));return(null==e?void 0:e.length)&&Array.from(e).forEach((e=>{t.includes(e.name)||(a=c?[...a,{...Z(e),data:e}]:[{...Z(e),data:e}])})),a},Z=e=>{const a={name:e.name,size:e.size,type:e.type};let t=!1;if(p&&e.size&&e.size>=p){let e;e=p>=1048576?`${parseFloat((p/1048576).toFixed(2))}MB`:`${parseFloat((p/1024).toFixed(2))}KB`,a.error=N??`The maximum allowed file size is ${e}. Upload a smaller file.`,a.status="error",t=!0}return U(t),a};return e.useEffect((()=>{if(T.length){const e=T.map((e=>Z(e)));null==h||h(e)}}),[]),e.createElement("div",{className:r.default["file-upload-wrapper"],...D},e.createElement("div",{className:r.default["dropzone-wrapper"]},e.createElement("div",{className:V.join(" "),"data-readonlyview":J},e.createElement(n.Label,{ref:P,className:`${W.join(" ")}`,htmlFor:Q},m),(null==T?void 0:T.length)>0&&e.createElement("ul",{className:r.default["file-list"]},T.map((({name:a,status:l,progress:r,error:s})=>e.createElement("li",{key:a,className:l,id:a},e.createElement(t.FileItem,{name:a,key:`${a}_${l}`,status:l,progress:r,error:s,downloadFileLink:$,onDownloadFile:q,onRequestedFileAction:w}))))),e.createElement("div",{className:Y.join(" "),onDragOver:e=>!v&&(e=>{e.preventDefault(),e.stopPropagation(),R||k(!0),null==j||j(e)})(e),onDragLeave:e=>!v&&(e=>{var a;e.preventDefault(),e.stopPropagation();const t=e.target;(null==(a=null==t?void 0:t.offsetParent)?void 0:a.classList.contains(r.default["file-dropzone"]))&&k(!1),null==x||x(e)})(e),onDrop:e=>!v&&(e=>{var a,t,l;if(e.preventDefault(),e.stopPropagation(),(null==(a=null==e?void 0:e.dataTransfer)?void 0:a.files)&&e.dataTransfer.files.length){const a=null==(l=null==(t=null==e?void 0:e.dataTransfer)?void 0:t.files[0])?void 0:l.name.split(".").pop();if(a&&i&&!i.includes(a))return A(S.replace("$accept",i)),void k(!1);if(!c&&e.dataTransfer.files.length>1)return A(B),void k(!1);A("");const r=X(e.dataTransfer.files);F?null==F||F(r):null==h||h(r)}k(!1)})(e),tabIndex:J?0:-1},e.createElement("div",{className:r.default["file-select"]},e.createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},J?b:y),e.createElement("div",{className:r.default["file-upload-btn"]},e.createElement(a.Button,{variant:"outline",disabled:v},E,e.createElement("input",{...I,className:`${r.default["upload-input"]} ${I.className}`,ref:M,"aria-labelledby":g,type:"file",id:Q,name:o,multiple:c,disabled:v,accept:i,onChange:e=>{e.preventDefault(),e.stopPropagation();const a=X(e.target.files);a.length&&(e=>{const a=e.name.split(".").pop();return a&&i.includes(a)})(a[a.length-1])&&(A(""),e.target.value="",null==h||h(a))},spellCheck:!1}))),!v&&K,e.createElement("span",{className:r.default.outline})))),O&&e.createElement(l.Typography,{variant:"sub-text",className:G.join(" ")},O),L&&e.createElement(l.Typography,{variant:"sub-text",className:_.join(" ")},L)))})));exports.FileUpload=o;
+//# sourceMappingURL=FileUpload.cjs.js.map