@onewelcome/react-lib-components 8.5.0 → 8.6.0

package/dist/cjs/Form/Checkbox/Checkbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Checkbox.module.scss.cjs.js"),o=require("../../src/hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const n=e=>{var r;return!!(null===(r=null==e?void 0:e.props)||void 0===r?void 0:r["data-toggle"])},s=e.forwardRef((({children:c,name:l,helperText:i,helperProps:d,indeterminate:p,parentErrorId:u,errorMessage:h,disabled:m,label:b,parentHelperId:f,className:k,error:I,checked:E=!1,formSelectorWrapperProps:j,onChange:x,...v},y)=>{const{errorId:g,identifier:q,describedBy:C}=o.useFormSelector({name:l,helperText:i,parentErrorId:u,errorMessage:h,error:I,parentHelperId:f});e.useEffect((()=>{if(!l)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if("object"==typeof c&&!n(c)&&void 0===p)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const S=[a.default.input],N=[a.default["native-input"]],$=[a.default["checkbox-wrapper"]];return I&&N.push(a.default.error),m&&N.push(a.default.disabled)&&S.push(a.default.disabled),k&&$.push(k),e.createElement(t.FormSelectorWrapper,{...j,className:$.join(" "),containerProps:{className:a.default["checkbox-container"]},helperText:i,helperProps:d,parentErrorId:u,errorId:g,errorMessage:h,error:I,disabled:m,identifier:q,nestedChildren:"object"==typeof c&&!n(c)&&e.createElement("ul",{className:a.default["checkbox-list"]},e.Children.map(c,(r=>e.createElement("li",null,e.createElement(s,{...r.props,parentHelperId:f,parentErrorId:u,error:I,disabled:r.props.disabled?r.props.disabled:m},r.props.children)))))},e.createElement("input",{...v,ref:y,disabled:m,className:N.join(" "),checked:E,onChange:e=>{m||null==x||x(e)},"aria-invalid":I,"aria-checked":p?"mixed":E,"aria-describedby":C,id:`${q}-checkbox`,name:l,type:"checkbox"}),e.Children.toArray(c).filter(n),p&&e.createElement(r.Icon,{className:`${S.join(" ")} ${a.default.indeterminate}`,icon:r.Icons.MinusSquare}),E&&!p&&e.createElement(r.Icon,{className:`${S.join(" ")} ${a.default.checkmark}`,icon:r.Icons.CheckmarkSquare}),!E&&!p&&e.createElement(r.Icon,{className:`${S.join(" ")} ${a.default.square}`,icon:r.Icons.Square}),e.createElement("label",{htmlFor:`${q}-checkbox`},b||("string"==typeof c?c:void 0)))}));exports.Checkbox=s;
+"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Checkbox.module.scss.cjs.js"),o=require("../../src/hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js"),n=require("../../withReadOnly.cjs.js");const s=e=>{var r;return!!(null===(r=null==e?void 0:e.props)||void 0===r?void 0:r["data-toggle"])},c=n.withReadOnly(e.forwardRef((({children:n,name:l,helperText:i,helperProps:d,indeterminate:p,parentErrorId:u,errorMessage:h,disabled:m,label:b,parentHelperId:f,className:k,error:I,checked:j=!1,formSelectorWrapperProps:E,onChange:x,...y},v)=>{const{errorId:g,identifier:q,describedBy:C}=o.useFormSelector({name:l,helperText:i,parentErrorId:u,errorMessage:h,error:I,parentHelperId:f});e.useEffect((()=>{if(!l)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if("object"==typeof n&&!s(n)&&void 0===p)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const S=[a.default.input],w=[a.default["native-input"]],N=[a.default["checkbox-wrapper"]];return I&&w.push(a.default.error),m&&w.push(a.default.disabled)&&S.push(a.default.disabled),k&&N.push(k),e.createElement(t.FormSelectorWrapper,{...E,className:N.join(" "),containerProps:{className:a.default["checkbox-container"]},helperText:i,helperProps:d,parentErrorId:u,errorId:g,errorMessage:h,error:I,disabled:m,identifier:q,nestedChildren:"object"==typeof n&&!s(n)&&e.createElement("ul",{className:a.default["checkbox-list"]},e.Children.map(n,(r=>e.createElement("li",null,e.createElement(c,{...r.props,parentHelperId:f,parentErrorId:u,error:I,disabled:r.props.disabled?r.props.disabled:m},r.props.children)))))},e.createElement("input",{...y,ref:v,disabled:m,className:w.join(" "),checked:j,onChange:e=>{m||null==x||x(e)},"aria-invalid":I,"aria-checked":p?"mixed":j,"aria-describedby":C,id:`${q}-checkbox`,name:l,type:"checkbox"}),e.Children.toArray(n).filter(s),p&&e.createElement(r.Icon,{className:`${S.join(" ")} ${a.default.indeterminate}`,icon:r.Icons.MinusSquare}),j&&!p&&e.createElement(r.Icon,{className:`${S.join(" ")} ${a.default.checkmark}`,icon:r.Icons.CheckmarkSquare}),!j&&!p&&e.createElement(r.Icon,{className:`${S.join(" ")} ${a.default.square}`,icon:r.Icons.Square}),e.createElement("label",{htmlFor:`${q}-checkbox`},b||("string"==typeof n?n:void 0)))})));exports.Checkbox=c;
 //# sourceMappingURL=Checkbox.cjs.js.map

package/dist/cjs/Form/Checkbox/Checkbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label htmlFor={`${identifier}-checkbox`}>{determineLabel()}</label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = React.forwardRef(CheckboxComponent);\n"],"names":["isToggle","children","_a","props","Checkbox","React","forwardRef","name","helperText","helperProps","indeterminate","parentErrorId","errorMessage","disabled","label","parentHelperId","className","error","checked","formSelectorWrapperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","useEffect","Error","undefined","iconClasses","classes","nativeInputClasses","wrapperClasses","push","createElement","FormSelectorWrapper","join","containerProps","nestedChildren","Children","map","child","event","id","type","toArray","filter","Icon","icon","Icons","MinusSquare","default","CheckmarkSquare","Square","htmlFor"],"mappings":"sOAiCA,MAAMA,EAAYC,IAAwB,IAAAC,EAAA,SAAsC,QAApCA,EAACD,aAAA,EAAAA,EAA2BE,aAAQ,IAAAD,OAAA,EAAAA,EAAA,eAAc,EAuJjFE,EAAWC,EAAMC,YA7I+C,EAEzEL,WACAM,OACAC,aACAC,cACAC,gBACAC,gBACAC,eACAC,WACAC,QACAC,iBACAC,YACAC,QACAC,WAAU,EACVC,2BACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3DnB,OACAC,aACAG,gBACAC,eACAK,QACAF,mBAGFY,EAAAA,WAAU,KACR,IAAKpB,EACH,MAAM,IAAIqB,MAAM,2DAGlB,GAAwB,iBAAb3B,IAA0BD,EAASC,SAA+B4B,IAAlBnB,EACzD,MAAM,IAAIkB,MACR,6HAEH,GACA,IAEH,MAuCME,EAAc,CAACC,UAAe,OAC9BC,EAAqB,CAACD,UAAQ,iBAC9BE,EAAiB,CAACF,UAAQ,qBAKhC,OAJAd,GAASe,EAAmBE,KAAKH,EAAAA,QAAe,OAChDlB,GAAYmB,EAAmBE,KAAKH,EAAAA,QAAkB,WAAMD,EAAYI,KAAKH,UAAkB,UAC/Ff,GAAaiB,EAAeC,KAAKlB,GAG/BX,EAAA8B,cAACC,sBAAmB,IACdjB,EACJH,UAAWiB,EAAeI,KAAK,KAC/BC,eAAgB,CAAEtB,UAAWe,UAAQ,uBACrCvB,WAAYA,EACZC,YAAaA,EACbE,cAAeA,EACfY,QAASA,EACTX,aAAcA,EACdK,MAAOA,EACPJ,SAAUA,EACVW,WAAYA,EACZe,eACsB,iBAAbtC,IAA0BD,EAASC,IAjD9CI,EAAI8B,cAAA,KAAA,CAAAnB,UAAWe,EAAAA,QAAQ,kBACpB1B,EAAMmC,SAASC,IAAIxC,GAA4ByC,GAE5CrC,EAAA8B,cAAA,KAAA,KACE9B,EAAC8B,cAAA/B,MACKsC,EAAMvC,MACVY,eAAgBA,EAChBJ,cAAeA,EACfM,MAAOA,EACPJ,SAAU6B,EAAMvC,MAAMU,SAAW6B,EAAMvC,MAAMU,SAAWA,GAEvD6B,EAAMvC,MAAMF,eAyCrBI,EACM8B,cAAA,QAAA,IAAAd,EACJC,IAAKA,EACLT,SAAUA,EACVG,UAAWgB,EAAmBK,KAAK,KACnCnB,QAASA,EACTE,SAvCmBuB,IACnB9B,GAGJO,SAAAA,EAAWuB,EAAM,EAmCY,eACX1B,EACA,eAAAP,EAAgB,QAAUQ,EAAO,mBAC7BO,EAClBmB,GAAI,GAAGpB,aACPjB,KAAMA,EACNsC,KAAK,aAtCgBxC,EAAMmC,SAASM,QAAQ7C,GAAU8C,OAAO/C,GA0C9DU,GACCL,EAAA8B,cAACa,EAAIA,KAAA,CACHhC,UAAW,GAAGc,EAAYO,KAAK,QAAQN,EAAAA,QAAuB,gBAC9DkB,KAAMC,EAAKA,MAACC,cAGfjC,IAAYR,GACXL,EAAA8B,cAACa,EAAAA,KAAI,CACHhC,UAAW,GAAGc,EAAYO,KAAK,QAAQN,EAAOqB,QAAY,YAC1DH,KAAMC,EAAAA,MAAMG,mBAGdnC,IAAYR,GACZL,EAAC8B,cAAAa,EAAAA,KAAK,CAAAhC,UAAW,GAAGc,EAAYO,KAAK,QAAQN,EAAOqB,QAAS,SAAKH,KAAMC,EAAAA,MAAMI,SAEhFjD,EAAO8B,cAAA,QAAA,CAAAoB,QAAS,GAAG/B,cA3FjBV,IAE2B,iBAAbb,EACTA,OADF,IA2FP"}
+{"version":3,"file":"Checkbox.cjs.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label htmlFor={`${identifier}-checkbox`}>{determineLabel()}</label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));\n"],"names":["isToggle","children","_a","props","Checkbox","withReadOnly","React","forwardRef","name","helperText","helperProps","indeterminate","parentErrorId","errorMessage","disabled","label","parentHelperId","className","error","checked","formSelectorWrapperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","useEffect","Error","undefined","iconClasses","classes","nativeInputClasses","wrapperClasses","push","createElement","FormSelectorWrapper","join","containerProps","nestedChildren","Children","map","child","event","id","type","toArray","filter","Icon","icon","Icons","MinusSquare","default","CheckmarkSquare","Square","htmlFor"],"mappings":"6QAkCA,MAAMA,EAAYC,IAAwB,IAAAC,EAAA,SAAsC,QAApCA,EAACD,aAAA,EAAAA,EAA2BE,aAAQ,IAAAD,OAAA,EAAAA,EAAA,eAAc,EAuJjFE,EAAWC,EAAYA,aAACC,EAAMC,YA7IkC,EAEzEN,WACAO,OACAC,aACAC,cACAC,gBACAC,gBACAC,eACAC,WACAC,QACAC,iBACAC,YACAC,QACAC,WAAU,EACVC,2BACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3DnB,OACAC,aACAG,gBACAC,eACAK,QACAF,mBAGFY,EAAAA,WAAU,KACR,IAAKpB,EACH,MAAM,IAAIqB,MAAM,2DAGlB,GAAwB,iBAAb5B,IAA0BD,EAASC,SAA+B6B,IAAlBnB,EACzD,MAAM,IAAIkB,MACR,6HAEH,GACA,IAEH,MAuCME,EAAc,CAACC,UAAe,OAC9BC,EAAqB,CAACD,UAAQ,iBAC9BE,EAAiB,CAACF,UAAQ,qBAKhC,OAJAd,GAASe,EAAmBE,KAAKH,EAAAA,QAAe,OAChDlB,GAAYmB,EAAmBE,KAAKH,EAAAA,QAAkB,WAAMD,EAAYI,KAAKH,UAAkB,UAC/Ff,GAAaiB,EAAeC,KAAKlB,GAG/BX,EAAA8B,cAACC,sBAAmB,IACdjB,EACJH,UAAWiB,EAAeI,KAAK,KAC/BC,eAAgB,CAAEtB,UAAWe,UAAQ,uBACrCvB,WAAYA,EACZC,YAAaA,EACbE,cAAeA,EACfY,QAASA,EACTX,aAAcA,EACdK,MAAOA,EACPJ,SAAUA,EACVW,WAAYA,EACZe,eACsB,iBAAbvC,IAA0BD,EAASC,IAjD9CK,EAAI8B,cAAA,KAAA,CAAAnB,UAAWe,EAAAA,QAAQ,kBACpB1B,EAAMmC,SAASC,IAAIzC,GAA4B0C,GAE5CrC,EAAA8B,cAAA,KAAA,KACE9B,EAAC8B,cAAAhC,MACKuC,EAAMxC,MACVa,eAAgBA,EAChBJ,cAAeA,EACfM,MAAOA,EACPJ,SAAU6B,EAAMxC,MAAMW,SAAW6B,EAAMxC,MAAMW,SAAWA,GAEvD6B,EAAMxC,MAAMF,eAyCrBK,EACM8B,cAAA,QAAA,IAAAd,EACJC,IAAKA,EACLT,SAAUA,EACVG,UAAWgB,EAAmBK,KAAK,KACnCnB,QAASA,EACTE,SAvCmBuB,IACnB9B,GAGJO,SAAAA,EAAWuB,EAAM,EAmCY,eACX1B,EACA,eAAAP,EAAgB,QAAUQ,EAAO,mBAC7BO,EAClBmB,GAAI,GAAGpB,aACPjB,KAAMA,EACNsC,KAAK,aAtCgBxC,EAAMmC,SAASM,QAAQ9C,GAAU+C,OAAOhD,GA0C9DW,GACCL,EAAA8B,cAACa,EAAIA,KAAA,CACHhC,UAAW,GAAGc,EAAYO,KAAK,QAAQN,EAAAA,QAAuB,gBAC9DkB,KAAMC,EAAKA,MAACC,cAGfjC,IAAYR,GACXL,EAAA8B,cAACa,EAAAA,KAAI,CACHhC,UAAW,GAAGc,EAAYO,KAAK,QAAQN,EAAOqB,QAAY,YAC1DH,KAAMC,EAAAA,MAAMG,mBAGdnC,IAAYR,GACZL,EAAC8B,cAAAa,EAAAA,KAAK,CAAAhC,UAAW,GAAGc,EAAYO,KAAK,QAAQN,EAAOqB,QAAS,SAAKH,KAAMC,EAAAA,MAAMI,SAEhFjD,EAAO8B,cAAA,QAAA,CAAAoB,QAAS,GAAG/B,cA3FjBV,IAE2B,iBAAbd,EACTA,OADF,IA2FP"}

package/dist/cjs/Form/Checkbox/Checkbox.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Checkbox-module_sr-only__VWYPg{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox-module_hidden__Vb3R6{display:none}.Checkbox-module_slide-in__N94se{animation:Checkbox-module_slide-in__N94se .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-in__N94se{animation-duration:.1ms}}.Checkbox-module_slide-out__D6yMG{animation:Checkbox-module_slide-out__D6yMG .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-out__D6yMG{animation-duration:.1ms}}@keyframes Checkbox-module_slide-in__N94se{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox-module_slide-out__D6yMG{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Checkbox-module_checkbox-wrapper__7apL1{position:relative}.Checkbox-module_checkbox-wrapper__7apL1+.Checkbox-module_checkbox-wrapper__7apL1{margin-top:.75rem}.Checkbox-module_checkbox-container__GaVTZ{display:flex}.Checkbox-module_checkbox-container__GaVTZ label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.1rem;user-select:none}.Checkbox-module_checkbox-list__Aglik{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox-module_checkbox-list__Aglik li+li{margin-top:.75rem}.Checkbox-module_native-input__9Hjh5{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem;z-index:2}.Checkbox-module_native-input__9Hjh5:checked:not(.Checkbox-module_disabled__C0sSR)+*{color:var(--color-primary)}.Checkbox-module_native-input__9Hjh5:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox-module_native-input__9Hjh5:active:not(.Checkbox-module_disabled__C0sSR)+span{background-color:var(--disabled)}.Checkbox-module_native-input__9Hjh5.Checkbox-module_error__C6DqR:focus-visible+*{outline-color:var(--color-error)}.Checkbox-module_native-input__9Hjh5+span[data-icon=true]:before{display:block;height:20px;width:20px}.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-pressed-color)}.Checkbox-module_input__oRoLS{font-size:1.25rem;z-index:1}.Checkbox-module_disabled__C0sSR{cursor:not-allowed}.Checkbox-module_disabled__C0sSR+span{color:var(--disabled);pointer-events:none}.Checkbox-module_disabled__C0sSR+label{color:var(--greyed-out)}.Checkbox-module_disabled__C0sSR+.Checkbox-module_checkmark__DLEEG,.Checkbox-module_disabled__C0sSR+.Checkbox-module_indeterminate__vywPu{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox-module_indeterminate__vywPu{color:var(--color-primary)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSx5Q0FDRSxpQkFDRixDQUNBLGtGQUNFLGlCQUNGLENBRUEsMkNBQ0UsWUFDRixDQUNBLGlEQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixnQkFBa0IsQ0FIbEIsZ0JBSUYsQ0FFQSxzQ0FHRSxlQUFnQixDQURoQix1QkFBd0IsQ0FEeEIsU0FHRixDQUNBLDRDQUNFLGlCQUNGLENBRUEscUNBT0UsY0FBZSxDQUpmLE1BQU8sQ0FFUCxRQUFTLENBRFQsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixLQUFNLENBSU4sYUFBYyxDQUVkLFNBQ0YsQ0FDQSxxRkFDRSwwQkFDRixDQUNBLHFEQUNFLGlCQUFrQixDQUNsQixvQ0FBcUMsQ0FDckMsa0JBQ0YsQ0FDQSx1RkFDRSxnQ0FDRixDQUNBLGtGQUNFLGdDQUNGLENBQ0EsaUVBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsZ0hBQ0Usc0RBQ0YsQ0FDQSxpSEFDRSx3REFDRixDQUNBLDJPQUNFLHlDQUNGLENBQ0EsNE9BQ0UsMkNBQ0YsQ0FFQSw4QkFDRSxpQkFBa0IsQ0FDbEIsU0FDRixDQUVBLGlDQUNFLGtCQUNGLENBQ0Esc0NBQ0UscUJBQXNCLENBQ3RCLG1CQUNGLENBQ0EsdUNBQ0UsdUJBQ0YsQ0FDQSwwSUFFRSxrQ0FBbUMsQ0FDbkMsaUJBQWtCLENBRmxCLHFCQUFzQixDQUd0QixpQ0FBa0MsQ0FDbEMsbUJBQ0YsQ0FFQSxzQ0FDRSwwQkFDRiIsImZpbGUiOiJDaGVja2JveC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5jaGVja2JveC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNoZWNrYm94LXdyYXBwZXIgKyAuY2hlY2tib3gtd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBsYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWZvcm0tbGFiZWwpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBtYXJnaW4tdG9wOiAwLjFyZW07XG59XG5cbi5jaGVja2JveC1saXN0IHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAxcmVtIDAgMCAxLjc1cmVtO1xuICBsaXN0LXN0eWxlOiBub25lO1xufVxuLmNoZWNrYm94LWxpc3QgbGkgKyBsaSB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5uYXRpdmUtaW5wdXQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgb3BhY2l0eTogMDtcbiAgbWFyZ2luOiAwO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAyO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkOm5vdCguZGlzYWJsZWQpICsgKiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5uYXRpdmUtaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICoge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZTpub3QoLmRpc2FibGVkKSArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmZvY3VzLXZpc2libGUgKyAqIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZXJyb3IpO1xufVxuLm5hdGl2ZS1pbnB1dCArIHNwYW5bZGF0YS1pY29uPXRydWVdOmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5zcXVhcmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jaGVja2JveC11bmNoZWNrZWQtaG92ZXItY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuc3F1YXJlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY2hlY2tib3gtdW5jaGVja2VkLXByZXNzZWQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1wcmVzc2VkLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xufVxuXG4uZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkICsgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmRpc2FibGVkICsgbGFiZWwge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZGlzYWJsZWQgKyAuY2hlY2ttYXJrLCAuZGlzYWJsZWQgKyAuaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDFweCB2YXIoLS1kaXNhYmxlZCkgc29saWQ7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xufVxuXG4uaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn0iXX0= */'),exports.default={"sr-only":"Checkbox-module_sr-only__VWYPg",hidden:"Checkbox-module_hidden__Vb3R6","slide-in":"Checkbox-module_slide-in__N94se","slide-out":"Checkbox-module_slide-out__D6yMG","checkbox-wrapper":"Checkbox-module_checkbox-wrapper__7apL1","checkbox-container":"Checkbox-module_checkbox-container__GaVTZ","checkbox-list":"Checkbox-module_checkbox-list__Aglik","native-input":"Checkbox-module_native-input__9Hjh5",disabled:"Checkbox-module_disabled__C0sSR",error:"Checkbox-module_error__C6DqR",square:"Checkbox-module_square__lDjWV",checkmark:"Checkbox-module_checkmark__DLEEG",indeterminate:"Checkbox-module_indeterminate__vywPu",input:"Checkbox-module_input__oRoLS"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Checkbox-module_sr-only__VWYPg{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox-module_hidden__Vb3R6{display:none}.Checkbox-module_slide-in__N94se{animation:Checkbox-module_slide-in__N94se .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-in__N94se{animation-duration:.1ms}}.Checkbox-module_slide-out__D6yMG{animation:Checkbox-module_slide-out__D6yMG .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-out__D6yMG{animation-duration:.1ms}}@keyframes Checkbox-module_slide-in__N94se{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox-module_slide-out__D6yMG{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Checkbox-module_checkbox-wrapper__7apL1{position:relative}.Checkbox-module_checkbox-wrapper__7apL1+.Checkbox-module_checkbox-wrapper__7apL1{margin-top:.75rem}.Checkbox-module_checkbox-container__GaVTZ{display:flex}.Checkbox-module_checkbox-container__GaVTZ label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.1rem;user-select:none}.Checkbox-module_checkbox-list__Aglik{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox-module_checkbox-list__Aglik li+li{margin-top:.75rem}.Checkbox-module_native-input__9Hjh5{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem;z-index:2}.Checkbox-module_native-input__9Hjh5:checked:not(.Checkbox-module_disabled__C0sSR)+*{color:var(--color-primary)}.Checkbox-module_native-input__9Hjh5:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox-module_native-input__9Hjh5:active:not(.Checkbox-module_disabled__C0sSR)+span{background-color:var(--disabled)}.Checkbox-module_native-input__9Hjh5.Checkbox-module_error__C6DqR:focus-visible+*{outline-color:var(--color-error)}.Checkbox-module_native-input__9Hjh5+span[data-icon=true]:before{display:block;height:20px;width:20px}.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-pressed-color)}.Checkbox-module_input__oRoLS{font-size:1.25rem;z-index:1}.Checkbox-module_disabled__C0sSR{cursor:not-allowed}.Checkbox-module_disabled__C0sSR+span{color:var(--disabled);pointer-events:none}.Checkbox-module_disabled__C0sSR+label{color:var(--greyed-out)}.Checkbox-module_disabled__C0sSR+.Checkbox-module_checkmark__DLEEG,.Checkbox-module_disabled__C0sSR+.Checkbox-module_indeterminate__vywPu{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox-module_indeterminate__vywPu{color:var(--color-primary)}[data-readonlyview=true] label{background-color:initial;border-color:var(--read-only-border-color);color:var(--read-only-text-color);user-select:text}[data-readonlyview=true] .Checkbox-module_checkbox-wrapper__7apL1 span{color:var(--color-blue-grey100)}[data-readonlyview=true] .Checkbox-module_checkbox-wrapper__7apL1 span.Checkbox-module_checkmark__DLEEG{background-color:var(--color-blue-grey900);border-radius:2px;color:var(--color-white)}[data-readonlyview=true] .Checkbox-module_checkbox-wrapper__7apL1 span.Checkbox-module_checkmark__DLEEG:before{border-radius:2px;outline:1px solid var(--read-only-border-color);outline-offset:-1px}[data-readonlyview=true] input[type=checkbox]{pointer-events:none}input[type=checkbox][data-readonlyview=true]~span:before{color:var(--color-blue-grey100)}input[type=checkbox][data-readonlyview=true]~span.Checkbox-module_checkmark__DLEEG{background-color:var(--color-blue-grey900);border:1px solid var(--read-only-border-color);border-radius:3px;color:var(--color-white)}input[type=checkbox][data-readonlyview=true]~span.Checkbox-module_checkmark__DLEEG:before{color:var(--color-white)}input[type=checkbox][data-readonlyview=true]~span[data-icon=true]{color:var(--color-blue-grey100)}input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox-module_checkmark__DLEEG{background-color:var(--color-blue-grey900);border:0;color:var(--color-white)}input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox-module_checkmark__DLEEG:before{border-radius:2px;outline:1px solid var(--read-only-border-color);outline-offset:-1px}input[type=checkbox][data-readonlyview=true]~label{pointer-events:none;user-select:text}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSx5Q0FDRSxpQkFDRixDQUNBLGtGQUNFLGlCQUNGLENBRUEsMkNBQ0UsWUFDRixDQUNBLGlEQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixnQkFBa0IsQ0FIbEIsZ0JBSUYsQ0FFQSxzQ0FHRSxlQUFnQixDQURoQix1QkFBd0IsQ0FEeEIsU0FHRixDQUNBLDRDQUNFLGlCQUNGLENBRUEscUNBT0UsY0FBZSxDQUpmLE1BQU8sQ0FFUCxRQUFTLENBRFQsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixLQUFNLENBSU4sYUFBYyxDQUVkLFNBQ0YsQ0FDQSxxRkFDRSwwQkFDRixDQUNBLHFEQUNFLGlCQUFrQixDQUNsQixvQ0FBcUMsQ0FDckMsa0JBQ0YsQ0FDQSx1RkFDRSxnQ0FDRixDQUNBLGtGQUNFLGdDQUNGLENBQ0EsaUVBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsZ0hBQ0Usc0RBQ0YsQ0FDQSxpSEFDRSx3REFDRixDQUNBLDJPQUNFLHlDQUNGLENBQ0EsNE9BQ0UsMkNBQ0YsQ0FFQSw4QkFDRSxpQkFBa0IsQ0FDbEIsU0FDRixDQUVBLGlDQUNFLGtCQUNGLENBQ0Esc0NBQ0UscUJBQXNCLENBQ3RCLG1CQUNGLENBQ0EsdUNBQ0UsdUJBQ0YsQ0FDQSwwSUFFRSxrQ0FBbUMsQ0FDbkMsaUJBQWtCLENBRmxCLHFCQUFzQixDQUd0QixpQ0FBa0MsQ0FDbEMsbUJBQ0YsQ0FFQSxzQ0FDRSwwQkFDRixDQUVBLCtCQUdFLHdCQUE2QixDQUY3QiwwQ0FBMkMsQ0FDM0MsaUNBQWtDLENBRWxDLGdCQUNGLENBQ0EsdUVBQ0UsK0JBQ0YsQ0FDQSx3R0FDRSwwQ0FBMkMsQ0FFM0MsaUJBQWtCLENBRGxCLHdCQUVGLENBQ0EsK0dBRUUsaUJBQWtCLENBRGxCLCtDQUFnRCxDQUVoRCxtQkFDRixDQUNBLDhDQUNFLG1CQUNGLENBRUEseURBQ0UsK0JBQ0YsQ0FDQSxtRkFDRSwwQ0FBMkMsQ0FFM0MsOENBQStDLENBQy9DLGlCQUFrQixDQUZsQix3QkFHRixDQUNBLDBGQUNFLHdCQUNGLENBQ0Esa0VBQ0UsK0JBQ0YsQ0FDQSxtR0FDRSwwQ0FBMkMsQ0FFM0MsUUFBUyxDQURULHdCQUVGLENBQ0EsMEdBR0UsaUJBQWtCLENBRmxCLCtDQUFnRCxDQUNoRCxtQkFFRixDQUNBLG1EQUNFLG1CQUFvQixDQUNwQixnQkFDRiIsImZpbGUiOiJDaGVja2JveC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5jaGVja2JveC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNoZWNrYm94LXdyYXBwZXIgKyAuY2hlY2tib3gtd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBsYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWZvcm0tbGFiZWwpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBtYXJnaW4tdG9wOiAwLjFyZW07XG59XG5cbi5jaGVja2JveC1saXN0IHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAxcmVtIDAgMCAxLjc1cmVtO1xuICBsaXN0LXN0eWxlOiBub25lO1xufVxuLmNoZWNrYm94LWxpc3QgbGkgKyBsaSB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5uYXRpdmUtaW5wdXQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgb3BhY2l0eTogMDtcbiAgbWFyZ2luOiAwO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAyO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkOm5vdCguZGlzYWJsZWQpICsgKiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5uYXRpdmUtaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICoge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZTpub3QoLmRpc2FibGVkKSArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmZvY3VzLXZpc2libGUgKyAqIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZXJyb3IpO1xufVxuLm5hdGl2ZS1pbnB1dCArIHNwYW5bZGF0YS1pY29uPXRydWVdOmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5zcXVhcmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jaGVja2JveC11bmNoZWNrZWQtaG92ZXItY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuc3F1YXJlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY2hlY2tib3gtdW5jaGVja2VkLXByZXNzZWQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1wcmVzc2VkLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xufVxuXG4uZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkICsgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmRpc2FibGVkICsgbGFiZWwge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZGlzYWJsZWQgKyAuY2hlY2ttYXJrLCAuZGlzYWJsZWQgKyAuaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDFweCB2YXIoLS1kaXNhYmxlZCkgc29saWQ7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xufVxuXG4uaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGxhYmVsIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHVzZXItc2VsZWN0OiB0ZXh0O1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5jaGVja2JveC13cmFwcGVyIHNwYW4ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuY2hlY2tib3gtd3JhcHBlciBzcGFuLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuY2hlY2tib3gtd3JhcHBlciBzcGFuLmNoZWNrbWFyazpiZWZvcmUge1xuICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gaW5wdXRbdHlwZT1jaGVja2JveF0ge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuOmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG59XG5pbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IHNwYW4uY2hlY2ttYXJrOmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG59XG5pbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IHNwYW5bZGF0YS1pY29uPXRydWVdIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG5pbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IHNwYW5bZGF0YS1pY29uPXRydWVdLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlcjogMDtcbn1cbmlucHV0W3R5cGU9Y2hlY2tib3hdW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3BhbltkYXRhLWljb249dHJ1ZV0uY2hlY2ttYXJrOmJlZm9yZSB7XG4gIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cbmlucHV0W3R5cGU9Y2hlY2tib3hdW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gbGFiZWwge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IHRleHQ7XG59Il19 */'),exports.default={"sr-only":"Checkbox-module_sr-only__VWYPg",hidden:"Checkbox-module_hidden__Vb3R6","slide-in":"Checkbox-module_slide-in__N94se","slide-out":"Checkbox-module_slide-out__D6yMG","checkbox-wrapper":"Checkbox-module_checkbox-wrapper__7apL1","checkbox-container":"Checkbox-module_checkbox-container__GaVTZ","checkbox-list":"Checkbox-module_checkbox-list__Aglik","native-input":"Checkbox-module_native-input__9Hjh5",disabled:"Checkbox-module_disabled__C0sSR",error:"Checkbox-module_error__C6DqR",square:"Checkbox-module_square__lDjWV",checkmark:"Checkbox-module_checkmark__DLEEG",indeterminate:"Checkbox-module_indeterminate__vywPu",input:"Checkbox-module_input__oRoLS"};
 //# sourceMappingURL=Checkbox.module.scss.cjs.js.map

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

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

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

@@ -1 +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\";\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    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 = React.forwardRef(FieldsetComponent);\n"],"names":["Fieldset","React","forwardRef","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","createElement","style","backgroundColor","classes","fieldset","default","readyclasses","Typography","variant","tag","allowedComponents","Input","Select","MultiSelect","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","Children","map","child","includes","type","cloneElement","props","renderChildren"],"mappings":"o1BA+CA,MA8EaA,EAAWC,EAAMC,YA9EkD,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,cAAa,EACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,aAAY,EACZC,YAAW,EACXC,YAAW,EACXC,sBAAqB,KAClBC,GAELC,IAwCEd,EACMe,cAAA,WAAA,IAAAF,EACJC,IAAKA,EACLJ,SAAUA,EACVM,MAAO,CAAEC,gBAAiBT,KAAeK,EAAKG,OAC9Cb,UAAW,GAAGe,EAAAA,QAAQC,YAAYV,EAAYS,EAAOE,QAAC,cAAgB,MAAMjB,QAAAA,EAAa,MAExFC,GAAUJ,EAAQe,cAAA,SAAA,CAAAZ,UAAWkB,UAAa,YAAajB,GACvDA,IAAWE,GACVN,EAAAe,cAACO,EAAUA,WACT,CAAAC,QAASlB,EACTmB,IAAI,qBACQ,OACZrB,UAAW,GAAGe,EAAOE,QAAS,UAAKT,EAAWO,UAAkB,SAAI,MAEnEd,GArDc,MACrB,IAAKF,EACH,OAOF,MAAMuB,EAAwD,CAC5DC,EAAKA,MACLC,EAAMA,OACNC,EAAWA,YACXC,EAAKA,MACLC,EAAQA,SACRC,EAAQA,SACRC,EAAMA,OACNC,EAAKA,MACLC,EAAWA,YACXC,EAAmBA,oBACnBC,EAAcA,eACdC,EAAYA,aACZC,EAAaA,cACbC,EAAeA,iBAGjB,OAAOvC,EAAMwC,SAASC,IAAIvC,GAAWwC,UACnC,OAAIjB,EAAkBkB,SAASD,EAAME,QAAUhC,EACtCZ,EAAM6C,aAAaH,EAAO,CAC/BhC,mBAAUgC,EAAMI,MAAMpC,wBAAYA,IAI/BgC,CAAK,GACZ,EAsBCK"}
+{"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    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","default","readyclasses","Typography","variant","tag","allowedComponents","Input","Select","MultiSelect","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","Children","map","child","includes","type","cloneElement","props","renderChildren"],"mappings":"o1BAgDA,MA8EaA,uCAAuBC,aAACC,EAAMC,YA9EqC,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,cAAa,EACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,aAAY,EACZC,YAAW,EACXC,YAAW,EACXC,sBAAqB,KAClBC,GAELC,IAwCEd,EACMe,cAAA,WAAA,IAAAF,EACJC,IAAKA,EACLJ,SAAUA,EACVM,MAAO,CAAEC,gBAAiBT,KAAeK,EAAKG,OAC9Cb,UAAW,GAAGe,EAAAA,QAAQC,YAAYV,EAAYS,EAAOE,QAAC,cAAgB,MAAMjB,QAAAA,EAAa,MAExFC,GAAUJ,EAAQe,cAAA,SAAA,CAAAZ,UAAWkB,UAAa,YAAajB,GACvDA,IAAWE,GACVN,EAAAe,cAACO,EAAUA,WACT,CAAAC,QAASlB,EACTmB,IAAI,qBACQ,OACZrB,UAAW,GAAGe,EAAOE,QAAS,UAAKT,EAAWO,UAAkB,SAAI,MAEnEd,GArDc,MACrB,IAAKF,EACH,OAOF,MAAMuB,EAAwD,CAC5DC,EAAKA,MACLC,EAAMA,OACNC,EAAWA,YACXC,EAAKA,MACLC,EAAQA,SACRC,EAAQA,SACRC,EAAMA,OACNC,EAAKA,MACLC,EAAWA,YACXC,EAAmBA,oBACnBC,EAAcA,eACdC,EAAYA,aACZC,EAAaA,cACbC,EAAeA,iBAGjB,OAAOvC,EAAMwC,SAASC,IAAIvC,GAAWwC,UACnC,OAAIjB,EAAkBkB,SAASD,EAAME,QAAUhC,EACtCZ,EAAM6C,aAAaH,EAAO,CAC/BhC,mBAAUgC,EAAMI,MAAMpC,wBAAYA,IAI/BgC,CAAK,GACZ,EAsBCK"}

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

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

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

@@ -1 +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\";\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  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    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction\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 && (\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      </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  return (\n    <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\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 = React.forwardRef(FileItemComponent);\n"],"names":["FILE_ACTION","ACTION_STATUS","FileItem","React","forwardRef","name","status","error","progress","downloadFileLink","totalPercentage","onRequestedFileAction","ref","icons","COMPLETED","fileIcon","Icons","FileAltIcon","actionIcons","type","Trash","action","DELETE","DownloadFile","DOWNLOAD","ERROR","Error","Times","REMOVE","UPLOADING","AbortFile","ABORT","RETRY","Refresh","READONLY","determineIcons","friendlyName","extension","index","indexOf","slice","getFriendlyNameAndExtension","getStartIcon","icon","createElement","Icon","key","title","className","classes","Typography","variant","default","ProgressBar","completed","label","percentage","map","Fragment","Button","color","startIcon","onClick","Link","display","to","target","prefixIcon"],"mappings":"iBAwCYA,EAQAC,iSARAD,QAMXA,iBAAA,GANWA,EAAAA,sBAAAA,QAAAA,YAMX,CAAA,IALC,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QAGUC,QAMXA,mBAAA,GANWA,EAAAA,wBAAAA,QAAAA,cAMX,CAAA,IALC,UAAA,YACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WAGF,MA0LaC,EAAWC,EAAMC,YA1L6C,EAEvEC,OACAC,SACAC,QACAC,WACAC,mBACAC,kBACAC,yBAEFC,KAEA,MAwDMC,EAxDiB,CAACP,IACtB,OAAQA,GACN,KAAKL,QAAaA,cAACa,UACjB,MAAO,CACLC,SAAUC,EAAKA,MAACC,YAChBC,YAAa,CACX,CACEC,KAAMH,EAAKA,MAACI,MACZC,OAAQrB,QAAWA,YAACsB,QAEtB,CACEH,KAAMH,EAAKA,MAACO,aACZF,OAAQrB,QAAWA,YAACwB,YAI5B,KAAKvB,QAAaA,cAACwB,MACjB,MAAO,CACLV,SAAUC,EAAKA,MAACU,MAChBR,YAAa,CACX,CACEC,KAAMH,EAAKA,MAACW,MACZN,OAAQrB,QAAWA,YAAC4B,UAI5B,KAAK3B,QAAaA,cAAC4B,UACjB,MAAO,CACLd,SAAUC,EAAKA,MAACC,YAChBC,YAAa,CACX,CACEC,KAAMH,EAAKA,MAACc,UACZT,OAAQrB,QAAWA,YAAC+B,SAI5B,KAAK9B,QAAaA,cAAC+B,MACjB,MAAO,CACLjB,SAAUC,EAAKA,MAACC,YAChBC,YAAa,CACX,CACEC,KAAMH,EAAKA,MAACiB,QACZZ,OAAQrB,QAAWA,YAACgC,OAEtB,CACEb,KAAMH,EAAKA,MAACI,MACZC,OAAQrB,QAAWA,YAAC4B,UAI5B,KAAK3B,QAAAA,cAAciC,SACnB,QACE,MAAO,CAAEnB,SAAUC,QAAMC,aAC5B,EAGWkB,CAAe7B,IAOvB8B,aAAEA,EAAYC,UAAEA,GALc,CAAChC,IACnC,MAAMiC,EAAQjC,EAAKkC,QAAQ,KAC3B,MAAO,CAAEH,aAAc/B,EAAKmC,MAAM,EAAGF,GAAQD,UAAWhC,EAAKmC,MAAMF,EAAQ,GAAI,EAG7CG,CAA4BpC,GAE1DqC,EAAgBC,GACpBxC,EAACyC,cAAAC,EAAAA,MACCC,IAAKH,EAAKtB,OACV0B,MAAOJ,EAAKtB,OACZsB,KAAMA,EAAKxB,KACX6B,UAAWC,UAAQ,iBA6EvB,OACE9C,EAAAyC,cAAA,MAAA,CAAKhC,IAAKA,EAAKoC,UAAWC,EAAAA,QAAQ,qBAAkC,aAAA,GAAG5C,aACrEF,EAAAyC,cAAA,MAAA,CAAKI,UAAWC,EAAAA,QAAQ,wBACrB3C,IAAWL,QAAAA,cAAc4B,WAjC5B1B,EAAAyC,cAACM,aAAU,CACTC,QAAS,OACTJ,MAAO1C,EACP2C,UAAW,GAAGC,UAAQ,gBAAgB3C,EAAS2C,EAAAA,QAAQ3C,GAAU,MAErD,UAAXA,GACCH,gBAAC0C,EAAAA,KAAI,CACHF,KAAM3B,EAAAA,MAAMU,MACZsB,UAAW,GAAGC,EAAAA,QAAQ,gBAAgB3C,EAAS2C,EAAAA,QAAQ3C,GAAU,OAGrEH,EAAAyC,cAACC,OAAI,CAACF,KAAM9B,EAAME,SAAUiC,UAAWC,EAAAA,QAAQ,eAC/C9C,EAAAyC,cAAA,OAAA,CAAMI,UAAWC,EAAAA,QAAQ,kBACtBb,MAAeC,IAsBlBlC,EAAAyC,cAAA,MAAA,CACEI,UAAW,GAAG1C,IAAWL,QAAaA,cAAC4B,UAAYoB,EAAOG,QAAC,wBAA0B,MAEpF9C,IAAWL,QAAAA,cAAc4B,WAjB9B1B,EAAAyC,cAACS,cAAW,CACVL,UAAWC,UAAQ,gBACnBK,UAAW9C,EACX+C,MAAO,GAAGnB,KAAgBC,IAC1BmB,WAAY9C,IAeVP,EAAAyC,cAAA,MAAA,CAAKI,UAAWC,EAAOG,QAAC,0BACrBvC,EAAMK,aAAiCL,EAAMK,YAnFnCuC,KAAId,GACrBxC,EAAAyC,cAACc,EAAAA,SAAS,CAAAZ,IAAKH,EAAKtB,QACjBsB,EAAKtB,SAAWrB,QAAAA,YAAYwB,UAC3BrB,EAAAyC,cAACe,EAAAA,OAAM,CACLC,MAAM,UACNC,UAAWnB,EAAaC,GACxBI,MAAOJ,EAAKtB,SAAWrB,QAAWA,YAAC+B,MAAQY,EAAKtB,OAAS,GACzDF,KAAK,SACLgC,QAAQ,OACRW,QAAS,IACPnB,GAAQhC,GAAyBA,EAAsBgC,EAAKtB,OAAQhB,IAGrEsC,EAAKtB,SAAWrB,QAAAA,YAAY+B,MAAQY,EAAKtB,OAAS,IAItDsB,EAAKtB,SAAWrB,QAAAA,YAAYwB,UAAYf,GACvCN,EAACyC,cAAAmB,EAAIA,KACH,CAAAH,MAAM,UACNI,QAAQ,OACRC,GAAIxD,EACJU,KAAK,WACL+C,OAAO,SACPC,WACEhE,EAAAyC,cAACC,OAAI,CACHC,IAAKH,EAAKtB,OACV2B,UAAWC,EAAOG,QAAC,eACnBL,MAAOJ,EAAKtB,OACZsB,KAAMA,EAAKxB,QAIdwB,EAAKtB,cAsDXd,GACCJ,EAAAyC,cAACM,aAAU,CACTC,QAAS,WACTH,UAAW,GAAGC,UAAQ,oBAAoB3C,EAAS2C,EAAOG,QAAC9C,GAAU,MAEpEC,GAIP"}
+{"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  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    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 && (\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      </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    let 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","downloadFileLink","totalPercentage","onRequestedFileAction","rest","ref","icons","COMPLETED","fileIcon","Icons","FileAltIcon","actionIcons","type","Trash","action","DELETE","DownloadFile","DOWNLOAD","ERROR","Error","Times","REMOVE","UPLOADING","AbortFile","ABORT","RETRY","Refresh","READONLY","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/cjs/Form/FileUpload/FileItem/FileItem.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileItem-module_sr-only__ihOCn{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-module_hidden__Q56h4{display:none}.FileItem-module_slide-in__1tGpk{animation:FileItem-module_slide-in__1tGpk .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-in__1tGpk{animation-duration:.1ms}}.FileItem-module_slide-out__cVuA5{animation:FileItem-module_slide-out__cVuA5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-out__cVuA5{animation-duration:.1ms}}@keyframes FileItem-module_slide-in__1tGpk{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-module_slide-out__cVuA5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileItem-module_file-item-wrapper__AHppD{border-radius:var(--input-border-radius);padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem-module_file-item-wrapper__AHppD{transition-duration:.1ms}}.FileItem-module_file-item-wrapper__AHppD [class*=icon]{font-size:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj{background-color:var(--color-blue-grey25);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:2.875rem;padding:.25rem .75rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks{display:flex;margin:.25rem 0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks button{margin-left:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks button span{font-size:.875rem;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-left:.5rem;padding-left:.75rem;padding-right:1.25rem;text-decoration:none}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a span.FileItem-module_action-icon__BvDBG{display:flex;font-size:.875rem;justify-content:center;margin-right:.25rem;padding-left:0;width:1.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a span{font-size:.875rem;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a:hover{background-color:var(--color-black10);color:var(--button-primary-hover-color)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a:focus{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ{align-items:center;display:flex;width:100%}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw{background:#0000;min-height:3rem;width:100%}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw>span{border-radius:var(--input-border-radius);height:.3rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw p{font-size:.875rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{background-color:var(--color-black10)}.FileItem-module_file-item-wrapper__AHppD span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv{align-items:center;display:flex;font-size:.875rem;margin:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv .FileItem-module_friendly-name__3FShY{text-wrap:wrap;overflow-wrap:anywhere;text-overflow:ellipsis}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv.FileItem-module_error__LJfYJ span:before{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG{color:var(--color-primary);cursor:pointer;margin-left:auto;margin-right:1rem;padding-left:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG a,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG label{color:var(--color-primary);cursor:pointer;padding-left:.5rem;text-decoration:none;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT{margin-right:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT:before{color:var(--color-primary500)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT.FileItem-module_retry__rhh2E:before{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{text-wrap:wrap;display:block;margin:.3125rem 1.75rem;overflow-wrap:anywhere;padding:0;text-overflow:ellipsis}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_error__LJfYJ,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_retry__rhh2E{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_readonly__KKX3X{color:var(--greyed-out)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd{margin-left:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQWtERjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FFQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBQ0Esa0NBQ0UsdURBQ0YsQ0FFQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUVFLHdDQUF5QyxDQUR6QyxTQUFVLENBR1YsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDBDQUNFLHdCQUNGLENBQ0YsQ0FDQSx3REFDRSxpQkFDRixDQUNBLHNGQUNFLHlDQUEwQyxDQUUxQyxZQUFhLENBRWIsY0FBZSxDQURmLDZCQUE4QixDQUU5QixtQkFBb0IsQ0FKcEIscUJBS0YsQ0FDQSxvSUFFRSxZQUFhLENBRGIsZUFFRixDQUNBLDJJQUNFLGlCQUNGLENBQ0EsZ0pBQ0UsaUJBQW1CLENBQ25CLHlCQUNGLENBQ0Esc0lBTUUsa0JBQW1CLENBRm5CLGNBQWUsQ0FDZixZQUFhLENBRmIsZUFBZ0IsQ0FLaEIsaUJBQW1CLENBUG5CLG1CQUFxQixDQUNyQixxQkFBc0IsQ0FLdEIsb0JBRUYsQ0FDQSw4S0FDRSxZQUFhLENBSWIsaUJBQW1CLENBSG5CLHNCQUF1QixDQUV2QixtQkFBcUIsQ0FFckIsY0FBZSxDQUhmLFlBSUYsQ0FDQSwySUFDRSxpQkFBbUIsQ0FDbkIseUJBQ0YsQ0FDQSw0SUFFRSxxQ0FBc0MsQ0FEdEMsdUNBRUYsQ0FDQSw0SUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGtCQUVGLENBQ0EsbUlBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixVQUdGLENBQ0Esd0tBR0UsZ0JBQXVCLENBRnZCLGVBQWdCLENBQ2hCLFVBRUYsQ0FDQSw2S0FFRSx3Q0FBeUMsQ0FEekMsWUFFRixDQUNBLDBLQUNFLGlCQUNGLENBQ0EsK0VBQ0UscUNBQ0YsQ0FDQSw2REFDRSx3Q0FBeUMsQ0FDekMsV0FDRixDQUNBLDRFQUdFLGtCQUFtQixDQURuQixZQUFhLENBRWIsaUJBQW1CLENBSG5CLFFBSUYsQ0FDQSxrSEFHRSxjQUFlLENBRmYsc0JBQXVCLENBQ3ZCLHNCQUVGLENBQ0EscUhBQ0Usa0JBQ0YsQ0FDQSw4RUFFRSwwQkFBMkIsQ0FDM0IsY0FBZSxDQUZmLGdCQUFpQixDQUlqQixpQkFBa0IsQ0FEbEIsb0JBRUYsQ0FDQSxvS0FJRSwwQkFBMkIsQ0FEM0IsY0FBZSxDQURmLGtCQUFvQixDQUdwQixvQkFBcUIsQ0FKckIseUJBS0YsQ0FDQSw0RUFDRSxrQkFDRixDQUNBLG1GQUNFLDZCQUNGLENBQ0EsZ0hBQ0Usa0JBQ0YsQ0FDQSwrSkFPRSxjQUFlLENBTGYsYUFBYyxDQUNkLHVCQUF5QixDQUV6QixzQkFBdUIsQ0FEdkIsU0FBVSxDQUVWLHNCQUVGLENBQ0EsZ0pBRUUsa0JBQ0YsQ0FDQSwyRUFDRSx1QkFDRixDQUNBLGdGQUNFLGFBQ0YiLCJmaWxlIjoiRmlsZUl0ZW0ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5maWxlLWl0ZW0td3JhcHBlciB7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWl0ZW0td3JhcHBlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5maWxlLWl0ZW0td3JhcHBlciBbY2xhc3MqPWljb25dIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtaW4taGVpZ2h0OiAyLjg3NXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIHtcbiAgbWFyZ2luOiAwLjI1cmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBidXR0b24ge1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYnV0dG9uIHNwYW4ge1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGEge1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVyZW07XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSBzcGFuLmFjdGlvbi1pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxLjVyZW07XG4gIG1hcmdpbi1yaWdodDogMC4yNXJlbTtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSBzcGFuIHtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhOmZvY3VzIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24ge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24gLnByb2dyZXNzLWJhciB7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24gLnByb2dyZXNzLWJhciA+IHNwYW4ge1xuICBoZWlnaHQ6IDAuM3JlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIC5wcm9ncmVzcy1iYXIgcCB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIHNwYW5bY2xhc3MqPWJhci0tXSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBoZWlnaHQ6IDFyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSB7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1uYW1lIC5mcmllbmRseS1uYW1lIHtcbiAgb3ZlcmZsb3ctd3JhcDogYW55d2hlcmU7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LXdyYXA6IHdyYXA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZS5lcnJvciBzcGFuOjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiB7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmFjdGlvbi1pY29uIGxhYmVsLCAuZmlsZS1pdGVtLXdyYXBwZXIgLmFjdGlvbi1pY29uIGEge1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgcGFkZGluZy1sZWZ0OiAwLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb246OmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uLnJldHJ5OjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luOiAwLjMxMjVyZW0gMS43NXJlbTtcbiAgcGFkZGluZzogMDtcbiAgb3ZlcmZsb3ctd3JhcDogYW55d2hlcmU7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LXdyYXA6IHdyYXA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmVycm9yLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZXRyeSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnJlYWRvbmx5IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDA7XG59Il19 */'),exports.default={"sr-only":"FileItem-module_sr-only__ihOCn",hidden:"FileItem-module_hidden__Q56h4","slide-in":"FileItem-module_slide-in__1tGpk","slide-out":"FileItem-module_slide-out__cVuA5","file-item-wrapper":"FileItem-module_file-item-wrapper__AHppD","file-list-container":"FileItem-module_file-list-container__SlvTj","action-button-wrapper":"FileItem-module_action-button-wrapper__1mAks","action-icon":"FileItem-module_action-icon__BvDBG","progress-with-action":"FileItem-module_progress-with-action__SfLXZ","progress-bar":"FileItem-module_progress-bar__JSZGw","file-name":"FileItem-module_file-name__fX1qv","friendly-name":"FileItem-module_friendly-name__3FShY",error:"FileItem-module_error__LJfYJ","file-icon":"FileItem-module_file-icon__krJdT",retry:"FileItem-module_retry__rhh2E","file-subtitle":"FileItem-module_file-subtitle__vB6Rd",readonly:"FileItem-module_readonly__KKX3X"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileItem-module_sr-only__ihOCn{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-module_hidden__Q56h4{display:none}.FileItem-module_slide-in__1tGpk{animation:FileItem-module_slide-in__1tGpk .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-in__1tGpk{animation-duration:.1ms}}.FileItem-module_slide-out__cVuA5{animation:FileItem-module_slide-out__cVuA5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-out__cVuA5{animation-duration:.1ms}}@keyframes FileItem-module_slide-in__1tGpk{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-module_slide-out__cVuA5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileItem-module_file-item-wrapper__AHppD{border-radius:var(--input-border-radius);padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem-module_file-item-wrapper__AHppD{transition-duration:.1ms}}.FileItem-module_file-item-wrapper__AHppD [class*=icon]{font-size:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj{background-color:var(--color-blue-grey25);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:2.875rem;padding:.25rem .75rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks{display:flex;margin:.25rem 0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks button{margin-left:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks button span{font-size:.875rem;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-left:.5rem;padding-left:.75rem;padding-right:1.25rem;text-decoration:none}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a span.FileItem-module_action-icon__BvDBG{display:flex;font-size:.875rem;justify-content:center;margin-right:.25rem;padding-left:0;width:1.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a span{font-size:.875rem;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a:hover{background-color:var(--color-black10);color:var(--button-primary-hover-color)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a:focus{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ{align-items:center;display:flex;width:100%}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw{background:#0000;min-height:3rem;width:100%}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw>span{border-radius:var(--input-border-radius);height:.3rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw p{font-size:.875rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{background-color:var(--color-black10)}.FileItem-module_file-item-wrapper__AHppD span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv{align-items:center;display:flex;font-size:.875rem;margin:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv .FileItem-module_friendly-name__3FShY{text-wrap:wrap;overflow-wrap:anywhere;text-overflow:ellipsis}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv.FileItem-module_error__LJfYJ span:before{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG{color:var(--color-primary);cursor:pointer;margin-left:auto;margin-right:1rem;padding-left:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG a,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG label{color:var(--color-primary);cursor:pointer;padding-left:.5rem;text-decoration:none;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT{margin-right:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT:before{color:var(--color-primary500)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT.FileItem-module_retry__rhh2E:before{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{text-wrap:wrap;display:block;margin:.3125rem 1.75rem;overflow-wrap:anywhere;padding:0;text-overflow:ellipsis}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_error__LJfYJ,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_retry__rhh2E{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_readonly__KKX3X{color:var(--greyed-out)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd{margin-left:0}.FileItem-module_file-item-wrapper__AHppD[data-readonlyview=true] .FileItem-module_file-list-container__SlvTj p span:before{color:var(--font-family)}.FileItem-module_file-item-wrapper__AHppD[data-readonlyview=true] .FileItem-module_file-list-container__SlvTj button{visibility:hidden}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQWtERjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FFQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBQ0Esa0NBQ0UsdURBQ0YsQ0FFQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUVFLHdDQUF5QyxDQUR6QyxTQUFVLENBR1YsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDBDQUNFLHdCQUNGLENBQ0YsQ0FDQSx3REFDRSxpQkFDRixDQUNBLHNGQUNFLHlDQUEwQyxDQUUxQyxZQUFhLENBRWIsY0FBZSxDQURmLDZCQUE4QixDQUU5QixtQkFBb0IsQ0FKcEIscUJBS0YsQ0FDQSxvSUFFRSxZQUFhLENBRGIsZUFFRixDQUNBLDJJQUNFLGlCQUNGLENBQ0EsZ0pBQ0UsaUJBQW1CLENBQ25CLHlCQUNGLENBQ0Esc0lBTUUsa0JBQW1CLENBRm5CLGNBQWUsQ0FDZixZQUFhLENBRmIsZUFBZ0IsQ0FLaEIsaUJBQW1CLENBUG5CLG1CQUFxQixDQUNyQixxQkFBc0IsQ0FLdEIsb0JBRUYsQ0FDQSw4S0FDRSxZQUFhLENBSWIsaUJBQW1CLENBSG5CLHNCQUF1QixDQUV2QixtQkFBcUIsQ0FFckIsY0FBZSxDQUhmLFlBSUYsQ0FDQSwySUFDRSxpQkFBbUIsQ0FDbkIseUJBQ0YsQ0FDQSw0SUFFRSxxQ0FBc0MsQ0FEdEMsdUNBRUYsQ0FDQSw0SUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGtCQUVGLENBQ0EsbUlBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixVQUdGLENBQ0Esd0tBR0UsZ0JBQXVCLENBRnZCLGVBQWdCLENBQ2hCLFVBRUYsQ0FDQSw2S0FFRSx3Q0FBeUMsQ0FEekMsWUFFRixDQUNBLDBLQUNFLGlCQUNGLENBQ0EsK0VBQ0UscUNBQ0YsQ0FDQSw2REFDRSx3Q0FBeUMsQ0FDekMsV0FDRixDQUNBLDRFQUdFLGtCQUFtQixDQURuQixZQUFhLENBRWIsaUJBQW1CLENBSG5CLFFBSUYsQ0FDQSxrSEFHRSxjQUFlLENBRmYsc0JBQXVCLENBQ3ZCLHNCQUVGLENBQ0EscUhBQ0Usa0JBQ0YsQ0FDQSw4RUFFRSwwQkFBMkIsQ0FDM0IsY0FBZSxDQUZmLGdCQUFpQixDQUlqQixpQkFBa0IsQ0FEbEIsb0JBRUYsQ0FDQSxvS0FJRSwwQkFBMkIsQ0FEM0IsY0FBZSxDQURmLGtCQUFvQixDQUdwQixvQkFBcUIsQ0FKckIseUJBS0YsQ0FDQSw0RUFDRSxrQkFDRixDQUNBLG1GQUNFLDZCQUNGLENBQ0EsZ0hBQ0Usa0JBQ0YsQ0FDQSwrSkFPRSxjQUFlLENBTGYsYUFBYyxDQUNkLHVCQUF5QixDQUV6QixzQkFBdUIsQ0FEdkIsU0FBVSxDQUVWLHNCQUVGLENBQ0EsZ0pBRUUsa0JBQ0YsQ0FDQSwyRUFDRSx1QkFDRixDQUNBLGdGQUNFLGFBQ0YsQ0FDQSw0SEFDRSx3QkFDRixDQUNBLHFIQUNFLGlCQUNGIiwiZmlsZSI6IkZpbGVJdGVtLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZmlsZS1pdGVtLXdyYXBwZXIge1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1pdGVtLXdyYXBwZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgW2NsYXNzKj1pY29uXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWluLWhlaWdodDogMi44NzVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciB7XG4gIG1hcmdpbjogMC4yNXJlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYnV0dG9uIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGJ1dHRvbiBzcGFuIHtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhIHtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1cmVtO1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICBmb250LXdlaWdodDogNTAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGEgc3Bhbi5hY3Rpb24taWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMS41cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDAuMjVyZW07XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIHBhZGRpbmctbGVmdDogMDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGEgc3BhbiB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYTpob3ZlciB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYTpmb2N1cyB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIC5wcm9ncmVzcy1iYXIge1xuICBtaW4taGVpZ2h0OiAzcmVtO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIC5wcm9ncmVzcy1iYXIgPiBzcGFuIHtcbiAgaGVpZ2h0OiAwLjNyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5wcm9ncmVzcy13aXRoLWFjdGlvbiAucHJvZ3Jlc3MtYmFyIHAge1xuICBmb250LXNpemU6IDAuODc1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciBzcGFuW2NsYXNzKj1iYXItLV0ge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgaGVpZ2h0OiAxcmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUge1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSAuZnJpZW5kbHktbmFtZSB7XG4gIG92ZXJmbG93LXdyYXA6IGFueXdoZXJlO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgdGV4dC13cmFwOiB3cmFwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUuZXJyb3Igc3Bhbjo6YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuYWN0aW9uLWljb24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiBsYWJlbCwgLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiBhIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uOjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtaWNvbi5yZXRyeTo6YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1zdWJ0aXRsZSxcbi5maWxlLWl0ZW0td3JhcHBlciAucHJvZ3Jlc3MtYmFyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogMC4zMTI1cmVtIDEuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93LXdyYXA6IGFueXdoZXJlO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgdGV4dC13cmFwOiB3cmFwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5lcnJvcixcbi5maWxlLWl0ZW0td3JhcHBlciAucmV0cnkge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZWFkb25seSB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1zdWJ0aXRsZSB7XG4gIG1hcmdpbi1sZWZ0OiAwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5maWxlLWxpc3QtY29udGFpbmVyIHAgc3BhbjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5maWxlLWxpc3QtY29udGFpbmVyIGJ1dHRvbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn0iXX0= */'),exports.default={"sr-only":"FileItem-module_sr-only__ihOCn",hidden:"FileItem-module_hidden__Q56h4","slide-in":"FileItem-module_slide-in__1tGpk","slide-out":"FileItem-module_slide-out__cVuA5","file-item-wrapper":"FileItem-module_file-item-wrapper__AHppD","file-list-container":"FileItem-module_file-list-container__SlvTj","action-button-wrapper":"FileItem-module_action-button-wrapper__1mAks","action-icon":"FileItem-module_action-icon__BvDBG","progress-with-action":"FileItem-module_progress-with-action__SfLXZ","progress-bar":"FileItem-module_progress-bar__JSZGw","file-name":"FileItem-module_file-name__fX1qv","friendly-name":"FileItem-module_friendly-name__3FShY",error:"FileItem-module_error__LJfYJ","file-icon":"FileItem-module_file-icon__krJdT",retry:"FileItem-module_retry__rhh2E","file-subtitle":"FileItem-module_file-subtitle__vB6Rd",readonly:"FileItem-module_readonly__KKX3X"};
 //# sourceMappingURL=FileItem.module.scss.cjs.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.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  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n  const inputId = `input-${name}`;\n  const labelClasses = [classes[\"file-upload-title\"]];\n  isRequired && labelClasses.push(classes[\"required\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n      } else {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")}>\n          <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n            {title}\n          </Label>\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    id={inputId}\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUpload","React","forwardRef","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","errorClass","default","inputId","labelClasses","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","parseFloat","toFixed","status","useEffect","validatedFiles","className","createElement","join","Label","htmlFor","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","Typography","variant","Button","isFileValid","spellCheck"],"mappings":"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"}
+{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.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  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  /**\n   * @deprecated use the `helperText` prop instead\n   */\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n  readOnlyViewMessage?: string;\n  helperText?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    readOnlyViewMessage = \"No file uploaded\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText, // @deprecated\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    helperText = subText,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  const readOnlyView = rest[\"data-readonlyview\"];\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n  const inputId = `input-${name}`;\n  const labelClasses = [classes[\"file-upload-title\"]];\n  isRequired && labelClasses.push(classes[\"required\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n      } else {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")} data-readonlyview={readOnlyView}>\n          <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n            {title}\n          </Label>\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n            tabIndex={readOnlyView ? 0 : -1}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {readOnlyView ? readOnlyViewMessage : dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    id={inputId}\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {helperText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = withReadOnly(React.forwardRef(FileUploadComponent));\n"],"names":["FileUpload","withReadOnly","React","forwardRef","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","readOnlyViewMessage","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","helperText","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","hasError","readOnlyView","errorClass","default","inputId","labelClasses","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","parseFloat","toFixed","status","useEffect","validatedFiles","className","createElement","join","Label","htmlFor","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","tabIndex","Typography","variant","Button","isFileValid","spellCheck"],"mappings":"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"}