@onewelcome/react-lib-components 6.3.0 → 6.4.1

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./FileItem.modules.cjs.js");var a=require("../../../Typography/Typography.cjs.js");var n=require("../../../Icon/Icon.cjs.js");var r=require("../../../ProgressBar/ProgressBar.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=o(e);exports.FILE_ACTION=void 0;(function(e){e["DELETE"]="delete";e["REMOVE"]="remove";e["ABORT"]="abort";e["RETRY"]="retry"})(exports.FILE_ACTION||(exports.FILE_ACTION={}));const s=({name:e,status:o,error:s,progress:l,onRequestedFileAction:i},u)=>{const I=e=>{switch(e){case"completed":return{fileIcon:n.Icons.FileOutline,actionIcon:{type:n.Icons.Trash,action:exports.FILE_ACTION.DELETE}};case"error":return{fileIcon:n.Icons.InfoCircle,actionIcon:{type:n.Icons.Times,action:exports.FILE_ACTION.REMOVE}};case"uploading":return{fileIcon:n.Icons.FileUpload,actionIcon:{type:n.Icons.Times,action:exports.FILE_ACTION.ABORT}};case"retry":return{fileIcon:n.Icons.InfoCircle,actionIcon:{type:n.Icons.Refresh,action:exports.FILE_ACTION.RETRY}};case"readonly":default:return{fileIcon:n.Icons.FileOutline}}};const f=I(o);const d=e=>{const t=e.indexOf(".");return{friendlyName:e.slice(0,t),extension:e.slice(t+1)}};const{friendlyName:p,extension:m}=d(e);return c["default"].createElement("div",{ref:u,className:t["default"]["file-item-wrapper"],"aria-label":`${e}-wrapper`},c["default"].createElement(a.Typography,{variant:"body",title:e,className:`${t["default"]["file-name"]} ${o?t["default"][o]:""}`},c["default"].createElement(n.Icon,{icon:f.fileIcon,className:t["default"]["file-icon"]}),c["default"].createElement("span",{className:t["default"]["friendly-name"]},p),".",c["default"].createElement("span",null,m),f.actionIcon&&c["default"].createElement(n.Icon,{title:f.actionIcon.action,icon:f.actionIcon.type,className:t["default"]["action-icon"],onClick:()=>f.actionIcon&&i&&i(f.actionIcon.action,e)})),s&&c["default"].createElement(a.Typography,{variant:"sub-text",className:`${t["default"]["file-subtitle"]} ${o?t["default"][o]:""}`},s),o==="uploading"?c["default"].createElement(r.ProgressBar,{className:t["default"]["progress-bar"],completed:l}):"")};const l=c["default"].forwardRef(s);exports.FileItem=l;
+//# sourceMappingURL=FileItem.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileItem.cjs.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./FileItem.modules.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\n\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  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcon?: { type: Icons; action: FILE_ACTION };\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { name, status, error, progress, onRequestedFileAction }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case \"completed\":\n        return {\n          fileIcon: Icons.FileOutline,\n          actionIcon: {\n            type: Icons.Trash,\n            action: FILE_ACTION.DELETE\n          }\n        };\n      case \"error\":\n        return {\n          fileIcon: Icons.InfoCircle,\n          actionIcon: {\n            type: Icons.Times,\n            action: FILE_ACTION.REMOVE\n          }\n        };\n      case \"uploading\":\n        return {\n          fileIcon: Icons.FileUpload,\n          actionIcon: {\n            type: Icons.Times,\n            action: FILE_ACTION.ABORT\n          }\n        };\n      case \"retry\":\n        return {\n          fileIcon: Icons.InfoCircle,\n          actionIcon: {\n            type: Icons.Refresh,\n            action: FILE_ACTION.RETRY\n          }\n        };\n      case \"readonly\":\n      default:\n        return { fileIcon: Icons.FileOutline };\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  return (\n    <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>{friendlyName}</span>.<span>{extension}</span>\n        {icons.actionIcon && (\n          <Icon\n            title={icons.actionIcon.action}\n            icon={icons.actionIcon.type}\n            className={classes[\"action-icon\"]}\n            onClick={() =>\n              icons.actionIcon &&\n              onRequestedFileAction &&\n              onRequestedFileAction(icons.actionIcon.action, name)\n            }\n          />\n        )}\n      </Typography>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n      {status === \"uploading\" ? (\n        <ProgressBar className={classes[\"progress-bar\"]} completed={progress} />\n      ) : (\n        \"\"\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":["FILE_ACTION","FileItemComponent","name","status","error","progress","onRequestedFileAction","ref","determineIcons","fileIcon","Icons","FileOutline","actionIcon","type","Trash","action","DELETE","InfoCircle","Times","REMOVE","FileUpload","ABORT","Refresh","RETRY","icons","getFriendlyNameAndExtension","index","indexOf","friendlyName","slice","extension","React","createElement","className","classes","Typography","variant","title","Icon","icon","onClick","ProgressBar","completed","FileItem","forwardRef"],"mappings":"uXAqCYA,QAKXA,iBAAA,GALD,SAAYA,GACVA,EAAA,UAAA,SACAA,EAAA,UAAA,SACAA,EAAA,SAAA,QACAA,EAAA,SAAA,OACD,EALD,CAAYA,sBAAAA,QAAAA,YAKX,CAAA,IAED,MAAMC,EAAqE,EACvEC,OAAMC,SAAQC,QAAOC,WAAUC,yBACjCC,KAEA,MAAMC,EAAkBL,IACtB,OAAQA,GACN,IAAK,YACH,MAAO,CACLM,SAAUC,EAAKA,MAACC,YAChBC,WAAY,CACVC,KAAMH,EAAKA,MAACI,MACZC,OAAQf,QAAWA,YAACgB,SAG1B,IAAK,QACH,MAAO,CACLP,SAAUC,EAAKA,MAACO,WAChBL,WAAY,CACVC,KAAMH,EAAKA,MAACQ,MACZH,OAAQf,QAAWA,YAACmB,SAG1B,IAAK,YACH,MAAO,CACLV,SAAUC,EAAKA,MAACU,WAChBR,WAAY,CACVC,KAAMH,EAAKA,MAACQ,MACZH,OAAQf,QAAWA,YAACqB,QAG1B,IAAK,QACH,MAAO,CACLZ,SAAUC,EAAKA,MAACO,WAChBL,WAAY,CACVC,KAAMH,EAAKA,MAACY,QACZP,OAAQf,QAAWA,YAACuB,QAG1B,IAAK,WACL,QACE,MAAO,CAAEd,SAAUC,QAAMC,aAC5B,EAGH,MAAMa,EAAQhB,EAAeL,GAE7B,MAAMsB,EAA+BvB,IACnC,MAAMwB,EAAQxB,EAAKyB,QAAQ,KAC3B,MAAO,CAAEC,aAAc1B,EAAK2B,MAAM,EAAGH,GAAQI,UAAW5B,EAAK2B,MAAMH,EAAQ,GAAI,EAGjF,MAAME,aAAEA,EAAYE,UAAEA,GAAcL,EAA4BvB,GAEhE,OACE6B,EAAA,WAAAC,cAAA,MAAA,CAAKzB,IAAKA,EAAK0B,UAAWC,EAAAA,WAAQ,qBAAkC,aAAA,GAAGhC,aACrE6B,aAAAC,cAACG,EAAAA,WAAU,CACTC,QAAS,OACTC,MAAOnC,EACP+B,UAAW,GAAGC,EAAAA,WAAQ,gBAAgB/B,EAAS+B,EAAO,WAAC/B,GAAU,MAEjE4B,EAAAA,WAAAC,cAACM,OAAI,CAACC,KAAMf,EAAMf,SAAUwB,UAAWC,EAAAA,WAAQ,eAC/CH,aAAMC,cAAA,OAAA,CAAAC,UAAWC,EAAAA,WAAQ,kBAAmBN,OAAqBG,EAAAA,WAAAC,cAAA,OAAA,KAAOF,GACvEN,EAAMZ,YACLmB,EAAAA,WAAAC,cAACM,EAAIA,KACH,CAAAD,MAAOb,EAAMZ,WAAWG,OACxBwB,KAAMf,EAAMZ,WAAWC,KACvBoB,UAAWC,EAAAA,WAAQ,eACnBM,QAAS,IACPhB,EAAMZ,YACNN,GACAA,EAAsBkB,EAAMZ,WAAWG,OAAQb,MAKtDE,GACC2B,EAAAA,WAACC,cAAAG,EAAUA,YACTC,QAAS,WACTH,UAAW,GAAGC,EAAO,WAAC,oBAAoB/B,EAAS+B,aAAQ/B,GAAU,MAEpEC,GAGJD,IAAW,YACV4B,EAAAA,WAACC,cAAAS,EAAAA,YAAY,CAAAR,UAAWC,EAAO,WAAC,gBAAiBQ,UAAWrC,IAE5D,GAGJ,EAGS,MAAAsC,EAAWZ,EAAAA,WAAMa,WAAW3C"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js");var i='/*!\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-modules_sr-only__OwtI4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-modules_hidden__w5rVy{display:none}.FileItem-modules_slide-in__g2fUZ{animation:FileItem-modules_slide-in__g2fUZ .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-modules_slide-in__g2fUZ{animation-duration:.1ms}}.FileItem-modules_slide-out__-dBYM{animation:FileItem-modules_slide-out__-dBYM .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-modules_slide-out__-dBYM{animation-duration:.1ms}}@keyframes FileItem-modules_slide-in__g2fUZ{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-modules_slide-out__-dBYM{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileItem-modules_file-item-wrapper__r4sb5{background-color:var(--input-background-color);border-radius:var(--input-border-radius);padding:.5rem 1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem-modules_file-item-wrapper__r4sb5{transition-duration:.1ms}}.FileItem-modules_file-item-wrapper__r4sb5 [class*=icon]{font-size:1.25rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_progress-bar__kVAJi{background-color:var(--color-black10)}.FileItem-modules_file-item-wrapper__r4sb5 span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-name__twzQ4{align-items:center;display:flex;margin:0}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-name__twzQ4 .FileItem-modules_friendly-name__p3xgX{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_action-icon__ODWUg{color:var(--color-primary);cursor:pointer;margin-left:auto;padding-left:1.25rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-icon__TbFi8{margin-right:.5rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-subtitle__TmXvr,.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_progress-bar__kVAJi{display:block;margin:.3125rem 1.75rem;padding:0}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_error__Q1RuV,.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_retry__2Euk8{color:var(--error)}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_readonly__Jxi46{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsaUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLGdDQUNFLFlBQ0YsQ0FFQSxrQ0FDRSx1REFDRixDQUVBLHVDQUNFLGtDQUNFLHVCQUNGLENBQ0YsQ0FDQSxtQ0FDRSx3REFDRixDQUVBLHVDQUNFLG1DQUNFLHVCQUNGLENBQ0YsQ0FDQSw0Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLDJDQUdFLDhDQUErQyxDQUQvQyx3Q0FBeUMsQ0FEekMscUJBQXVCLENBSXZCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSwyQ0FDRSx3QkFDRixDQUNGLENBQ0EseURBQ0UsaUJBQ0YsQ0FDQSxpRkFDRSxxQ0FDRixDQUNBLDhEQUNFLHdDQUF5QyxDQUN6QyxXQUNGLENBQ0EsOEVBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixRQUdGLENBQ0EscUhBQ0UsZUFBZ0IsQ0FDaEIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0EsZ0ZBRUUsMEJBQTJCLENBQzNCLGNBQWUsQ0FGZixnQkFBaUIsQ0FHakIsb0JBQ0YsQ0FDQSw4RUFDRSxrQkFDRixDQUNBLG1LQUVFLGFBQWMsQ0FDZCx1QkFBeUIsQ0FDekIsU0FDRixDQUNBLG9KQUVFLGtCQUNGLENBQ0EsNkVBQ0UsdUJBQ0YiLCJmaWxlIjoiRmlsZUl0ZW0ubW9kdWxlcy5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIge1xuICBwYWRkaW5nOiAwLjVyZW0gMS4yNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWl0ZW0td3JhcHBlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5maWxlLWl0ZW0td3JhcHBlciBbY2xhc3MqPWljb25dIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciBzcGFuW2NsYXNzKj1iYXItLV0ge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgaGVpZ2h0OiAxcmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUge1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSAuZnJpZW5kbHktbmFtZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiB7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1zdWJ0aXRsZSxcbi5maWxlLWl0ZW0td3JhcHBlciAucHJvZ3Jlc3MtYmFyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogMC4zMTI1cmVtIDEuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmVycm9yLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZXRyeSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnJlYWRvbmx5IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufSJdfQ== */';var l={"sr-only":"FileItem-modules_sr-only__OwtI4",hidden:"FileItem-modules_hidden__w5rVy","slide-in":"FileItem-modules_slide-in__g2fUZ","slide-out":"FileItem-modules_slide-out__-dBYM","file-item-wrapper":"FileItem-modules_file-item-wrapper__r4sb5","progress-bar":"FileItem-modules_progress-bar__kVAJi","file-name":"FileItem-modules_file-name__twzQ4","friendly-name":"FileItem-modules_friendly-name__p3xgX","action-icon":"FileItem-modules_action-icon__ODWUg","file-icon":"FileItem-modules_file-icon__TbFi8","file-subtitle":"FileItem-modules_file-subtitle__TmXvr",error:"FileItem-modules_error__Q1RuV",retry:"FileItem-modules_retry__2Euk8",readonly:"FileItem-modules_readonly__Jxi46"};e["default"](i);exports["default"]=l;
+//# sourceMappingURL=FileItem.modules.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileItem.modules.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Button/Button.cjs.js");var a=require("./FileItem/FileItem.cjs.js");var l=require("../../Typography/Typography.cjs.js");var r=require("./FileUpload.module.cjs.js");var s=require("../../Icon/Icon.cjs.js");var o=require("../../src/hooks/useDetermineStatusIcon.cjs.js");function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var i=n(e);const u=({name:n,accept:u,error:d,success:c,maxFileSize:f,multiple:p,id:m,title:v,labeledBy:g,disabled:h=false,onChange:y,dragAndDropText:E="Drop file here or",selectButtonText:b="Select file",onDragOver:j,onDragLeave:x,wrapperProps:D,onDrop:T,subText:N,onRequestedFileAction:z,exceedingMaxSizeErrorText:F,fileList:q,...I},S)=>{var B;const P=e.useRef(null);const[w,k]=e.useState(false);const[A,C]=e.useState(false);const L=o.useDetermineStatusIcon({success:c,error:d});let R=[r["default"]["file-dropzone"]];let U=[r["default"]["file-selector-sub-text"]];w&&R.push(r["default"]["drag-active"]);A||d&&R.push(r["default"]["error"])&&U.push(r["default"]["error"]);h&&R.push(r["default"]["disabled"]);c&&!d&&R.push(r["default"]["success"]);const M=e=>{let t=q?[...q]:[];const a=q.map((e=>e.name));(e===null||e===void 0?void 0:e.length)&&Array.from(e).forEach((e=>{if(!a.includes(e.name))t=p?[...t,{...$(e),data:e}]:[{...$(e),data:e}]}));return t};const O=e=>{e.preventDefault();e.stopPropagation();let t=M(e.target.files);t.length&&_(t[t.length-1])&&(y===null||y===void 0?void 0:y(t))};const _=e=>{const t=e.name.split(".").pop();return t&&u.includes(t)};const $=e=>{const t={name:e.name,size:e.size,type:e.type};let a=false;if(f&&e.size&&e.size>=f){const e=(f/(1024*1024)).toFixed(2);t.error=F!==null&&F!==void 0?F:`The maximum allowed file size is ${e}MB. Upload a smaller file.`;t.status="error";a=true}C(a);return t};e.useEffect((()=>{if(q.length){const e=q.map((e=>$(e)));y===null||y===void 0?void 0:y(e)}}),[]);const G=e=>{e.preventDefault();e.stopPropagation();if(!w)k(true);j===null||j===void 0?void 0:j(e)};const H=e=>{e.preventDefault();e.stopPropagation();const t=e.target;if(t===null||t===void 0?void 0:t.classList.contains(r["default"]["file-dropzone"]))k(false);x===null||x===void 0?void 0:x(e)};const J=e=>{var t,a;e.preventDefault();e.stopPropagation();if(((t=e===null||e===void 0?void 0:e.dataTransfer)===null||t===void 0?void 0:t.files)&&e.dataTransfer.files.length){const t=(a=e===null||e===void 0?void 0:e.dataTransfer)===null||a===void 0?void 0:a.files[0].name.split(".").pop();if(t&&u&&!u.includes(t)){k(false);return}const l=M(e.dataTransfer.files);T===null||T===void 0?void 0:T(l)}k(false)};return i["default"].createElement("div",{className:r["default"]["file-upload-wrapper"],...D},i["default"].createElement("div",{className:r["default"]["dropzone-wrapper"]},i["default"].createElement("div",{className:R.join(" "),onDragOver:e=>!h&&G(e),onDragLeave:e=>!h&&H(e),onDrop:e=>!h&&J(e)},i["default"].createElement(l.Typography,{variant:"body-bold",className:r["default"]["file-upload-title"],ref:P},v),i["default"].createElement("div",{className:r["default"]["file-select"]},i["default"].createElement(s.Icon,{className:"drop-file-icon",icon:s.Icons.FileUpload}),i["default"].createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},E),i["default"].createElement("div",{className:r["default"]["file-upload-btn"]},i["default"].createElement(t.Button,{variant:"outline",disabled:h},b,i["default"].createElement("input",{className:r["default"]["upload-input"],...I,ref:S,"aria-labelledby":g,type:"file",name:n,...p&&{multiple:true},disabled:h,accept:u,onChange:O,spellCheck:(B=I.spellCheck)!==null&&B!==void 0?B:false}))),!h&&L,i["default"].createElement("span",{className:r["default"]["outline"]}))),N&&i["default"].createElement(l.Typography,{variant:"sub-text",className:U.join(" ")},N)),(q===null||q===void 0?void 0:q.length)>0&&i["default"].createElement("ul",{className:r["default"]["file-list"]},q.map((({name:e,status:t,progress:l,error:r})=>i["default"].createElement("li",{key:e,className:t,id:e},i["default"].createElement(a.FileItem,{name:e,status:t,progress:l,error:r,onRequestedFileAction:z}))))))};const d=i["default"].forwardRef(u);exports.FileUpload=d;
+//# sourceMappingURL=FileUpload.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\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  maxFileSize?: 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}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSize,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drop file here or\",\n    selectButtonText = \"Select file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneClassNames.push(classes[\"drag-active\"]);\n  inputError ||\n    (error && dropzoneClassNames.push(classes[\"error\"]) && subTextClass.push(classes[\"error\"]));\n  disabled && dropzoneClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\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    files.length && verifyExtensionValidity(files[files.length - 1]) && 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    if (maxFileSize && file.size && file.size >= maxFileSize) {\n      const mb = (maxFileSize / (1024 * 1024)).toFixed(2);\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${mb}MB. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\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?.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        setDragActive(false);\n        return;\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop?.(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\n          className={dropzoneClassNames.join(\" \")}\n          onDragOver={e => !disabled && handleOnDragOver(e)}\n          onDragLeave={e => !disabled && handleOnDragLeave(e)}\n          onDrop={e => !disabled && handleOnDrop(e)}\n        >\n          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}\n          </Typography>\n          <div className={classes[\"file-select\"]}>\n            <Icon className={\"drop-file-icon\"} icon={Icons.FileUpload} />\n            <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n              {dragAndDropText}\n            </Typography>\n            <div className={classes[\"file-upload-btn\"]}>\n              <Button variant=\"outline\" disabled={disabled}>\n                {selectButtonText}\n                <input\n                  className={classes[\"upload-input\"]}\n                  {...rest}\n                  ref={ref}\n                  aria-labelledby={labeledBy}\n                  type=\"file\"\n                  name={name}\n                  {...(multiple && { multiple: true })}\n                  disabled={disabled}\n                  accept={accept}\n                  onChange={onInputChange}\n                  spellCheck={rest.spellCheck ?? false}\n                />\n              </Button>\n            </div>\n            {!disabled && icon}\n            <span className={classes[\"outline\"]}></span>\n          </div>\n        </div>\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\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                status={status}\n                progress={progress}\n                error={error}\n                onRequestedFileAction={onRequestedFileAction}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUploadComponent","name","accept","error","success","maxFileSize","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","subTextClass","push","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","onInputChange","e","preventDefault","stopPropagation","target","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","mb","toFixed","status","useEffect","validatedFiles","handleOnDragOver","handleOnDragLeave","classList","contains","handleOnDrop","dataTransfer","_a","_b","React","className","createElement","join","Typography","variant","Icon","Icons","FileUpload","Button","spellCheck","progress","key","FileItem","forwardRef"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var l=require("../../../lib/style-inject.js");var e='/*!\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);padding:1.25rem;position:relative;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-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--drag-background-color);border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--drag-border-style);border-width:var(--input-border-width);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_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--input-hover-background-color);border-color:var(--default)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_disabled__hvZQb{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_error__q2B-7{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_focus__E3tFz{border-width:var(--input-border-width-focus)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_focus__E3tFz:not(.FileUpload-module_error__q2B-7){border-color:var(--color-focus)}.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_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_disabled__hvZQb{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:1.375rem;top:2.74rem}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out);padding:0 1.25rem}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error)}.FileUpload-module_file-select__sW1Pn{align-items:center;display:flex;flex-direction:column}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:.625rem}.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:.75rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGVBQWdCLENBQ2hCLGlCQUFrQixDQUVsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLCtHQVVFLDZDQUE4QyxDQUo5QyxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHFDQUFzQyxDQUN0QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVVsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsK0dBQ0Usd0JBQ0YsQ0FDRixDQUNBLHFIQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLGlKQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDhJQUNFLHlCQUNGLENBQ0EsOElBQ0UsNENBQ0YsQ0FDQSxtTEFDRSwrQkFDRixDQUNBLGlOQUVFLGtCQUNGLENBQ0EsZ0dBQ0Usb0JBQ0YsQ0FDQSwwRUFFRSxnQ0FBaUMsQ0FDakMsdUJBQXdCLENBRnhCLG1CQUdGLENBQ0EsK0RBQ0UsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUVsQixjQUFlLENBRGYsV0FFRixDQUVBLGlEQUNFLHVCQUF3QixDQUN4QixpQkFDRixDQUNBLGdGQUNFLGtCQUNGLENBRUEsc0NBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixxQkFDRixDQUNBLG9EQUNFLGlCQUNGLENBQ0EsMERBQ0UscUJBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1kcmFnLWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRyYWctYmFja2dyb3VuZC1jb2xvcik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZTpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZS5kaXNhYmxlZCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAyLjc0cmVtO1xuICByaWdodDogMS4zNzVyZW07XG59XG5cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBwYWRkaW5nOiAwIDEuMjVyZW07XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG4uZmlsZS1zZWxlY3QgW2NsYXNzKj1maWxlXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPXR5cG9ncmFwaHldIHtcbiAgbWFyZ2luLWJvdHRvbTogMC42MjVyZW07XG59XG5cbi51cGxvYWQtaW5wdXQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBvcGFjaXR5OiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4udXBsb2FkLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmZpbGUtdXBsb2FkLWJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbGUtbGlzdCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMC43NXJlbSAwO1xufVxuLmZpbGUtbGlzdCBsaTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufSJdfQ== */';var i={"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-","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U",disabled:"FileUpload-module_disabled__hvZQb",error:"FileUpload-module_error__q2B-7",focus:"FileUpload-module_focus__E3tFz","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",success:"FileUpload-module_success__GqO-7","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-select":"FileUpload-module_file-select__sW1Pn","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};l["default"](e);exports["default"]=i;
+//# sourceMappingURL=FileUpload.module.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./MultiSelectWrapper.module.cjs.js");var l=require("../Wrapper/Wrapper.cjs.js");var a=require("../../../src/hooks/useWrapper.cjs.js");var s=require("../../Select/MultiSelect/MultiSelect.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=t(e);const u=({children:e,error:t,success:u,value:o,placeholder:d,selectProps:p,helperProps:i,onChange:n,...v},f)=>{var h,j;const{errorId:m,helperId:b,labelId:W}=a.useWrapper();return c["default"].createElement(l.Wrapper,{...v,ref:f,errorId:m,helperId:b,labelProps:{id:W,className:r["default"]["select-label"]},helperProps:{...i,className:`${r["default"]["select-helper-text"]} ${(h=i===null||i===void 0?void 0:i.className)!==null&&h!==void 0?h:""}`},error:t},c["default"].createElement(s.MultiSelect,{...p,value:o,labeledBy:W,error:t,success:u,describedBy:t?m:b,onChange:n,placeholder:d,className:`${(j=p===null||p===void 0?void 0:p.className)!==null&&j!==void 0?j:""}`},e))};const o=c["default"].forwardRef(u);exports.MultiSelectWrapper=o;
+//# sourceMappingURL=MultiSelectWrapper.cjs.js.map

