@onewelcome/react-lib-components 8.4.0 → 8.6.0

package/dist/cjs/withReadOnly.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withReadOnly.cjs.js","sources":["../../../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, any> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\nexport const withReadOnly = <P extends object>(WrappedComponent: ComponentType<P>) => {\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, any> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<any>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["componentsWithKeyEventsToPrevent","getConditionalProps","readOnlyView","type","helperText","props","style","pointerEvents","userSelect","WrappedComponent","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","isEnterOrSpace","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","createElement","_b","_a","getDisplayName"],"mappings":"oCAyBA,MAAMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAA6B,CAAA,EAenC,OAbIH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAGrBC,EAAMD,WAAaA,EAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAK,uBAGiCI,IAC7C,MAAMC,EAAsDR,IAC1D,MAAMS,EAAyBC,IACN,CAACA,GAA+B,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,IAChEC,CAAeF,KACjBA,EAAEG,kBACFH,EAAEI,iBACH,EAGH,GACEd,GACAF,EAAiCiB,SAC/BR,EAAiBS,aAAeT,EAAiBU,MAEnD,CACA,MAAMd,EAA6B,CAEnCA,QAAiBO,IACfD,EAAsBC,EAAE,EAG1BP,UAAmBO,IACjBD,EAAsBC,EAAE,GAG1B,OAAOP,CACR,CAED,MAAO,EAAE,EAGLe,EAAwBC,EAAMC,YAClC,CAACjB,EAAiDkB,KAChD,MAAMrB,aACJA,GAAe,EAAKsB,SACpBA,EAAQC,SACRA,EAAQrB,WACRA,EAAUD,KACVA,EAAO,MACJuB,GACDrB,EAEJ,OACEgB,EAACM,cAAAlB,GACCc,IAAKA,KACAG,sBACcxB,EAAY,gBAChBA,EACfsB,UAAUtB,GAAuBsB,KAC7BvB,EAAoBC,EAAcC,EAAMC,MACxCM,EAAmDR,IAEtDuB,EAEH,IAKN,OADAL,EAAsBF,YAAc,gBAlFf,CAAKT,YAC1B,OAAgE,QAAzDmB,EAAgC,QAAhCC,EAAApB,EAAiBS,mBAAe,IAAAW,EAAAA,EAAApB,EAAiBU,YAAQ,IAAAS,EAAAA,EAAA,WAAW,EAiFvBE,CAAerB,KAC5DW,CAAqB"}

package/dist/esm/Button/BaseButton.esm.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import classes from './BaseButton.module.scss.esm.js';
-import { Spinner } from './Spinner.esm.js';
+import { ButtonSpinner } from './Spinner.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -24,7 +24,7 @@ const BaseButtonComponent = ({ children, type = "button", className, loading, di
         throw new Error(`You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`);
     return (React.createElement("button", { ...rest, disabled: isDisabled, ref: ref, type: type, className: `${classes.button} ${loading ? classes.loading : ""} ${className ? className : ""}` }, loading ? (React.createElement(Fragment, null,
         React.createElement("div", { className: classes["content-hidden"] }, children),
-        React.createElement(Spinner, { className: classes["spinner"] }))) : (children)));
+        React.createElement(ButtonSpinner, { className: classes["spinner"] }))) : (children)));
 };
 const BaseButton = React.forwardRef(BaseButtonComponent);
 

