@onewelcome/react-lib-components 8.5.0 → 8.7.0

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.esm.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n  const inputId = `input-${name}`;\n  const labelClasses = [classes[\"file-upload-title\"]];\n  isRequired && labelClasses.push(classes[\"required\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n      } else {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")}>\n          <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n            {title}\n          </Label>\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    id={inputId}\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AA4CH,MAAM,mBAAmB,GAAsD,CAC7E,EACE,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,EAAE,EACF,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,eAAe,GAAG,kBAAkB,EACpC,gBAAgB,GAAG,aAAa,EAChC,UAAU,EACV,WAAW,EACX,YAAY,EACZ,MAAM,EACN,OAAO,EACP,qBAAqB,EACrB,yBAAyB,EACzB,QAAQ,EACR,gBAAgB,EAChB,UAAU,GAAG,IAAI,EACjB,uBAAuB,GAAG,sDAAsD,EAChF,8BAA8B,GAAG,oCAAoC,EACrE,GAAG,IAAI,EACD,EACR,GAAG,KACD;AACF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACxD,IAAI,kBAAkB,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACpD,IAAI,2BAA2B,GAAG,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACrE,IAAI,YAAY,GAAG,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACvD,IAAI,cAAc,GAAG,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACzD,UAAU,IAAI,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;AACvE,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,KAAK,IAAI,QAAQ,CAAC;IACjD,IAAI,QAAQ,EAAE;AACZ,QAAA,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AACpC,QAAA,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACpC,QAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC9B,QAAA,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACjC;IACD,QAAQ,IAAI,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAClE,IAAA,OAAO,IAAI,CAAC,KAAK,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AACjE,IAAA,MAAM,OAAO,GAAG,CAAS,MAAA,EAAA,IAAI,EAAE,CAAC;IAChC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACpD,UAAU,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAErD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsB,KAAgB;AACzD,QAAA,IAAI,UAAU,GAAG,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;AAC/C,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;AAC9C,QAAA,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM;YACX,KAAK,CAAC,IAAI,CAAC,KAAwB,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;gBAChD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AAChC,oBAAA,UAAU,GAAG,QAAQ;AACnB,0BAAE;AACE,4BAAA,GAAG,UAAU;AACb,4BAAA;gCACE,GAAG,cAAc,CAAC,EAAE,CAAC;AACrB,gCAAA,IAAI,EAAE,EAAE;AACT,6BAAA;AACF,yBAAA;AACH,0BAAE;AACE,4BAAA;gCACE,GAAG,cAAc,CAAC,EAAE,CAAC;AACrB,gCAAA,IAAI,EAAE,EAAE;AACT,6BAAA;yBACF,CAAC;iBACP;AACH,aAAC,CAAC,CAAC;AACL,QAAA,OAAO,UAAU,CAAC;AACpB,KAAC,CAAC;AACF,IAAA,MAAM,aAAa,GAAG,CAAC,CAAsC,KAAI;QAC/D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACxC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,IAAI,uBAAuB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACrF,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,EAAE,CAAC,CAAC;SACjB;QACD,WAAW,KAAI,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,KAAK,CAAC,CAAA,CAAC;AACnC,KAAC,CAAC;AAEF,IAAA,MAAM,uBAAuB,GAAG,CAAC,IAAc,KAAI;AACjD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QAC7C,OAAO,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACjD,KAAC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,CAAC,IAAc,KAAI;AACxC,QAAA,MAAM,MAAM,GAAa;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;QAEF,IAAI,GAAG,GAAG,KAAK,CAAC;AAEhB,QAAA,IAAI,kBAAkB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,kBAAkB,EAAE;AACtE,YAAA,IAAI,WAAmB,CAAC;AACxB,YAAA,MAAM,cAAc,GAAG,kBAAkB,IAAI,IAAI,GAAG,IAAI,CAAC;YAEzD,IAAI,cAAc,EAAE;gBAClB,WAAW,GAAG,GAAG,UAAU,CAAC,CAAC,kBAAkB,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;aAClF;iBAAM;AACL,gBAAA,WAAW,GAAG,CAAG,EAAA,UAAU,CAAC,CAAC,kBAAkB,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;aACzE;AAED,YAAA,MAAM,CAAC,KAAK;gBACV,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAzB,KAAA,CAAA,GAAA,yBAAyB,GACzB,CAAoC,iCAAA,EAAA,WAAW,0BAA0B,CAAC;AAC5E,YAAA,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC;YACxB,GAAG,GAAG,IAAI,CAAC;SACZ;QAED,aAAa,CAAC,GAAG,CAAC,CAAC;AACnB,QAAA,OAAO,MAAM,CAAC;AAChB,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,MAAM,EAAE;AACnB,YAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AAClE,YAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,cAAc,CAAC,CAAC;SAC5B;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAA4B,KAAI;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,EAAE;YACf,aAAa,CAAC,IAAI,CAAC,CAAC;SACrB;AACD,QAAA,UAAU,aAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAG,CAAC,CAAC,CAAC;AAClB,KAAC,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,CAAC,CAA4B,KAAI;;QACzD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;AACvC,QAAA,IAAI,MAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,EAAE;YACtE,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;AACD,QAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAG,CAAC,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,CAAC,CAA4B,KAAI;;QACpD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAA,MAAA,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAC,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,KAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YACzD,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,aAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA,CAAE,GAAG,EAAE,CAAC;AACnE,YAAA,IAAI,SAAS,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACtD,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;gBAChE,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;aACR;AAAM,iBAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvD,WAAW,CAAC,8BAA8B,CAAC,CAAC;gBAC5C,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;aACR;iBAAM;gBACL,WAAW,CAAC,EAAE,CAAC,CAAC;aACjB;YACD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACzD,MAAM,GAAG,MAAM,aAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAG,cAAc,CAAC,GAAG,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAG,cAAc,CAAC,CAAC;SAChE;QACD,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC;IAEF,QACE,6BAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAAA,GAAM,YAAY,EAAA;AAC9D,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAA;AACzC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA;gBAC1C,KAAC,CAAA,aAAA,CAAA,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA,EAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,EAAE,OAAO,EAAE,OAAO,EAC3E,EAAA,KAAK,CACA;gBACP,CAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,MAAM,IAAG,CAAC,KACnB,4BAAI,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAChC,EAAA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAC9C,4BAAI,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAA;AACxC,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,CAAG,EAAA,IAAI,IAAI,MAAM,CAAA,CAAE,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAAA,CAC5C,CACC,CACN,CAAC,CACC,CACN;gBAED,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,GAAG,CAAC,EAChD,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC,CAAC,EACjD,WAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,iBAAiB,CAAC,CAAC,CAAC,EACnD,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,EAAA;AAEzC,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EAAA;wBACpC,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,oBAAoB,EACvD,EAAA,eAAe,CACL;AAEb,wBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAA;4BACxC,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAA;gCACzC,gBAAgB;gCACjB,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,cAAc,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,SAAS,CAAE,CAAA,EACzD,GAAG,EAAE,GAAG,EAAA,iBAAA,EACS,SAAS,EAC1B,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,KAAK,EACjB,CAAA,CACK,CACL;wBACL,CAAC,QAAQ,IAAI,IAAI;wBAClB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAS,CACxC,CACF,CACF;YACL,QAAQ,KACP,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EACjE,EAAA,QAAQ,CACE,CACd;YACA,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/D,EAAA,OAAO,CACG,CACd,CACG,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"FileUpload.esm.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  /**\n   * @deprecated use the `helperText` prop instead\n   */\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n  readOnlyViewMessage?: string;\n  helperText?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    readOnlyViewMessage = \"No file uploaded\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText, // @deprecated\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    helperText = subText,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  const readOnlyView = rest[\"data-readonlyview\"];\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n  const inputId = `input-${name}`;\n  const labelClasses = [classes[\"file-upload-title\"]];\n  isRequired && labelClasses.push(classes[\"required\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n      } else {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")} data-readonlyview={readOnlyView}>\n          <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n            {title}\n          </Label>\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n            tabIndex={readOnlyView ? 0 : -1}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {readOnlyView ? readOnlyViewMessage : dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    id={inputId}\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {helperText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = withReadOnly(React.forwardRef(FileUploadComponent));\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 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 */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:\" *\"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:\"Drop here\";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLGdEQUNFLG1DQUFvQyxDQUNwQyxXQUNGLENBQ0EsdUhBUUUsdUNBQXdDLENBRnhDLDhGQUErRixDQUMvRix3Q0FBeUMsQ0FGekMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xuICBmb250LXdlaWdodDogNDAwO1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWxlLWRyb3B6b25lIC5maWxlLXVwbG9hZC10aXRsZS5yZXF1aXJlZDphZnRlciB7XG4gIGNvbnRlbnQ6IFwiICpcIjtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIHNwYW5bZGF0YS1pY29uLXN0YXR1c10sXG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHAge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NDAwKTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBhdXRvO1xuICByaWdodDogMnJlbTtcbn1cbi5maWxlLWRyb3B6b25lIHtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1kcm9wem9uZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnVwbG9hZC1idXR0b24td3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcGFkZGluZzogNHB4O1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlcjogdmFyKC0tZmlsZS11cGxvYWQtYm9yZGVyLXdpZHRoKSB2YXIoLS1kcmFnLWRyb3AtYm9yZGVyLXN0eWxlKSB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJEcm9wIGhlcmVcIjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmU6aG92ZXIgLm91dGxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTApO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */";
-var classes = {"sr-only":"FileUpload-module_sr-only__Awag4","hidden":"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-","required":"FileUpload-module_required__yZ5ob","error":"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn","success":"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg","disabled":"FileUpload-module_disabled__hvZQb","drag-active":"FileUpload-module_drag-active__MRJJR","outline":"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};
+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 */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:\" *\"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li p span[data-icon]:before{color:var(--color-blue-grey900)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li button{visibility:hidden}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_upload-button-wrapper__vVTvg{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg{min-height:4.5rem}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn{border:0}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn p{color:var(--read-only-text-color)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-upload-btn__M2Fg-{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:\"Drop here\";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-selector-helper-text__4KSpI{color:var(--greyed-out);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtKQUNFLFlBQ0YsQ0FDQSx3SUFDRSwrQkFDRixDQUNBLHNIQUNFLGlCQUNGLENBQ0EseUpBQ0UsWUFDRixDQUNBLCtKQUNFLGlCQUNGLENBQ0EscU1BQ0UsUUFDRixDQUNBLHVNQUNFLGlDQUNGLENBQ0EseU1BQ0UsWUFDRixDQUNBLHdKQUNFLFlBQ0YsQ0FFQSxnREFDRSxtQ0FBb0MsQ0FDcEMsV0FDRixDQUNBLHVIQU9FLHVDQUF3QyxDQUZ4Qyw4RkFBK0YsQ0FDL0Ysd0NBQXlDLENBRnpDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUZWLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxvREFDRSx1QkFBd0IsQ0FDeEIsYUFDRixDQUVBLHNDQUVFLGtCQUFtQixDQUduQiw4RkFBK0YsQ0FKL0YsWUFBYSxDQUViLGtCQUFtQixDQUNuQixzQkFBdUIsQ0FFdkIsZUFDRixDQUNBLG9EQUNFLGlCQUFrQixDQUNsQixpQkFDRixDQUNBLDBEQUNFLGVBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBtYXJnaW46IDAgMCAwLjI1cmVtIDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLnN1Y2Nlc3Mgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQgcCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xufVxuLmZpbGUtZHJvcHpvbmUgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IGF1dG87XG4gIHJpZ2h0OiAycmVtO1xufVxuLmZpbGUtZHJvcHpvbmUge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWRyb3B6b25lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC5yZXF1aXJlZDphZnRlciB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgcCBzcGFuW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06bm90KDpoYXMoLmZpbGUtbGlzdCkpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBtaW4taGVpZ2h0OiA0LjVyZW07XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXI6IDA7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3QgcCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS11cGxvYWQtYnRuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOm5vdCg6aGFzKC5maWxlLWxpc3QpKSAucmVxdWlyZWQ6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiA0cHg7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk1MCk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmU6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiRHJvcCBoZXJlXCI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgcGFkZGluZy10b3A6IDJyZW07XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlOmhvdmVyIC5vdXRsaW5lIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLmZpbGUtc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZXJyb3IgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */";
+var classes = {"sr-only":"FileUpload-module_sr-only__Awag4","hidden":"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-","required":"FileUpload-module_required__yZ5ob","error":"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn","success":"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg","disabled":"FileUpload-module_disabled__hvZQb","file-list":"FileUpload-module_file-list__GLggq","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","drag-active":"FileUpload-module_drag-active__MRJJR","outline":"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-selector-helper-text":"FileUpload-module_file-selector-helper-text__4KSpI","upload-input":"FileUpload-module_upload-input__wteSl"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/FormGroup/FormGroup.esm.js

@@ -19,13 +19,13 @@ import { Icon } from '../../Icon/Icon.esm.js';
  *    limitations under the License.
  */
 /** The empty className property on FormHelperText is on purpose! We want to basically "filter" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */
-const FormGroupComponent = ({ children, className, error, errorMessage, errorId, errorMessageIcon, errorMessageIconPosition = "before", helperText, helperId, helperProps, disabled, ...rest }, ref) => {
+const FormGroupComponent = ({ children, className, error, errorMessage, errorId, errorMessageIcon, errorMessageIconPosition = "before", errorMessageProps, helperText, helperId, helperProps, disabled, ...rest }, ref) => {
     const disableHelperText = (helperProps === null || helperProps === void 0 ? void 0 : helperProps.disabled) !== undefined ? helperProps === null || helperProps === void 0 ? void 0 : helperProps.disabled : disabled;
     return (React.createElement("div", { ...rest, ref: ref, className: `${classes["form-group"]} ${className !== null && className !== void 0 ? className : ""}` },
         children,
         (helperText || (errorMessage && error)) && (React.createElement("div", { className: `${classes["default-helper"]} ${(helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) ? helperProps.className : ""}` },
             ((helperText && !error) || (helperText && error && !errorMessage)) && (React.createElement(FormHelperText, { ...helperProps, className: "", id: helperId, disabled: disableHelperText }, (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText)),
-            error && errorMessage && (React.createElement("span", { className: classes["error-message"] },
+            error && errorMessage && (React.createElement("span", { ...errorMessageProps, className: `${classes["error-message"]} ${(errorMessageProps === null || errorMessageProps === void 0 ? void 0 : errorMessageProps.className) ? errorMessageProps.className : ""}` },
                 React.createElement("span", { id: errorId, className: classes.message },
                     errorMessageIcon && errorMessageIconPosition === "before" && (React.createElement(Icon, { className: `${classes["error-icon"]} ${classes["error-icon-before"]}`, icon: errorMessageIcon })),
                     errorMessage,

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

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.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\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span className={classes[\"error-message\"]}>\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAEH;AAoBA,MAAM,kBAAkB,GAAoD,CAC1E,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,wBAAwB,GAAG,QAAQ,EACnC,UAAU,EACV,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,MAAK,SAAS,GAAG,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,GAAG,QAAQ,CAAC;IAEjG,QACE,gCAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAC9E,QAAQ;AAER,QAAA,CAAC,UAAU,KAAK,YAAY,IAAI,KAAK,CAAC,MACrC,6BACE,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CACrC,CAAA,EAAA,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,IAAG,WAAW,CAAC,SAAS,GAAG,EACnD,CAAE,CAAA,EAAA;YAED,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,MAAM,UAAU,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,MAChE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAA,GACT,WAAW,EACf,SAAS,EAAE,EAAE,EACb,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,iBAAiB,EAAA,EAE1B,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,KAAI,UAAU,CACrB,CAClB;YACA,KAAK,IAAI,YAAY,KACpB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;gBACvC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,EAAA;oBAC1C,gBAAgB,IAAI,wBAAwB,KAAK,QAAQ,KACxD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,mBAAmB,CAAC,CAAE,CAAA,EACrE,IAAI,EAAE,gBAAgB,EAAA,CACtB,CACH;oBACA,YAAY;AACZ,oBAAA,gBAAgB,IAAI,wBAAwB,KAAK,OAAO,KACvD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,kBAAkB,CAAC,CAAA,CAAE,EACpE,IAAI,EAAE,gBAAgB,EAAA,CACtB,CACH,CACI,CACF,CACR,CACG,CACP,CACG,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.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\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span\n              {...errorMessageProps}\n              className={`${classes[\"error-message\"]} ${errorMessageProps?.className ? errorMessageProps.className : \"\"}`}\n            >\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/FormHelperText/FormHelperText.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 */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhlbHBlci10ZXh0LWNvbG9yKTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG5kaXYuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */";
+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 */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}[data-readonlyview=true] div.FormHelperText-module_form-helper-text__zCO1K{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGLENBRUEsMkVBQ0UsWUFDRiIsImZpbGUiOiJGb3JtSGVscGVyVGV4dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5kaXYuZm9ybS1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1oZWxwZXItdGV4dC1jb2xvcik7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbmRpdi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuZGl2LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgZGlzcGxheTogbm9uZTtcbn0iXX0= */";
 var classes = {"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K","disabled":"FormHelperText-module_disabled__zvbtp","error":"FormHelperText-module_error__cTlPz"};
 styleInject(css_248z);
 

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js

@@ -22,7 +22,7 @@ const FormSelectorWrapperComponent = ({ children, className, nestedChildren, con
     const helperRef = (_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.ref) !== null && _a !== void 0 ? _a : createRef();
     return (React.createElement("div", { ...rest, ref: ref, className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
         React.createElement("div", { ...containerProps }, children),
-        (helperText || (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children)) && (React.createElement(FormHelperText, { ...helperProps, ref: helperRef, id: `${identifier}`, className: `${classes["helper-text"]} ${(_b = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _b !== void 0 ? _b : ""} ${error ? classes["error"] : ""}` }, error ? (React.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
+        (errorMessage || helperText || (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children)) && (React.createElement(FormHelperText, { ...helperProps, ref: helperRef, id: `${identifier}`, className: `${classes["helper-text"]} ${(_b = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _b !== void 0 ? _b : ""} ${error ? classes["error"] : ""}` }, error && errorMessage ? (React.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
         nestedChildren));
 };
 const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.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  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,4BAA4B,GAAoD,CACpF,EACE,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,GAAG,IAAI,EACD,EACR,GAAG,KACD;;AACF,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,SAAS,EAAE,CAAC;IAElD,QACE,gCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA,CAAA,EAChF,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EACf,CAAE,CAAA,EAAA;QAEF,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,EAAG,EAAA,QAAQ,CAAO;QACxC,CAAC,UAAU,KAAI,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnC,oBAAC,cAAc,EAAA,EAAA,GACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAG,EAAA,UAAU,EAAE,EACnB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAClE,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAC7B,CAAA,CAAE,IAED,KAAK,IACJ,8BAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EACnD,EAAA,YAAY,CACR,KAEP,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,UAAU,CACpC,CACc,CAClB;QACA,cAAc,CACX,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B;;;;"}
+{"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.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  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(errorMessage || helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error && errorMessage ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,4BAA4B,GAAoD,CACpF,EACE,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,GAAG,IAAI,EACD,EACR,GAAG,KACD;;AACF,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,SAAS,EAAE,CAAC;IAElD,QACE,gCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA,CAAA,EAChF,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EACf,CAAE,CAAA,EAAA;QAEF,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,EAAG,EAAA,QAAQ,CAAO;QACxC,CAAC,YAAY,IAAI,UAAU,KAAI,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnD,KAAC,CAAA,aAAA,CAAA,cAAc,OACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAA,EAAG,UAAU,CAAE,CAAA,EACnB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAClE,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAC7B,CAAE,CAAA,EAAA,EAED,KAAK,IAAI,YAAY,IACpB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EAAA,EACnD,YAAY,CACR,KAEP,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,KAAI,UAAU,CACpC,CACc,CAClB;QACA,cAAc,CACX,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B;;;;"}