package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);\n"],"names":["MultiSelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","MultiSelect","labeledBy","describedBy","_b","MultiSelectWrapper","forwardRef"],"mappings":"mYAqCA,MAAMA,EAA+E,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAEjD,OACEC,EAAA,WAAAC,cAACC,UAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,aAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAO,WAAC,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,aAACC,cAAAO,EAAAA,YACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAqBZ,EAAAA,WAAMa,WAAW5B"}

package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../../lib/style-inject.js");var i='/*!\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 */.MultiSelectWrapper-module_select-label__S2RDB{left:calc(1.25rem + 2px)}.MultiSelectWrapper-module_select-helper-text__leJir{margin-top:.15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0NBQ0Usd0JBQ0YsQ0FFQSxxREFDRSxpQkFDRiIsImZpbGUiOiJNdWx0aVNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3QtbGFiZWwge1xuICBsZWZ0OiBjYWxjKDEuMjVyZW0gKyAycHgpO1xufVxuXG4uc2VsZWN0LWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn0iXX0= */';var l={"select-label":"MultiSelectWrapper-module_select-label__S2RDB","select-helper-text":"MultiSelectWrapper-module_select-helper-text__leJir"};e["default"](i);exports["default"]=l;
+//# sourceMappingURL=MultiSelectWrapper.module.cjs.js.map