package/dist/esm/Button/BaseButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.esm.js","sources":["../../../../../src/components/Button/BaseButton.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, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { Spinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type))\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      className={`${classes.button} ${loading ? classes.loading : \"\"} ${\n        className ? className : \"\"\n      }`}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <Spinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,mBAAmB,GAAuD,CAC9E,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACpE,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,OAAO,CAAC;AACvC,IAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5B,QAAA,MAAM,IAAI,KAAK,CACb,uFAAuF,IAAI,CAAA,CAAE,CAC9F,CAAC;IAEJ,QACE,KACM,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,MAAM,CAAI,CAAA,EAAA,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,EAAE,CAC5D,CAAA,EAAA,SAAS,GAAG,SAAS,GAAG,EAC1B,CAAA,CAAE,EAED,EAAA,OAAO,IACN,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;QACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC3D,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAI,CACjC,KAEX,QAAQ,CACT,CACM,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"BaseButton.esm.js","sources":["../../../../../src/components/Button/BaseButton.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, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type))\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      className={`${classes.button} ${loading ? classes.loading : \"\"} ${\n        className ? className : \"\"\n      }`}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,mBAAmB,GAAuD,CAC9E,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACpE,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,OAAO,CAAC;AACvC,IAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5B,QAAA,MAAM,IAAI,KAAK,CACb,uFAAuF,IAAI,CAAA,CAAE,CAC9F,CAAC;IAEJ,QACE,KACM,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,MAAM,CAAI,CAAA,EAAA,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,EAAE,CAC5D,CAAA,EAAA,SAAS,GAAG,SAAS,GAAG,EAC1B,CAAA,CAAE,EAED,EAAA,OAAO,IACN,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;QACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC3D,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAI,CACvC,KAEX,QAAQ,CACT,CACM,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}

package/dist/esm/Button/Spinner.esm.js

@@ -15,8 +15,8 @@ import React from 'react';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const Spinner = props => (React.createElement("svg", { ...props, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const ButtonSpinner = props => (React.createElement("svg", { ...props, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z", fill: "#5D607E" })));
 
-export { Spinner };
+export { ButtonSpinner };
 //# sourceMappingURL=Spinner.esm.js.map

package/dist/esm/Button/Spinner.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.esm.js","sources":["../../../../../src/components/Button/Spinner.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 from \"react\";\n\nexport const Spinner: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    {...props}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z\"\n      fill=\"#5D607E\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAII,MAAM,OAAO,GAA4C,KAAK,KACnE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;IAElC,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,8wBAA8wB,EAChxB,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}
+{"version":3,"file":"Spinner.esm.js","sources":["../../../../../src/components/Button/Spinner.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 from \"react\";\n\nexport const ButtonSpinner: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    {...props}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z\"\n      fill=\"#5D607E\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAII,MAAM,aAAa,GAA4C,KAAK,KACzE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;IAElC,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,8wBAA8wB,EAChxB,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}

package/dist/esm/Form/Checkbox/Checkbox.esm.js

@@ -3,6 +3,7 @@ import { Icon, Icons } from '../../Icon/Icon.esm.js';
 import classes from './Checkbox.module.scss.esm.js';
 import { useFormSelector } from '../../src/hooks/useFormSelector.esm.js';
 import { FormSelectorWrapper } from '../FormSelectorWrapper/FormSelectorWrapper.esm.js';
+import { withReadOnly } from '../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -72,7 +73,7 @@ const CheckboxComponent = ({ children, name, helperText, helperProps, indetermin
         !checked && !indeterminate && (React.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["square"]}`, icon: Icons.Square })),
         React.createElement("label", { htmlFor: `${identifier}-checkbox` }, determineLabel())));
 };
-const Checkbox = React.forwardRef(CheckboxComponent);
+const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));
 
 export { Checkbox };
 //# sourceMappingURL=Checkbox.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.esm.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":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.esm.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":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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= */";
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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 */";
 var classes = {"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"};
 styleInject(css_248z);
 

package/dist/esm/Form/Fieldset/Fieldset.esm.js

@@ -16,6 +16,7 @@ import { FormHelperText } from '../FormHelperText/FormHelperText.esm.js';
 import { InputWrapper } from '../Wrapper/InputWrapper/InputWrapper.esm.js';
 import { SelectWrapper } from '../Wrapper/SelectWrapper/SelectWrapper.esm.js';
 import { TextareaWrapper } from '../Wrapper/TextareaWrapper/TextareaWrapper.esm.js';
+import { withReadOnly } from '../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -72,7 +73,7 @@ const FieldsetComponent = ({ children, className, legend, legendStyle = "body",
         legend && !hideLegend && (React.createElement(Typography, { variant: legendStyle, tag: "span", "aria-hidden": "true", className: `${classes["legend"]} ${required ? classes["required"] : ""}` }, legend)),
         renderChildren()));
 };
-const Fieldset = React.forwardRef(FieldsetComponent);
+const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));
 
 export { Fieldset };
 //# sourceMappingURL=Fieldset.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.esm.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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAiCH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,UAAU,GAAG,YAAY,GAAG,EAAE,GAAG,MAAM,EACvC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;AAED;;;AAGwI;AACxI,QAAA,MAAM,iBAAiB,GAAuC;YAC5D,KAAK;YACL,MAAM;YACN,WAAW;YACX,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,KAAK;YACL,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,YAAY;YACZ,aAAa;YACb,eAAe;SAChB,CAAC;QAEF,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAmB,KAAI;;AAC1D,YAAA,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACjE,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC/B,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,mCAAI,QAAQ;AAC3C,iBAAA,CAAC,CAAC;aACJ;AAED,YAAA,OAAO,KAAK,CAAC;AACf,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACE,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EACrD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAI,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAE5F,MAAM,IAAI,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,EAAG,EAAA,MAAM,CAAU;AACvE,QAAA,MAAM,IAAI,CAAC,UAAU,KACpB,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,WAAW,EACpB,GAAG,EAAC,MAAM,iBACE,MAAM,EAClB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAEvE,EAAA,MAAM,CACI,CACd;QACA,cAAc,EAAE,CACR,EACX;AACJ,CAAC,CAAC;AAEW,MAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB;;;;"}
+{"version":3,"file":"Fieldset.esm.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":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkCH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,UAAU,GAAG,YAAY,GAAG,EAAE,GAAG,MAAM,EACvC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;AAED;;;AAGwI;AACxI,QAAA,MAAM,iBAAiB,GAAuC;YAC5D,KAAK;YACL,MAAM;YACN,WAAW;YACX,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,KAAK;YACL,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,YAAY;YACZ,aAAa;YACb,eAAe;SAChB,CAAC;QAEF,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAmB,KAAI;;AAC1D,YAAA,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACjE,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC/B,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,mCAAI,QAAQ;AAC3C,iBAAA,CAAC,CAAC;aACJ;AAED,YAAA,OAAO,KAAK,CAAC;AACf,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACE,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EACrD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAI,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAE5F,MAAM,IAAI,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,EAAG,EAAA,MAAM,CAAU;AACvE,QAAA,MAAM,IAAI,CAAC,UAAU,KACpB,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,WAAW,EACpB,GAAG,EAAC,MAAM,iBACE,MAAM,EAClB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAEvE,EAAA,MAAM,CACI,CACd;QACA,cAAc,EAAE,CACR,EACX;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;;;"}

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

@@ -5,6 +5,7 @@ import { Icons, Icon } from '../../../Icon/Icon.esm.js';
 import { ProgressBar } from '../../../ProgressBar/ProgressBar.esm.js';
 import { Button } from '../../../Button/Button.esm.js';
 import { Link } from '../../../Link/Link.esm.js';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -37,7 +38,7 @@ var ACTION_STATUS;
     ACTION_STATUS["RETRY"] = "retry";
     ACTION_STATUS["READONLY"] = "readonly";
 })(ACTION_STATUS || (ACTION_STATUS = {}));
-const FileItemComponent = ({ name, status, error, progress, downloadFileLink, totalPercentage, onRequestedFileAction }, ref) => {
+const FileItemComponent = ({ name, status, error, progress, downloadFileLink, totalPercentage, onRequestedFileAction, ...rest }, ref) => {
     const determineIcons = (status) => {
         switch (status) {
             case ACTION_STATUS.COMPLETED:
@@ -117,7 +118,13 @@ const FileItemComponent = ({ name, status, error, progress, downloadFileLink, to
     const getProgressBar = () => {
         return (React.createElement(ProgressBar, { className: classes["progress-bar"], completed: progress, label: `${friendlyName}.${extension}`, percentage: totalPercentage }));
     };
-    return (React.createElement("div", { ref: ref, className: classes["file-item-wrapper"], "aria-label": `${name}-wrapper` },
+    const restPropsWithoutPointerEvents = () => {
+        var _a;
+        let props = rest;
+        (_a = rest === null || rest === void 0 ? void 0 : rest.style) === null || _a === void 0 ? true : delete _a.pointerEvents;
+        return props;
+    };
+    return (React.createElement("div", { ref: ref, className: classes["file-item-wrapper"], "aria-label": `${name}-wrapper`, tabIndex: 0, ...restPropsWithoutPointerEvents() },
         React.createElement("div", { className: classes["file-list-container"] },
             status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo(),
             React.createElement("div", { className: `${status === ACTION_STATUS.UPLOADING ? classes["progress-with-action"] : ""}` },
@@ -125,7 +132,7 @@ const FileItemComponent = ({ name, status, error, progress, downloadFileLink, to
                 React.createElement("div", { className: classes["action-button-wrapper"] }, icons.actionIcons && renderActionIcons(icons.actionIcons)))),
         error && (React.createElement(Typography, { variant: "sub-text", className: `${classes["file-subtitle"]} ${status ? classes[status] : ""}` }, error))));
 };
-const FileItem = React.forwardRef(FileItemComponent);
+const FileItem = withReadOnly(React.forwardRef(FileItemComponent));
 
 export { ACTION_STATUS, FILE_ACTION, FileItem };
 //# sourceMappingURL=FileItem.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileItem.esm.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":[],"mappings":"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"}
+{"version":3,"file":"FileItem.esm.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":[],"mappings":"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"}

package/dist/esm/Form/FileUpload/FileItem/FileItem.module.scss.esm.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\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 */";
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\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= */";
 var classes = {"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"};
 styleInject(css_248z);
 

package/dist/esm/Form/FileUpload/FileUpload.esm.js

@@ -5,6 +5,7 @@ import { Typography } from '../../Typography/Typography.esm.js';
 import classes from './FileUpload.module.scss.esm.js';
 import { useDetermineStatusIcon } from '../../src/hooks/useDetermineStatusIcon.esm.js';
 import { Label } from '../Label/Label.esm.js';
+import { withReadOnly } from '../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -21,7 +22,8 @@ import { Label } from '../Label/Label.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const FileUploadComponent = ({ name, accept, error, success, maxFileSizeInBytes, multiple, id, title, labeledBy, disabled = false, onChange, dragAndDropText = "Drag and drop or", selectButtonText = "Browse file", onDragOver, onDragLeave, wrapperProps, onDrop, subText, onRequestedFileAction, exceedingMaxSizeErrorText, fileList, downloadFileLink, isRequired = true, invalidDropErrorMessage = "Invalid file format. Supported formats are: $accept.", noMultipleFileDropErrorMessage = "You can upload only a single file.", ...rest }, ref) => {
+const FileUploadComponent = ({ name, accept, error, success, maxFileSizeInBytes, multiple, id, title, labeledBy, disabled = false, onChange, dragAndDropText = "Drag and drop or", selectButtonText = "Browse file", readOnlyViewMessage = "No file uploaded", onDragOver, onDragLeave, wrapperProps, onDrop, subText, // @deprecated
+onRequestedFileAction, exceedingMaxSizeErrorText, fileList, downloadFileLink, isRequired = true, invalidDropErrorMessage = "Invalid file format. Supported formats are: $accept.", noMultipleFileDropErrorMessage = "You can upload only a single file.", helperText = subText, ...rest }, ref) => {
     const labelRef = useRef(null);
     const [dragActive, setDragActive] = useState(false);
     const [errorMsg, setErrorMsg] = useState("");
@@ -33,6 +35,7 @@ const FileUploadComponent = ({ name, accept, error, success, maxFileSizeInBytes,
     let errorTextClass = [classes["file-selector-sub-text"]];
     dragActive && dropzoneContainerClassNames.push(classes["drag-active"]);
     const hasError = inputError || error || errorMsg;
+    const readOnlyView = rest["data-readonlyview"];
     if (hasError) {
         const errorClass = classes["error"];
         dropzoneClassNames.push(errorClass);
@@ -156,13 +159,13 @@ const FileUploadComponent = ({ name, accept, error, success, maxFileSizeInBytes,
     };
     return (React.createElement("div", { className: classes["file-upload-wrapper"], ...wrapperProps },
         React.createElement("div", { className: classes["dropzone-wrapper"] },
-            React.createElement("div", { className: dropzoneClassNames.join(" ") },
+            React.createElement("div", { className: dropzoneClassNames.join(" "), "data-readonlyview": readOnlyView },
                 React.createElement(Label, { ref: labelRef, className: `${labelClasses.join(" ")}`, htmlFor: inputId }, title),
                 (fileList === null || fileList === void 0 ? void 0 : fileList.length) > 0 && (React.createElement("ul", { className: classes["file-list"] }, fileList.map(({ name, status, progress, error }) => (React.createElement("li", { key: name, className: status, id: name },
                     React.createElement(FileItem, { name: name, key: `${name}_${status}`, status: status, progress: progress, error: error, downloadFileLink: downloadFileLink, onRequestedFileAction: onRequestedFileAction })))))),
-                React.createElement("div", { className: dropzoneContainerClassNames.join(" "), onDragOver: e => !disabled && handleOnDragOver(e), onDragLeave: e => !disabled && handleOnDragLeave(e), onDrop: e => !disabled && handleOnDrop(e) },
+                React.createElement("div", { className: dropzoneContainerClassNames.join(" "), onDragOver: e => !disabled && handleOnDragOver(e), onDragLeave: e => !disabled && handleOnDragLeave(e), onDrop: e => !disabled && handleOnDrop(e), tabIndex: readOnlyView ? 0 : -1 },
                     React.createElement("div", { className: classes["file-select"] },
-                        React.createElement(Typography, { variant: "body", className: "drag-and-drop-text" }, dragAndDropText),
+                        React.createElement(Typography, { variant: "body", className: "drag-and-drop-text" }, readOnlyView ? readOnlyViewMessage : dragAndDropText),
                         React.createElement("div", { className: classes["file-upload-btn"] },
                             React.createElement(Button, { variant: "outline", disabled: disabled },
                                 selectButtonText,
@@ -170,9 +173,9 @@ const FileUploadComponent = ({ name, accept, error, success, maxFileSizeInBytes,
                         !disabled && icon,
                         React.createElement("span", { className: classes["outline"] })))),
             errorMsg && (React.createElement(Typography, { variant: "sub-text", className: errorTextClass.join(" ") }, errorMsg)),
-            subText && (React.createElement(Typography, { variant: "sub-text", className: subTextClass.join(" ") }, subText)))));
+            helperText && (React.createElement(Typography, { variant: "sub-text", className: subTextClass.join(" ") }, helperText)))));
 };
-const FileUpload = React.forwardRef(FileUploadComponent);
+const FileUpload = withReadOnly(React.forwardRef(FileUploadComponent));
 
 export { FileUpload };
 //# sourceMappingURL=FileUpload.esm.js.map