package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.module.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/src/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var a=require("../Breadcrumbs/Breadcrumbs.cjs.js");var s=require("../ContextMenu/ContextMenu.cjs.js");var o=require("../ContextMenu/ContextMenuItem.cjs.js");var t=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var c=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var u=require("../Tag/Tag.cjs.js");var l=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var q=require("../ProgressBar/ProgressBar.cjs.js");var S=require("../Skeleton/Skeleton.cjs.js");var T=require("../StatusIndicator/StatusIndicator.cjs.js");var B=require("../Stepper/Stepper.cjs.js");var b=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var W=require("./hooks/usePosition.cjs.js");var m=require("./hooks/useDebouncedCallback.cjs.js");var g=require("./util/helper.cjs.js");var F=require("../Notifications/BaseModal/BaseModal.cjs.js");var C=require("../Notifications/Snackbar/useSnackbar.cjs.js");var k=require("../Notifications/Dialog/Dialog.cjs.js");var I=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var D=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var h=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var f=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var P=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var y=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var A=require("../Form/FormControl/FormControl.cjs.js");var H=require("../Form/FormGroup/FormGroup.cjs.js");var L=require("../Form/FormHelperText/FormHelperText.cjs.js");var O=require("../Form/Input/Input.cjs.js");var E=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var _=require("../Form/Label/Label.cjs.js");var w=require("../Form/Radio/Radio.cjs.js");var J=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var K=require("../Form/Select/SingleSelect/Select.cjs.js");var Q=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var U=require("../Form/Select/SingleSelect/Option.cjs.js");var V=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var X=require("../Form/Textarea/Textarea.cjs.js");var Y=require("../Form/Toggle/Toggle.cjs.js");var Z=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var $=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var ee=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var re=require("../Wizard/Wizard.cjs.js");var ae=require("../Wizard/WizardActions/WizardActions.cjs.js");var se=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var oe=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var te=require("../DataGrid/DataGrid.cjs.js");var ie=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var pe=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var ce=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=a.Breadcrumbs;exports.ContextMenu=s.ContextMenu;exports.ContextMenuItem=o.ContextMenuItem;exports.Link=t.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=c.Tab;exports.Tabs=n.Tabs;exports.Tag=u.Tag;exports.TextEllipsis=l.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=q.ProgressBar;exports.Skeleton=S.Skeleton;exports.StatusIndicator=T.StatusIndicator;exports.Stepper=B.Stepper;exports.Pagination=b.Pagination;exports.useRepeater=M.useRepeater;exports.usePosition=W.usePosition;exports.useDebouncedCallback=m.useDebouncedCallback;exports.debounce=g.debounce;exports.generateID=g.generateID;exports.throttle=g.throttle;exports.Modal=F.BaseModal;exports.useSnackbar=C.useSnackbar;exports.Dialog=k.Dialog;exports.DiscardChangesModal=I.DiscardChangesModal;exports.ModalActions=D.BaseModalActions;exports.ModalContent=h.BaseModalContent;exports.ModalHeader=f.BaseModalHeader;exports.NotificationProvider=P.NotificationProvider;exports.useNotificationContext=P.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=N.Checkbox;exports.Fieldset=y.Fieldset;exports.Form=R.Form;exports.FormControl=A.FormControl;exports.FormGroup=H.FormGroup;exports.FormHelperText=L.FormHelperText;exports.Input=O.Input;exports.InputWrapper=E.InputWrapper;exports.Label=_.Label;exports.Radio=w.Radio;exports.RadioWrapper=J.RadioWrapper;exports.Select=K.Select;exports.MultiSelect=Q.MultiSelect;exports.Option=U.Option;exports.MultiOption=V.MultiOption;exports.Textarea=X.Textarea;exports.Toggle=Y.Toggle;exports.CheckboxWrapper=Z.CheckboxWrapper;exports.TextareaWrapper=$.TextareaWrapper;exports.SelectWrapper=ee.SelectWrapper;exports.Wizard=re.Wizard;exports.WizardActions=ae.WizardActions;exports.WizardSteps=se.WizardSteps;exports.BaseWizardSteps=oe.BaseWizardSteps;exports.DataGrid=te.DataGrid;exports.DataGridRow=ie.DataGridRow;exports.DataGridCell=pe.DataGridCell;exports.Banner=ce.Banner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var a=require("../Breadcrumbs/Breadcrumbs.cjs.js");var s=require("../ContextMenu/ContextMenu.cjs.js");var o=require("../ContextMenu/ContextMenuItem.cjs.js");var t=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var c=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var l=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var q=require("../ProgressBar/ProgressBar.cjs.js");var S=require("../Skeleton/Skeleton.cjs.js");var W=require("../StatusIndicator/StatusIndicator.cjs.js");var M=require("../Stepper/Stepper.cjs.js");var T=require("../Pagination/Pagination.cjs.js");var m=require("./hooks/useRepeater.cjs.js");var B=require("./hooks/usePosition.cjs.js");var F=require("./hooks/useDebouncedCallback.cjs.js");var b=require("./util/helper.cjs.js");var g=require("../Notifications/BaseModal/BaseModal.cjs.js");var C=require("../Notifications/Snackbar/useSnackbar.cjs.js");var k=require("../Notifications/Dialog/Dialog.cjs.js");var I=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var D=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var h=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var f=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var P=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var y=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var A=require("../Form/FormControl/FormControl.cjs.js");var H=require("../Form/FormGroup/FormGroup.cjs.js");var L=require("../Form/FormHelperText/FormHelperText.cjs.js");var O=require("../Form/Input/Input.cjs.js");var E=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var U=require("../Form/Label/Label.cjs.js");var _=require("../Form/Radio/Radio.cjs.js");var w=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var J=require("../Form/Select/SingleSelect/Select.cjs.js");var K=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var Q=require("../Form/Select/SingleSelect/Option.cjs.js");var V=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var X=require("../Form/Textarea/Textarea.cjs.js");var Y=require("../Form/Toggle/Toggle.cjs.js");var Z=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var $=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var ee=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var re=require("../Form/FileUpload/FileUpload.cjs.js");var ae=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var se=require("../Wizard/Wizard.cjs.js");var oe=require("../Wizard/WizardActions/WizardActions.cjs.js");var te=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var ie=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var pe=require("../DataGrid/DataGrid.cjs.js");var ce=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var ne=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var le=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=a.Breadcrumbs;exports.ContextMenu=s.ContextMenu;exports.ContextMenuItem=o.ContextMenuItem;exports.Link=t.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=c.Tab;exports.Tabs=n.Tabs;exports.Tag=l.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=q.ProgressBar;exports.Skeleton=S.Skeleton;exports.StatusIndicator=W.StatusIndicator;exports.Stepper=M.Stepper;exports.Pagination=T.Pagination;exports.useRepeater=m.useRepeater;exports.usePosition=B.usePosition;exports.useDebouncedCallback=F.useDebouncedCallback;exports.debounce=b.debounce;exports.generateID=b.generateID;exports.throttle=b.throttle;exports.Modal=g.BaseModal;exports.useSnackbar=C.useSnackbar;exports.Dialog=k.Dialog;exports.DiscardChangesModal=I.DiscardChangesModal;exports.ModalActions=D.BaseModalActions;exports.ModalContent=h.BaseModalContent;exports.ModalHeader=f.BaseModalHeader;exports.NotificationProvider=P.NotificationProvider;exports.useNotificationContext=P.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=N.Checkbox;exports.Fieldset=y.Fieldset;exports.Form=R.Form;exports.FormControl=A.FormControl;exports.FormGroup=H.FormGroup;exports.FormHelperText=L.FormHelperText;exports.Input=O.Input;exports.InputWrapper=E.InputWrapper;exports.Label=U.Label;exports.Radio=_.Radio;exports.RadioWrapper=w.RadioWrapper;exports.Select=J.Select;exports.MultiSelect=K.MultiSelect;exports.Option=Q.Option;exports.MultiOption=V.MultiOption;exports.Textarea=X.Textarea;exports.Toggle=Y.Toggle;exports.CheckboxWrapper=Z.CheckboxWrapper;exports.TextareaWrapper=$.TextareaWrapper;exports.SelectWrapper=ee.SelectWrapper;exports.FileUpload=re.FileUpload;exports.MultiSelectWrapper=ae.MultiSelectWrapper;exports.Wizard=se.Wizard;exports.WizardActions=oe.WizardActions;exports.WizardSteps=te.WizardSteps;exports.BaseWizardSteps=ie.BaseWizardSteps;exports.DataGrid=pe.DataGrid;exports.DataGridRow=ce.DataGridRow;exports.DataGridCell=ne.DataGridCell;exports.Banner=le.Banner;
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/src/index.d.ts

@@ -104,6 +104,10 @@ export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/Texta
 export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
 export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
 export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+export { FileUpload } from "./components/Form/FileUpload/FileUpload";
+export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
+export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
+export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
 /** Wizard */
 export { Wizard } from "./components/Wizard/Wizard";
 export type { Props as WizardProps } from "./components/Wizard/Wizard";

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

@@ -0,0 +1,2 @@
+import e from"react";import n from"./FileItem.modules.esm.js";import{Typography as t}from"../../../Typography/Typography.esm.js";import{Icon as o,Icons as r}from"../../../Icon/Icon.esm.js";import{ProgressBar as a}from"../../../ProgressBar/ProgressBar.esm.js";var c;(function(e){e["DELETE"]="delete";e["REMOVE"]="remove";e["ABORT"]="abort";e["RETRY"]="retry"})(c||(c={}));const i=({name:i,status:s,error:l,progress:m,onRequestedFileAction:p},f)=>{const E=e=>{switch(e){case"completed":return{fileIcon:r.FileOutline,actionIcon:{type:r.Trash,action:c.DELETE}};case"error":return{fileIcon:r.InfoCircle,actionIcon:{type:r.Times,action:c.REMOVE}};case"uploading":return{fileIcon:r.FileUpload,actionIcon:{type:r.Times,action:c.ABORT}};case"retry":return{fileIcon:r.InfoCircle,actionIcon:{type:r.Refresh,action:c.RETRY}};case"readonly":default:return{fileIcon:r.FileOutline}}};const I=E(s);const u=e=>{const n=e.indexOf(".");return{friendlyName:e.slice(0,n),extension:e.slice(n+1)}};const{friendlyName:d,extension:y}=u(i);return e.createElement("div",{ref:f,className:n["file-item-wrapper"],"aria-label":`${i}-wrapper`},e.createElement(t,{variant:"body",title:i,className:`${n["file-name"]} ${s?n[s]:""}`},e.createElement(o,{icon:I.fileIcon,className:n["file-icon"]}),e.createElement("span",{className:n["friendly-name"]},d),".",e.createElement("span",null,y),I.actionIcon&&e.createElement(o,{title:I.actionIcon.action,icon:I.actionIcon.type,className:n["action-icon"],onClick:()=>I.actionIcon&&p&&p(I.actionIcon.action,i)})),l&&e.createElement(t,{variant:"sub-text",className:`${n["file-subtitle"]} ${s?n[s]:""}`},l),s==="uploading"?e.createElement(a,{className:n["progress-bar"],completed:m}):"")};const s=e.forwardRef(i);export{c as FILE_ACTION,s as FileItem};
+//# sourceMappingURL=FileItem.esm.js.map

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

@@ -0,0 +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 } from \"react\";\nimport classes from \"./FileItem.modules.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\n\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  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcon?: { type: Icons; action: FILE_ACTION };\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { name, status, error, progress, onRequestedFileAction }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case \"completed\":\n        return {\n          fileIcon: Icons.FileOutline,\n          actionIcon: {\n            type: Icons.Trash,\n            action: FILE_ACTION.DELETE\n          }\n        };\n      case \"error\":\n        return {\n          fileIcon: Icons.InfoCircle,\n          actionIcon: {\n            type: Icons.Times,\n            action: FILE_ACTION.REMOVE\n          }\n        };\n      case \"uploading\":\n        return {\n          fileIcon: Icons.FileUpload,\n          actionIcon: {\n            type: Icons.Times,\n            action: FILE_ACTION.ABORT\n          }\n        };\n      case \"retry\":\n        return {\n          fileIcon: Icons.InfoCircle,\n          actionIcon: {\n            type: Icons.Refresh,\n            action: FILE_ACTION.RETRY\n          }\n        };\n      case \"readonly\":\n      default:\n        return { fileIcon: Icons.FileOutline };\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  return (\n    <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>{friendlyName}</span>.<span>{extension}</span>\n        {icons.actionIcon && (\n          <Icon\n            title={icons.actionIcon.action}\n            icon={icons.actionIcon.type}\n            className={classes[\"action-icon\"]}\n            onClick={() =>\n              icons.actionIcon &&\n              onRequestedFileAction &&\n              onRequestedFileAction(icons.actionIcon.action, name)\n            }\n          />\n        )}\n      </Typography>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n      {status === \"uploading\" ? (\n        <ProgressBar className={classes[\"progress-bar\"]} completed={progress} />\n      ) : (\n        \"\"\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":["FILE_ACTION","FileItemComponent","name","status","error","progress","onRequestedFileAction","ref","determineIcons","fileIcon","Icons","FileOutline","actionIcon","type","Trash","action","DELETE","InfoCircle","Times","REMOVE","FileUpload","ABORT","Refresh","RETRY","icons","getFriendlyNameAndExtension","index","indexOf","friendlyName","slice","extension","React","createElement","className","classes","Typography","variant","title","Icon","icon","onClick","ProgressBar","completed","FileItem","forwardRef"],"mappings":"uQAqCYA,GAAZ,SAAYA,GACVA,EAAA,UAAA,SACAA,EAAA,UAAA,SACAA,EAAA,SAAA,QACAA,EAAA,SAAA,OACD,EALD,CAAYA,IAAAA,EAKX,CAAA,IAED,MAAMC,EAAqE,EACvEC,OAAMC,SAAQC,QAAOC,WAAUC,yBACjCC,KAEA,MAAMC,EAAkBL,IACtB,OAAQA,GACN,IAAK,YACH,MAAO,CACLM,SAAUC,EAAMC,YAChBC,WAAY,CACVC,KAAMH,EAAMI,MACZC,OAAQf,EAAYgB,SAG1B,IAAK,QACH,MAAO,CACLP,SAAUC,EAAMO,WAChBL,WAAY,CACVC,KAAMH,EAAMQ,MACZH,OAAQf,EAAYmB,SAG1B,IAAK,YACH,MAAO,CACLV,SAAUC,EAAMU,WAChBR,WAAY,CACVC,KAAMH,EAAMQ,MACZH,OAAQf,EAAYqB,QAG1B,IAAK,QACH,MAAO,CACLZ,SAAUC,EAAMO,WAChBL,WAAY,CACVC,KAAMH,EAAMY,QACZP,OAAQf,EAAYuB,QAG1B,IAAK,WACL,QACE,MAAO,CAAEd,SAAUC,EAAMC,aAC5B,EAGH,MAAMa,EAAQhB,EAAeL,GAE7B,MAAMsB,EAA+BvB,IACnC,MAAMwB,EAAQxB,EAAKyB,QAAQ,KAC3B,MAAO,CAAEC,aAAc1B,EAAK2B,MAAM,EAAGH,GAAQI,UAAW5B,EAAK2B,MAAMH,EAAQ,GAAI,EAGjF,MAAME,aAAEA,EAAYE,UAAEA,GAAcL,EAA4BvB,GAEhE,OACE6B,EAAAC,cAAA,MAAA,CAAKzB,IAAKA,EAAK0B,UAAWC,EAAQ,qBAAkC,aAAA,GAAGhC,aACrE6B,EAAAC,cAACG,EAAU,CACTC,QAAS,OACTC,MAAOnC,EACP+B,UAAW,GAAGC,EAAQ,gBAAgB/B,EAAS+B,EAAQ/B,GAAU,MAEjE4B,EAAAC,cAACM,EAAI,CAACC,KAAMf,EAAMf,SAAUwB,UAAWC,EAAQ,eAC/CH,EAAMC,cAAA,OAAA,CAAAC,UAAWC,EAAQ,kBAAmBN,OAAqBG,EAAAC,cAAA,OAAA,KAAOF,GACvEN,EAAMZ,YACLmB,EAAAC,cAACM,EACC,CAAAD,MAAOb,EAAMZ,WAAWG,OACxBwB,KAAMf,EAAMZ,WAAWC,KACvBoB,UAAWC,EAAQ,eACnBM,QAAS,IACPhB,EAAMZ,YACNN,GACAA,EAAsBkB,EAAMZ,WAAWG,OAAQb,MAKtDE,GACC2B,EAACC,cAAAG,GACCC,QAAS,WACTH,UAAW,GAAGC,EAAQ,oBAAoB/B,EAAS+B,EAAQ/B,GAAU,MAEpEC,GAGJD,IAAW,YACV4B,EAACC,cAAAS,EAAY,CAAAR,UAAWC,EAAQ,gBAAiBQ,UAAWrC,IAE5D,GAGJ,EAGS,MAAAsC,EAAWZ,EAAMa,WAAW3C"}

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

@@ -0,0 +1,2 @@
+import e from"../../../node_modules/style-inject/dist/style-inject.es.esm.js";var i='/*!\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-modules_sr-only__OwtI4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-modules_hidden__w5rVy{display:none}.FileItem-modules_slide-in__g2fUZ{animation:FileItem-modules_slide-in__g2fUZ .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-modules_slide-in__g2fUZ{animation-duration:.1ms}}.FileItem-modules_slide-out__-dBYM{animation:FileItem-modules_slide-out__-dBYM .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-modules_slide-out__-dBYM{animation-duration:.1ms}}@keyframes FileItem-modules_slide-in__g2fUZ{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-modules_slide-out__-dBYM{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileItem-modules_file-item-wrapper__r4sb5{background-color:var(--input-background-color);border-radius:var(--input-border-radius);padding:.5rem 1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem-modules_file-item-wrapper__r4sb5{transition-duration:.1ms}}.FileItem-modules_file-item-wrapper__r4sb5 [class*=icon]{font-size:1.25rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_progress-bar__kVAJi{background-color:var(--color-black10)}.FileItem-modules_file-item-wrapper__r4sb5 span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-name__twzQ4{align-items:center;display:flex;margin:0}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-name__twzQ4 .FileItem-modules_friendly-name__p3xgX{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_action-icon__ODWUg{color:var(--color-primary);cursor:pointer;margin-left:auto;padding-left:1.25rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-icon__TbFi8{margin-right:.5rem}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_file-subtitle__TmXvr,.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_progress-bar__kVAJi{display:block;margin:.3125rem 1.75rem;padding:0}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_error__Q1RuV,.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_retry__2Euk8{color:var(--error)}.FileItem-modules_file-item-wrapper__r4sb5 .FileItem-modules_readonly__Jxi46{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsaUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLGdDQUNFLFlBQ0YsQ0FFQSxrQ0FDRSx1REFDRixDQUVBLHVDQUNFLGtDQUNFLHVCQUNGLENBQ0YsQ0FDQSxtQ0FDRSx3REFDRixDQUVBLHVDQUNFLG1DQUNFLHVCQUNGLENBQ0YsQ0FDQSw0Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLDJDQUdFLDhDQUErQyxDQUQvQyx3Q0FBeUMsQ0FEekMscUJBQXVCLENBSXZCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSwyQ0FDRSx3QkFDRixDQUNGLENBQ0EseURBQ0UsaUJBQ0YsQ0FDQSxpRkFDRSxxQ0FDRixDQUNBLDhEQUNFLHdDQUF5QyxDQUN6QyxXQUNGLENBQ0EsOEVBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixRQUdGLENBQ0EscUhBQ0UsZUFBZ0IsQ0FDaEIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0EsZ0ZBRUUsMEJBQTJCLENBQzNCLGNBQWUsQ0FGZixnQkFBaUIsQ0FHakIsb0JBQ0YsQ0FDQSw4RUFDRSxrQkFDRixDQUNBLG1LQUVFLGFBQWMsQ0FDZCx1QkFBeUIsQ0FDekIsU0FDRixDQUNBLG9KQUVFLGtCQUNGLENBQ0EsNkVBQ0UsdUJBQ0YiLCJmaWxlIjoiRmlsZUl0ZW0ubW9kdWxlcy5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIge1xuICBwYWRkaW5nOiAwLjVyZW0gMS4yNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWl0ZW0td3JhcHBlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5maWxlLWl0ZW0td3JhcHBlciBbY2xhc3MqPWljb25dIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciBzcGFuW2NsYXNzKj1iYXItLV0ge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgaGVpZ2h0OiAxcmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUge1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSAuZnJpZW5kbHktbmFtZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiB7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1zdWJ0aXRsZSxcbi5maWxlLWl0ZW0td3JhcHBlciAucHJvZ3Jlc3MtYmFyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogMC4zMTI1cmVtIDEuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmVycm9yLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZXRyeSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnJlYWRvbmx5IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufSJdfQ== */';var l={"sr-only":"FileItem-modules_sr-only__OwtI4",hidden:"FileItem-modules_hidden__w5rVy","slide-in":"FileItem-modules_slide-in__g2fUZ","slide-out":"FileItem-modules_slide-out__-dBYM","file-item-wrapper":"FileItem-modules_file-item-wrapper__r4sb5","progress-bar":"FileItem-modules_progress-bar__kVAJi","file-name":"FileItem-modules_file-name__twzQ4","friendly-name":"FileItem-modules_friendly-name__p3xgX","action-icon":"FileItem-modules_action-icon__ODWUg","file-icon":"FileItem-modules_file-icon__TbFi8","file-subtitle":"FileItem-modules_file-subtitle__TmXvr",error:"FileItem-modules_error__Q1RuV",retry:"FileItem-modules_retry__2Euk8",readonly:"FileItem-modules_readonly__Jxi46"};e(i);export{l as default};
+//# sourceMappingURL=FileItem.modules.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileItem.modules.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import e,{useRef as t,useState as l,useEffect as a}from"react";import{Button as o}from"../../Button/Button.esm.js";import{FileItem as s}from"./FileItem/FileItem.esm.js";import{Typography as r}from"../../Typography/Typography.esm.js";import n from"./FileUpload.module.esm.js";import{Icon as i,Icons as c}from"../../Icon/Icon.esm.js";import{useDetermineStatusIcon as d}from"../../src/hooks/useDetermineStatusIcon.esm.js";const p=({name:p,accept:m,error:u,success:f,maxFileSize:v,multiple:g,id:h,title:E,labeledBy:b,disabled:x=false,onChange:y,dragAndDropText:D="Drop file here or",selectButtonText:N="Select file",onDragOver:T,onDragLeave:z,wrapperProps:j,onDrop:F,subText:w,onRequestedFileAction:B,exceedingMaxSizeErrorText:I,fileList:P,...k},A)=>{var C;const L=t(null);const[S,R]=l(false);const[U,q]=l(false);const M=d({success:f,error:u});let O=[n["file-dropzone"]];let $=[n["file-selector-sub-text"]];S&&O.push(n["drag-active"]);U||u&&O.push(n["error"])&&$.push(n["error"]);x&&O.push(n["disabled"]);f&&!u&&O.push(n["success"]);const G=e=>{let t=P?[...P]:[];const l=P.map((e=>e.name));(e===null||e===void 0?void 0:e.length)&&Array.from(e).forEach((e=>{if(!l.includes(e.name))t=g?[...t,{...K(e),data:e}]:[{...K(e),data:e}]}));return t};const H=e=>{e.preventDefault();e.stopPropagation();let t=G(e.target.files);t.length&&J(t[t.length-1])&&(y===null||y===void 0?void 0:y(t))};const J=e=>{const t=e.name.split(".").pop();return t&&m.includes(t)};const K=e=>{const t={name:e.name,size:e.size,type:e.type};let l=false;if(v&&e.size&&e.size>=v){const e=(v/(1024*1024)).toFixed(2);t.error=I!==null&&I!==void 0?I:`The maximum allowed file size is ${e}MB. Upload a smaller file.`;t.status="error";l=true}q(l);return t};a((()=>{if(P.length){const e=P.map((e=>K(e)));y===null||y===void 0?void 0:y(e)}}),[]);const Q=e=>{e.preventDefault();e.stopPropagation();if(!S)R(true);T===null||T===void 0?void 0:T(e)};const V=e=>{e.preventDefault();e.stopPropagation();const t=e.target;if(t===null||t===void 0?void 0:t.classList.contains(n["file-dropzone"]))R(false);z===null||z===void 0?void 0:z(e)};const W=e=>{var t,l;e.preventDefault();e.stopPropagation();if(((t=e===null||e===void 0?void 0:e.dataTransfer)===null||t===void 0?void 0:t.files)&&e.dataTransfer.files.length){const t=(l=e===null||e===void 0?void 0:e.dataTransfer)===null||l===void 0?void 0:l.files[0].name.split(".").pop();if(t&&m&&!m.includes(t)){R(false);return}const a=G(e.dataTransfer.files);F===null||F===void 0?void 0:F(a)}R(false)};return e.createElement("div",{className:n["file-upload-wrapper"],...j},e.createElement("div",{className:n["dropzone-wrapper"]},e.createElement("div",{className:O.join(" "),onDragOver:e=>!x&&Q(e),onDragLeave:e=>!x&&V(e),onDrop:e=>!x&&W(e)},e.createElement(r,{variant:"body-bold",className:n["file-upload-title"],ref:L},E),e.createElement("div",{className:n["file-select"]},e.createElement(i,{className:"drop-file-icon",icon:c.FileUpload}),e.createElement(r,{variant:"body",className:"drag-and-drop-text"},D),e.createElement("div",{className:n["file-upload-btn"]},e.createElement(o,{variant:"outline",disabled:x},N,e.createElement("input",{className:n["upload-input"],...k,ref:A,"aria-labelledby":b,type:"file",name:p,...g&&{multiple:true},disabled:x,accept:m,onChange:H,spellCheck:(C=k.spellCheck)!==null&&C!==void 0?C:false}))),!x&&M,e.createElement("span",{className:n["outline"]}))),w&&e.createElement(r,{variant:"sub-text",className:$.join(" ")},w)),(P===null||P===void 0?void 0:P.length)>0&&e.createElement("ul",{className:n["file-list"]},P.map((({name:t,status:l,progress:a,error:o})=>e.createElement("li",{key:t,className:l,id:t},e.createElement(s,{name:t,status:l,progress:a,error:o,onRequestedFileAction:B}))))))};const m=e.forwardRef(p);export{m as FileUpload};
+//# sourceMappingURL=FileUpload.esm.js.map

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

@@ -0,0 +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 { Icon, Icons } from \"../../Icon/Icon\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\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  maxFileSize?: 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}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSize,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drop file here or\",\n    selectButtonText = \"Select file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneClassNames.push(classes[\"drag-active\"]);\n  inputError ||\n    (error && dropzoneClassNames.push(classes[\"error\"]) && subTextClass.push(classes[\"error\"]));\n  disabled && dropzoneClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\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    files.length && verifyExtensionValidity(files[files.length - 1]) && 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    if (maxFileSize && file.size && file.size >= maxFileSize) {\n      const mb = (maxFileSize / (1024 * 1024)).toFixed(2);\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${mb}MB. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\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?.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        setDragActive(false);\n        return;\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop?.(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\n          className={dropzoneClassNames.join(\" \")}\n          onDragOver={e => !disabled && handleOnDragOver(e)}\n          onDragLeave={e => !disabled && handleOnDragLeave(e)}\n          onDrop={e => !disabled && handleOnDrop(e)}\n        >\n          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}\n          </Typography>\n          <div className={classes[\"file-select\"]}>\n            <Icon className={\"drop-file-icon\"} icon={Icons.FileUpload} />\n            <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n              {dragAndDropText}\n            </Typography>\n            <div className={classes[\"file-upload-btn\"]}>\n              <Button variant=\"outline\" disabled={disabled}>\n                {selectButtonText}\n                <input\n                  className={classes[\"upload-input\"]}\n                  {...rest}\n                  ref={ref}\n                  aria-labelledby={labeledBy}\n                  type=\"file\"\n                  name={name}\n                  {...(multiple && { multiple: true })}\n                  disabled={disabled}\n                  accept={accept}\n                  onChange={onInputChange}\n                  spellCheck={rest.spellCheck ?? false}\n                />\n              </Button>\n            </div>\n            {!disabled && icon}\n            <span className={classes[\"outline\"]}></span>\n          </div>\n        </div>\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\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                status={status}\n                progress={progress}\n                error={error}\n                onRequestedFileAction={onRequestedFileAction}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUploadComponent","name","accept","error","success","maxFileSize","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","subTextClass","push","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","onInputChange","e","preventDefault","stopPropagation","target","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","mb","toFixed","status","useEffect","validatedFiles","handleOnDragOver","handleOnDragLeave","classList","contains","handleOnDrop","dataTransfer","_a","_b","React","className","createElement","join","Typography","variant","Icon","Icons","FileUpload","Button","spellCheck","progress","key","FileItem","forwardRef"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import l from "../../../lib/style-inject.js";var e='/*!\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);padding:1.25rem;position:relative;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-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--drag-background-color);border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--drag-border-style);border-width:var(--input-border-width);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_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--input-hover-background-color);border-color:var(--default)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_disabled__hvZQb{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_error__q2B-7{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_focus__E3tFz{border-width:var(--input-border-width-focus)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_focus__E3tFz:not(.FileUpload-module_error__q2B-7){border-color:var(--color-focus)}.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_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_disabled__hvZQb{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:1.375rem;top:2.74rem}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out);padding:0 1.25rem}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error)}.FileUpload-module_file-select__sW1Pn{align-items:center;display:flex;flex-direction:column}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:.625rem}.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:.75rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGVBQWdCLENBQ2hCLGlCQUFrQixDQUVsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLCtHQVVFLDZDQUE4QyxDQUo5QyxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHFDQUFzQyxDQUN0QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVVsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsK0dBQ0Usd0JBQ0YsQ0FDRixDQUNBLHFIQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLGlKQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDhJQUNFLHlCQUNGLENBQ0EsOElBQ0UsNENBQ0YsQ0FDQSxtTEFDRSwrQkFDRixDQUNBLGlOQUVFLGtCQUNGLENBQ0EsZ0dBQ0Usb0JBQ0YsQ0FDQSwwRUFFRSxnQ0FBaUMsQ0FDakMsdUJBQXdCLENBRnhCLG1CQUdGLENBQ0EsK0RBQ0UsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUVsQixjQUFlLENBRGYsV0FFRixDQUVBLGlEQUNFLHVCQUF3QixDQUN4QixpQkFDRixDQUNBLGdGQUNFLGtCQUNGLENBRUEsc0NBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixxQkFDRixDQUNBLG9EQUNFLGlCQUNGLENBQ0EsMERBQ0UscUJBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1kcmFnLWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRyYWctYmFja2dyb3VuZC1jb2xvcik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZTpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZS5kaXNhYmxlZCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAyLjc0cmVtO1xuICByaWdodDogMS4zNzVyZW07XG59XG5cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBwYWRkaW5nOiAwIDEuMjVyZW07XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG4uZmlsZS1zZWxlY3QgW2NsYXNzKj1maWxlXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPXR5cG9ncmFwaHldIHtcbiAgbWFyZ2luLWJvdHRvbTogMC42MjVyZW07XG59XG5cbi51cGxvYWQtaW5wdXQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBvcGFjaXR5OiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4udXBsb2FkLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmZpbGUtdXBsb2FkLWJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbGUtbGlzdCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMC43NXJlbSAwO1xufVxuLmZpbGUtbGlzdCBsaTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufSJdfQ== */';var i={"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-","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U",disabled:"FileUpload-module_disabled__hvZQb",error:"FileUpload-module_error__q2B-7",focus:"FileUpload-module_focus__E3tFz","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",success:"FileUpload-module_success__GqO-7","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-select":"FileUpload-module_file-select__sW1Pn","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};l(e);export{i as default};
+//# sourceMappingURL=FileUpload.module.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js

@@ -0,0 +1,2 @@
+import e from"react";import r from"./MultiSelectWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{useWrapper as s}from"../../../src/hooks/useWrapper.esm.js";import{MultiSelect as o}from"../../Select/MultiSelect/MultiSelect.esm.js";const a=({children:a,error:c,success:t,value:p,placeholder:m,selectProps:d,helperProps:i,onChange:n,...u},h)=>{var v,f;const{errorId:b,helperId:I,labelId:N}=s();return e.createElement(l,{...u,ref:h,errorId:b,helperId:I,labelProps:{id:N,className:r["select-label"]},helperProps:{...i,className:`${r["select-helper-text"]} ${(v=i===null||i===void 0?void 0:i.className)!==null&&v!==void 0?v:""}`},error:c},e.createElement(o,{...d,value:p,labeledBy:N,error:c,success:t,describedBy:c?b:I,onChange:n,placeholder:m,className:`${(f=d===null||d===void 0?void 0:d.className)!==null&&f!==void 0?f:""}`},a))};const c=e.forwardRef(a);export{c as MultiSelectWrapper};
+//# sourceMappingURL=MultiSelectWrapper.esm.js.map

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);\n"],"names":["MultiSelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","MultiSelect","labeledBy","describedBy","_b","MultiSelectWrapper","forwardRef"],"mappings":"uQAqCA,MAAMA,EAA+E,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,IAEvC,OACEC,EAAAC,cAACC,EAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,EAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAQ,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,EAACC,cAAAO,EACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAqBZ,EAAMa,WAAW5B"}

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.esm.js

@@ -0,0 +1,2 @@
+import e from "../../../../lib/style-inject.js";var i='/*!\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 */.MultiSelectWrapper-module_select-label__S2RDB{left:calc(1.25rem + 2px)}.MultiSelectWrapper-module_select-helper-text__leJir{margin-top:.15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0NBQ0Usd0JBQ0YsQ0FFQSxxREFDRSxpQkFDRiIsImZpbGUiOiJNdWx0aVNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3QtbGFiZWwge1xuICBsZWZ0OiBjYWxjKDEuMjVyZW0gKyAycHgpO1xufVxuXG4uc2VsZWN0LWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn0iXX0= */';var l={"select-label":"MultiSelectWrapper-module_select-label__S2RDB","select-helper-text":"MultiSelectWrapper-module_select-helper-text__leJir"};e(i);export{l as default};
+//# sourceMappingURL=MultiSelectWrapper.module.esm.js.map

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.module.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/index.d.ts

@@ -104,6 +104,10 @@ export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/Texta
 export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
 export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
 export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+export { FileUpload } from "./components/Form/FileUpload/FileUpload";
+export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
+export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
+export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
 /** Wizard */
 export { Wizard } from "./components/Wizard/Wizard";
 export type { Props as WizardProps } from "./components/Wizard/Wizard";

package/dist/esm/src/index.esm.js

@@ -1,2 +1,2 @@
-export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{Tag}from"../Tag/Tag.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Stepper}from"../Stepper/Stepper.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{usePosition}from"./hooks/usePosition.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{NotificationProvider,useNotificationContext}from"../Notifications/NotificationProvider/NotificationContext.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/SingleSelect/Select.esm.js";export{MultiSelect}from"../Form/Select/MultiSelect/MultiSelect.esm.js";export{Option}from"../Form/Select/SingleSelect/Option.esm.js";export{MultiOption}from"../Form/Select/MultiSelect/MultiOption.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
+export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{Tag}from"../Tag/Tag.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Stepper}from"../Stepper/Stepper.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{usePosition}from"./hooks/usePosition.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{NotificationProvider,useNotificationContext}from"../Notifications/NotificationProvider/NotificationContext.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/SingleSelect/Select.esm.js";export{MultiSelect}from"../Form/Select/MultiSelect/MultiSelect.esm.js";export{Option}from"../Form/Select/SingleSelect/Option.esm.js";export{MultiOption}from"../Form/Select/MultiSelect/MultiOption.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{FileUpload}from"../Form/FileUpload/FileUpload.esm.js";export{MultiSelectWrapper}from"../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
 //# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "http://onewelcome.github.io/react-lib-components",
   "name": "@onewelcome/react-lib-components",
-  "version": "6.3.0",
+  "version": "6.4.1",
   "license": "Apache-2.0",
   "author": "OneWelcome B.V.",
   "main": "dist/cjs/src/index.cjs.js",

package/src/index.ts

@@ -145,6 +145,10 @@ export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/Texta
 export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
 export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
 export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+export { FileUpload } from "./components/Form/FileUpload/FileUpload";
+export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
+export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
+export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
 
 /** Wizard */
 export { Wizard } from "./components/Wizard/Wizard";