@onewelcome/react-lib-components 6.4.4 → 6.6.0

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

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./FileItem.module.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

@@ -1 +1 @@
-{"version":3,"file":"FileItem.cjs.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction } 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"}
+{"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.module.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":"sXAqCYA,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.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 */.FileItem-module_sr-only__ihOCn{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-module_hidden__Q56h4{display:none}.FileItem-module_slide-in__1tGpk{animation:FileItem-module_slide-in__1tGpk .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-in__1tGpk{animation-duration:.1ms}}.FileItem-module_slide-out__cVuA5{animation:FileItem-module_slide-out__cVuA5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-out__cVuA5{animation-duration:.1ms}}@keyframes FileItem-module_slide-in__1tGpk{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-module_slide-out__cVuA5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileItem-module_file-item-wrapper__AHppD{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-module_file-item-wrapper__AHppD{transition-duration:.1ms}}.FileItem-module_file-item-wrapper__AHppD [class*=icon]{font-size:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{background-color:var(--color-black10)}.FileItem-module_file-item-wrapper__AHppD span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv{align-items:center;display:flex;margin:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv .FileItem-module_friendly-name__3FShY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG{color:var(--color-primary);cursor:pointer;margin-left:auto;padding-left:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT{margin-right:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{display:block;margin:.3125rem 1.75rem;padding:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_error__LJfYJ,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_retry__rhh2E{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_readonly__KKX3X{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixnQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsK0JBQ0UsWUFDRixDQUVBLGlDQUNFLHNEQUNGLENBRUEsdUNBQ0UsaUNBQ0UsdUJBQ0YsQ0FDRixDQUNBLGtDQUNFLHVEQUNGLENBRUEsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUNBLDJDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw0Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMENBR0UsOENBQStDLENBRC9DLHdDQUF5QyxDQUR6QyxxQkFBdUIsQ0FJdkIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDBDQUNFLHdCQUNGLENBQ0YsQ0FDQSx3REFDRSxpQkFDRixDQUNBLCtFQUNFLHFDQUNGLENBQ0EsNkRBQ0Usd0NBQXlDLENBQ3pDLFdBQ0YsQ0FDQSw0RUFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLFFBR0YsQ0FDQSxrSEFDRSxlQUFnQixDQUNoQixzQkFBdUIsQ0FDdkIsa0JBQ0YsQ0FDQSw4RUFFRSwwQkFBMkIsQ0FDM0IsY0FBZSxDQUZmLGdCQUFpQixDQUdqQixvQkFDRixDQUNBLDRFQUNFLGtCQUNGLENBQ0EsK0pBRUUsYUFBYyxDQUNkLHVCQUF5QixDQUN6QixTQUNGLENBQ0EsZ0pBRUUsa0JBQ0YsQ0FDQSwyRUFDRSx1QkFDRiIsImZpbGUiOiJGaWxlSXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgcGFkZGluZzogMC41cmVtIDEuMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1pdGVtLXdyYXBwZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgW2NsYXNzKj1pY29uXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAucHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgc3BhbltjbGFzcyo9YmFyLS1dIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGhlaWdodDogMXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1uYW1lIHtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUgLmZyaWVuZGx5LW5hbWUge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuYWN0aW9uLWljb24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtc3VidGl0bGUsXG4uZmlsZS1pdGVtLXdyYXBwZXIgLnByb2dyZXNzLWJhciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46IDAuMzEyNXJlbSAxLjc1cmVtO1xuICBwYWRkaW5nOiAwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5lcnJvcixcbi5maWxlLWl0ZW0td3JhcHBlciAucmV0cnkge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZWFkb25seSB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn0iXX0= */';var l={"sr-only":"FileItem-module_sr-only__ihOCn",hidden:"FileItem-module_hidden__Q56h4","slide-in":"FileItem-module_slide-in__1tGpk","slide-out":"FileItem-module_slide-out__cVuA5","file-item-wrapper":"FileItem-module_file-item-wrapper__AHppD","progress-bar":"FileItem-module_progress-bar__JSZGw","file-name":"FileItem-module_file-name__fX1qv","friendly-name":"FileItem-module_friendly-name__3FShY","action-icon":"FileItem-module_action-icon__BvDBG","file-icon":"FileItem-module_file-icon__krJdT","file-subtitle":"FileItem-module_file-subtitle__vB6Rd",error:"FileItem-module_error__LJfYJ",retry:"FileItem-module_retry__rhh2E",readonly:"FileItem-module_readonly__KKX3X"};e["default"](i);exports["default"]=l;
+//# sourceMappingURL=FileItem.module.cjs.js.map

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

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

package/dist/cjs/Form/Select/MultiSelect/MultiOption.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../SingleSelect/Option.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=r(e);const u=({fixed:e,...r},u)=>o["default"].createElement(t.Option,{ref:u,...r});const i=o["default"].forwardRef(u);exports.MultiOption=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../SingleSelect/Option.cjs.js");var l=require("./MultiSelect.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var i=o(e);const r=({fixed:o,hasFocus:r,className:s,...n},u)=>{let a=u||e.createRef();const c=[];s&&c.push(s);r&&c.push(l["default"]["focus"]);const d=e=>{var t,l,o;const i=e.parentElement;const r=(t=e.parentElement)===null||t===void 0?void 0:t.parentElement;const s=!!(r===null||r===void 0?void 0:r.style.maxHeight);if(s)r===null||r===void 0?void 0:r.scrollTo(0,e.offsetTop-((l=r===null||r===void 0?void 0:r.offsetHeight)!==null&&l!==void 0?l:1)/2);i===null||i===void 0?void 0:i.scrollTo(0,e.offsetTop-((o=i===null||i===void 0?void 0:i.offsetHeight)!==null&&o!==void 0?o:1)/2)};e.useEffect((()=>{if(a.current&&r)d(a.current)}),[r,a]);return i["default"].createElement(t.Option,{ref:a,isSelected:r,disableDefaultSelectedStyle:true,className:c.join(" "),"aria-disabled":false,...n})};const s=i["default"].forwardRef(r);exports.MultiOption=s;
 //# sourceMappingURL=MultiOption.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiOption.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiOption.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.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 } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, ...rest }: Props,\n  ref\n) => {\n  return <SelectOption ref={ref} {...rest} />;\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","rest","ref","React","createElement","SelectOption","MultiOption","forwardRef"],"mappings":"gOAuBA,MAAMA,EAAuE,EACzEC,MAAOC,KAAWC,GACpBC,IAEOC,EAAA,WAAAC,cAACC,SAAa,CAAAH,IAAKA,KAASD,IAGxB,MAAAK,EAAcH,EAAAA,WAAMI,WAAWT"}
+{"version":3,"file":"MultiOption.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.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, RefObject, createRef, useEffect } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nimport classes from \"./MultiSelect.module.scss\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, hasFocus, className, ...rest }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  const additionalClasses = [];\n  className && additionalClasses.push(className);\n  hasFocus && additionalClasses.push(classes[\"focus\"]);\n\n  const scrollToSelectedElement = (element: HTMLLIElement) => {\n    const listbox = element.parentElement;\n    const listboxWrapper = element.parentElement?.parentElement;\n    const isListboxWrapperScrollable = !!listboxWrapper?.style.maxHeight;\n    if (isListboxWrapperScrollable) {\n      listboxWrapper?.scrollTo(0, element.offsetTop - (listboxWrapper?.offsetHeight ?? 1) / 2);\n    }\n    listbox?.scrollTo(0, element.offsetTop - (listbox?.offsetHeight ?? 1) / 2);\n  };\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus) {\n      scrollToSelectedElement(innerOptionRef.current);\n    }\n  }, [hasFocus, innerOptionRef]);\n\n  return (\n    <SelectOption\n      ref={innerOptionRef}\n      isSelected={hasFocus}\n      disableDefaultSelectedStyle\n      className={additionalClasses.join(\" \")}\n      aria-disabled={false}\n      {...rest}\n    />\n  );\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","hasFocus","className","rest","ref","innerOptionRef","createRef","additionalClasses","push","classes","scrollToSelectedElement","element","listbox","parentElement","listboxWrapper","_a","isListboxWrapperScrollable","style","maxHeight","scrollTo","offsetTop","_b","offsetHeight","_c","useEffect","current","React","createElement","SelectOption","isSelected","disableDefaultSelectedStyle","join","MultiOption","forwardRef"],"mappings":"6QAyBA,MAAMA,EAAuE,EACzEC,MAAOC,EAAQC,WAAUC,eAAcC,GACzCC,KAEA,IAAIC,EAAkBD,GAAoCE,EAAAA,YAE1D,MAAMC,EAAoB,GAC1BL,GAAaK,EAAkBC,KAAKN,GACpCD,GAAYM,EAAkBC,KAAKC,EAAAA,WAAQ,UAE3C,MAAMC,EAA2BC,cAC/B,MAAMC,EAAUD,EAAQE,cACxB,MAAMC,GAAiBC,EAAAJ,EAAQE,iBAAa,MAAAE,SAAA,OAAA,EAAAA,EAAEF,cAC9C,MAAMG,KAA+BF,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBG,MAAMC,WAC3D,GAAIF,EACFF,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBK,SAAS,EAAGR,EAAQS,YAAaC,EAAAP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBQ,gBAAgB,MAAAD,SAAA,EAAAA,EAAA,GAAK,GAExFT,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASO,SAAS,EAAGR,EAAQS,YAAaG,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASU,gBAAgB,MAAAC,SAAA,EAAAA,EAAA,GAAK,EAAE,EAG5EC,EAAAA,WAAU,KACR,GAAInB,EAAeoB,SAAWxB,EAC5BS,EAAwBL,EAAeoB,QACxC,GACA,CAACxB,EAAUI,IAEd,OACEqB,EAAA,WAAAC,cAACC,SAAY,CACXxB,IAAKC,EACLwB,WAAY5B,EACZ6B,4BAA2B,KAC3B5B,UAAWK,EAAkBwB,KAAK,KACnB,gBAAA,SACX5B,GAEN,EAGS,MAAA6B,EAAcN,EAAAA,WAAMO,WAAWnC"}

package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("./MultiSelect.module.cjs.js");var t=require("react");var s=require("../../../Icon/Icon.cjs.js");var a=require("../../../src/hooks/useBodyClick.cjs.js");var l=require("../../../src/readyclasses.module.cjs.js");var r=require("../../../src/util/helper.cjs.js");var n=require("../SelectService.cjs.js");var c=require("../../../src/hooks/useDetermineStatusIcon.cjs.js");var o=require("./SelectedOptions.cjs.js");var u=require("./SelectButton.cjs.js");var i=require("../useSearch.cjs.js");var d=require("../useAddNewBtn.cjs.js");function f(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var p=f(t);const h=({children:f,name:h,disabled:m=false,labeledBy:v,placeholder:b,describedBy:j,searchPlaceholder:S="Search item",searchInputProps:y,selectButtonProps:E={},className:C,error:g=false,success:N=false,value:I,clearLabel:w="Clear selection",noResultsLabel:x="No results found",onChange:R,addNew:B,search:q,...k},P)=>{const[O,A]=t.useState(false);const[L,$]=t.useState({});const F=t.useRef(null);const D=t.useRef(null);const[H,M]=t.useState(-1);const[T,_]=t.useState(false);const[K,U]=t.useState(false);const V=p["default"].Children.count(f)-Object.keys(L).length;const{filter:z,isSearching:G,renderSearch:J,searchInputRef:Q,setIsSearching:W,searchThreshold:X,searchVisible:Y}=i.useSearch({expanded:O,search:q,searchInputClassName:e["default"]["select-search"],optionsCount:V,setFocusedSelectItem:M,searchInputProps:y,searchPlaceholder:S});const{addBtnRef:Z,addNewBtnOptionsContainerClassName:ee,renderAddNew:te}=d.useAddNewBtn({addNew:B,filter:z});const se=P||t.createRef();const ae=e=>{if(se.current&&e){const t=e.getAttribute("data-value");const s=[...se.current.options];const a=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{if(e.value===t||a.includes(e.value))e.selected=true}));se.current.dispatchEvent(new Event("change",{bubbles:true}))}A(false)};const le=e=>{if(se.current){const t=[...se.current.options];t.find((t=>t.value===e)).selected=false;se.current.dispatchEvent(new Event("change",{bubbles:true}))}};const re=t.useRef(null);const{onArrowNavigation:ne}=n.useArrowNavigation({expanded:O,setExpanded:A,isSearching:G,setIsSearching:W,setFocusedSelectItem:M,onOptionChangeHandler:ae,childrenCount:V,setShouldClick:_,searchInputRef:Q,addBtnRef:Z,renderThreshold:X});const{listPosition:ce,opacity:oe,optionsListMaxHeight:ue,setListPosition:ie,setOpacity:de}=n.useSelectPositionList({expanded:O,optionListReference:D,containerReference:F,addBtnRef:Z});const fe=e=>{const t=p["default"].Children.map(f,(e=>e)).reduce(((t,s)=>{if(e.includes(s.props.value))t[s.props.value]={label:s.props.children,fixed:s.props.fixed};return t}),{});$(t)};const pe=e=>{if(se.current){const t=[...se.current.options];t.forEach((t=>{if(e.includes(t.value))t.selected=true;else t.selected=false}))}};const he=()=>{const t=e=>{const t=Object.keys(L);return e.filter((e=>typeof e==="object"&&"props"in e&&!t.includes(e.props.value)))};if(G||z!==""){const a=p["default"].Children.toArray(f).filter((e=>e.props.children.toLowerCase().match(z.toLowerCase())!==null));const l=s(t(a));if(l.length===0)return p["default"].createElement("li",{className:e["default"]["no-results"]},x);return l}return s(t(p["default"].Children.toArray(f)));function s(e){return p["default"].Children.map(e,((e,t)=>p["default"].cloneElement(e,{onFocusChange:e=>{M(e)},onOptionSelect:e=>{ae(e.current);_(false)},isSearching:G,selectOpened:O,childIndex:t,hasFocus:H===t,shouldClick:T})))}};const me=()=>O?p["default"].createElement(s.Icon,{className:e["default"]["chevron-icon"],icon:s.Icons.ChevronUp}):p["default"].createElement(s.Icon,{className:e["default"]["chevron-icon"],icon:s.Icons.ChevronDown});const ve=c.useDetermineStatusIcon({success:N,error:g});const be=e=>{R===null||R===void 0?void 0:R(e)};t.useEffect((()=>{if(O){M(0);U(true)}if(!O&&re.current&&K){re.current.focus();U(false)}}),[O,re.current,K]);t.useEffect((()=>{fe(I);pe(I)}),[I]);a.useBodyClick((e=>!e.target.closest(".custom-select")&&O),(()=>{A(false);ie({top:0,bottom:"initial"});de(0)}),O);const je=[];O&&je.push(e["default"].expanded);g&&je.push(e["default"].error);m&&je.push(e["default"].disabled);C&&je.push(C);N&&je.push(e["default"].success);const Se=()=>{A(!O)};return p["default"].createElement(t.Fragment,null,p["default"].createElement("select",{...r.filterProps(k,/^data-/,false),tabIndex:-1,multiple:true,"aria-hidden":"true",ref:se,name:h,onChange:be,className:l["default"]["sr-only"]},p["default"].createElement("option",{value:""}),p["default"].Children.map(f,(e=>p["default"].createElement("option",{value:e.props.value})))),p["default"].createElement("div",{...r.filterProps(k,/^data-/),ref:F,onKeyDown:ne,className:`custom-select ${e["default"].select} ${je.join(" ")} ${C!==null&&C!==void 0?C:""}`},Y&&J(),p["default"].createElement("div",{className:`${e["default"]["custom-select"]} ${je.join(" ")} `,style:{display:O&&Y?"none":"flex"}},p["default"].createElement("div",{className:e["default"]["display-container"],"data-display":true},p["default"].createElement(u.SelectButton,{...E,onClick:Se,name:h,ref:re,disabled:m,"aria-disabled":m,"aria-invalid":g,"aria-expanded":O,"aria-haspopup":"listbox","aria-labelledby":v,"aria-describedby":j}),(I===null||I===void 0?void 0:I.length)===0&&b&&p["default"].createElement("span",{className:e["default"]["placeholder"]},b),(I===null||I===void 0?void 0:I.length)>0&&p["default"].createElement(o.SelectedOptions,{disabled:m,display:L,onClick:Se,onRemove:le})),p["default"].createElement("div",{className:e["default"]["status"]},ve||me())),p["default"].createElement("div",{ref:D,className:`list-wrapper ${e["default"]["list-wrapper"]}`,style:{display:O?"block":"none",opacity:oe,maxHeight:ue.wrapper,pointerEvents:O?"auto":"none",...ce}},p["default"].createElement("ul",{className:ee,role:"listbox",style:{maxHeight:ue.list}},he()),te())))};const m=p["default"].forwardRef(h);exports.MultiSelect=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("./MultiSelect.module.cjs.js");var t=require("react");var s=require("../../../src/hooks/useBodyClick.cjs.js");var a=require("../../../src/hooks/useDetermineStatusIcon.cjs.js");var l=require("../../../src/readyclasses.module.cjs.js");var r=require("../../../src/util/helper.cjs.js");var n=require("../../../Icon/Icon.cjs.js");var c=require("../useAddNewBtn.cjs.js");var o=require("../useSelectPositionList.cjs.js");var u=require("./SelectButton.cjs.js");var i=require("./SelectedOptions.cjs.js");var d=require("./useArrowNavigation.cjs.js");var f=require("./useSearch.cjs.js");function p(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var h=p(t);const m=(e,t)=>`${e}_option${t}`;const v=e=>`${e}_listbox`;const b=({id:p,children:b,name:C,disabled:S=false,labeledBy:j,placeholder:E,describedBy:y,searchPlaceholder:g="Search item",searchInputProps:I,selectButtonProps:N={},className:x,error:w=false,success:R=false,value:B,clearLabel:q="Clear selection",noResultsLabel:k="No results found",onChange:P,addNew:L,search:A={enabled:true,renderThreshold:0},...$},O)=>{const D=t.useRef(p!==null&&p!==void 0?p:r.generateID(20));const[F,M]=t.useState(false);const[_,H]=t.useState([]);const K=t.useRef(null);const T=t.useRef(null);const[U,V]=t.useState(0);const[z,G]=t.useState(false);const[J,Q]=t.useState(false);const[W,X]=t.useState(h["default"].Children.count(b)-_.length);const{filter:Y,renderSearch:Z,searchInputRef:ee,resetSearchState:te,searchVisible:se}=f.useSearch({selectId:D.current,expanded:F,search:A,searchInputClassName:e["default"]["select-search"],optionsCount:W,focusedSelectItem:U,setFocusedSelectItem:V,searchInputProps:I,searchPlaceholder:g,describedBy:y,getOptionId:m,getListboxId:v});const{addBtnRef:ae,addNewBtnOptionsContainerClassName:le,renderAddNew:re}=c.useAddNewBtn({id:m(D.current,W),addNew:L,filter:Y,focusedSelectItem:U,optionsCount:W,searchInputRef:ee,shouldClick:z,onClickCallback:()=>{G(false);te()}});const ne=O||t.createRef();const ce=e=>{if(ne.current&&e){const t=e.getAttribute("data-value");const s=[...ne.current.options];const a=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{if(e.value===t||a.includes(e.value))e.selected=true}));ne.current.dispatchEvent(new Event("change",{bubbles:true}))}M(false);te()};const oe=e=>{if(ne.current){const t=[...ne.current.options];t.find((t=>t.value===e)).selected=false;ne.current.dispatchEvent(new Event("change",{bubbles:true}))}};const ue=t.useRef(null);const{onArrowNavigation:ie}=d.useArrowNavigation({expanded:F,setExpanded:M,setFocusedSelectItem:V,childrenCount:W,setShouldClick:G,addBtnRef:ae,searchInputRef:ee,customSelectButtonRef:ue,onClose:te});const{listPosition:de,opacity:fe,optionsListMaxHeight:pe,setListPosition:he,setOpacity:me}=o.useSelectPositionList({expanded:F,optionListReference:T,containerReference:K,addBtnRef:ae});const ve=e=>{const t=h["default"].Children.map(b,(e=>e));const s=e.map((e=>{const s=t.find((t=>t.props.value===e));return{value:e,label:s===null||s===void 0?void 0:s.props.children,fixed:s===null||s===void 0?void 0:s.props.fixed}}));H(s)};const be=e=>{if(ne.current){const t=[...ne.current.options];t.forEach((t=>{if(e.includes(t.value))t.selected=true;else t.selected=false}))}};const Ce=()=>{const t=e=>e.filter((e=>typeof e==="object"&&"props"in e&&!_.find((t=>t.value===e.props.value))));let s;if(Y!==""){const e=h["default"].Children.toArray(b).filter((e=>e.props.children.toLowerCase().match(r.escapeRegExp(Y.toLowerCase()))!==null));s=a(t(e))}else s=a(t(h["default"].Children.toArray(b)));W!==s.length&&X(s.length);if(s.length===0)return h["default"].createElement("li",{className:e["default"]["no-results"]},k);return s;function a(e){return h["default"].Children.map(e,((e,t)=>h["default"].cloneElement(e,{onFocusChange:e=>{V(e)},onOptionSelect:e=>{ce(e.current);M(false);G(false)},isSearching:false,selectOpened:F,childIndex:t,hasFocus:U===t,shouldClick:z,id:m(D.current,t)})))}};const Se=()=>F?h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronUp}):h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronDown});const je=a.useDetermineStatusIcon({success:R,error:w});const Ee=e=>{P===null||P===void 0?void 0:P(e)};t.useEffect((()=>{if(F&&ee.current){Q(true);ee.current.focus()}if(!F&&ue.current&&J){Q(false);ue.current.focus()}}),[F,ue.current,J,ee.current]);t.useEffect((()=>{ve(B);be(B)}),[B]);s.useBodyClick((e=>!e.target.closest(".custom-select")&&F),(()=>{M(false);he({top:0,bottom:"initial"});me(0)}),F);const ye=[];F&&ye.push(e["default"].expanded);w&&ye.push(e["default"].error);S&&ye.push(e["default"].disabled);x&&ye.push(x);R&&ye.push(e["default"].success);const ge=()=>{M((e=>!e));G(false)};return h["default"].createElement(t.Fragment,null,h["default"].createElement("select",{...r.filterProps($,/^data-/,false),tabIndex:-1,multiple:true,"aria-hidden":"true",ref:ne,name:C,onChange:Ee,className:l["default"]["sr-only"]},h["default"].createElement("option",{value:""}),h["default"].Children.map(b,(e=>h["default"].createElement("option",{value:e.props.value})))),h["default"].createElement("div",{...r.filterProps($,/^data-/),id:D.current,ref:K,onKeyDown:ie,className:`custom-select ${e["default"].select} ${ye.join(" ")} ${x!==null&&x!==void 0?x:""}`},h["default"].createElement("div",{className:`${e["default"]["custom-select"]} ${ye.join(" ")} `,style:{display:"flex"}},h["default"].createElement("div",{className:e["default"]["display-container"],"data-display":true},h["default"].createElement(u.SelectButton,{...N,onClick:ge,name:C,ref:ue,disabled:S,"aria-disabled":S,"aria-invalid":w,"aria-expanded":F,"aria-haspopup":"listbox","aria-labelledby":j,"aria-describedby":y}),(B===null||B===void 0?void 0:B.length)===0&&E&&h["default"].createElement("span",{className:e["default"]["placeholder"]},E),(B===null||B===void 0?void 0:B.length)>0&&h["default"].createElement(i.SelectedOptions,{disabled:S,display:_,onClick:ge,onRemove:oe}),se&&Z()),h["default"].createElement("div",{className:e["default"]["status"]},je||Se())),h["default"].createElement("div",{ref:T,className:`list-wrapper ${e["default"]["list-wrapper"]}`,style:{display:F?"block":"none",opacity:fe,maxHeight:pe.wrapper,pointerEvents:F?"auto":"none",...de}},h["default"].createElement("ul",{id:v(D.current),className:le,role:"listbox","aria-multiselectable":"true",style:{maxHeight:pe.list}},Ce()),re())))};const C=h["default"].forwardRef(b);exports.MultiSelect=C;
 //# sourceMappingURL=MultiSelect.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiSelect.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 classes from \"./MultiSelect.module.scss\";\n\nimport React, {\n  createRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { useBodyClick } from \"../../../../hooks/useBodyClick\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { useArrowNavigation, useSelectPositionList } from \"../SelectService\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport { SelectedOptions, Display } from \"./SelectedOptions\";\nimport { SelectButton } from \"./SelectButton\";\nimport { MultiSelectProps } from \"../Select.interfaces\";\nimport { useSearch } from \"../useSearch\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\n\nconst MultiSelectComponent: ForwardRefRenderFunction<HTMLSelectElement, MultiSelectProps> = (\n  {\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    searchPlaceholder = \"Search item\",\n    searchInputProps,\n    selectButtonProps = {},\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search,\n    ...rest\n  }: MultiSelectProps,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState<Record<string, Display>>({});\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n  const [shouldClick, setShouldClick] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const optionsVisibleCount = React.Children.count(children) - Object.keys(display).length;\n  const {\n    filter,\n    isSearching,\n    renderSearch,\n    searchInputRef,\n    setIsSearching,\n    searchThreshold,\n    searchVisible\n  } = useSearch({\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount: optionsVisibleCount,\n    setFocusedSelectItem,\n    searchInputProps,\n    searchPlaceholder\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    addNew,\n    filter\n  });\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      const value = optionElement.getAttribute(\"data-value\")!;\n      const options = [...nativeSelect.current.options];\n      const lastSelectedOptionValues = options\n        .filter(option => option.selected)\n        .map(option => option.value);\n      options.forEach(option => {\n        if (option.value === value || lastSelectedOptionValues.includes(option.value)) {\n          option.selected = true;\n        }\n      });\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n\n    setExpanded(false);\n  };\n\n  const onSelectedOptionRemoveHandler = (value: string) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.find(option => option.value === value)!.selected = false;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    isSearching,\n    setIsSearching,\n    setFocusedSelectItem,\n    onOptionChangeHandler,\n    childrenCount: optionsVisibleCount,\n    setShouldClick,\n    searchInputRef,\n    addBtnRef,\n    renderThreshold: searchThreshold\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (vals: string[]) => {\n    const displayArray = React.Children.map(children, child => child).reduce(\n      (prevOption, curOption) => {\n        if (vals.includes(curOption.props.value)) {\n          prevOption[curOption.props.value] = {\n            label: curOption.props.children,\n            fixed: curOption.props.fixed\n          };\n        }\n        return prevOption;\n      },\n      {} as Record<string, Display>\n    );\n    setDisplay(displayArray);\n  };\n\n  const syncSelectedOption = (vals: string[]) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.forEach(option => {\n        if (vals.includes(option.value)) {\n          option.selected = true;\n        } else {\n          option.selected = false;\n        }\n      });\n    }\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    type ReactChildrenType = ReturnType<typeof React.Children.toArray>;\n\n    const filterOutSelectedChildren = (internalChildren: ReactChildrenType) => {\n      const selectedValues = Object.keys(display);\n      return internalChildren.filter(\n        child =>\n          typeof child === \"object\" &&\n          \"props\" in child &&\n          !selectedValues.includes(child.props.value as string)\n      );\n    };\n\n    if (isSearching || filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(\n        child =>\n          (child as ReactElement).props.children.toLowerCase().match(filter.toLowerCase()) !== null\n      );\n\n      const internalChildren = _internalRenderChildren(filterOutSelectedChildren(filteredChildren));\n\n      if (internalChildren.length === 0) {\n        return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n      }\n\n      return internalChildren;\n    }\n\n    return _internalRenderChildren(filterOutSelectedChildren(React.Children.toArray(children)));\n\n    function _internalRenderChildren(internalChildren: ReactChildrenType) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child as ReactElement, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setShouldClick(false);\n          },\n          isSearching: isSearching,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded) {\n      setFocusedSelectItem(0);\n      setShouldFocusButtonAfterClose(true);\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      customSelectButtonRef.current.focus();\n      setShouldFocusButtonAfterClose(false);\n    }\n  }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n    syncSelectedOption(value);\n  }, [value]);\n\n  useBodyClick(\n    (event: MouseEvent) => !(event.target as Element).closest(\".custom-select\") && expanded,\n    () => {\n      setExpanded(false);\n      setListPosition({ top: 0, bottom: \"initial\" });\n      setOpacity(0);\n    },\n    expanded\n  );\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  const onSelectButtonClick = () => {\n    setExpanded(!expanded);\n  };\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <Fragment>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        multiple={true}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")} ${\n          className ?? \"\"\n        }`}\n      >\n        {searchVisible && renderSearch()}\n        <div\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: expanded && searchVisible ? \"none\" : \"flex\" }}\n        >\n          <div className={classes[\"display-container\"]} data-display>\n            <SelectButton\n              {...selectButtonProps}\n              onClick={onSelectButtonClick}\n              name={name}\n              ref={customSelectButtonRef}\n              disabled={disabled}\n              aria-disabled={disabled}\n              aria-invalid={error}\n              aria-expanded={expanded}\n              aria-haspopup=\"listbox\"\n              aria-labelledby={labeledBy}\n              aria-describedby={describedBy}\n            />\n            {value?.length === 0 && placeholder && (\n              <span className={classes[\"placeholder\"]}>{placeholder}</span>\n            )}\n            {value?.length > 0 && (\n              <SelectedOptions\n                disabled={disabled}\n                display={display}\n                onClick={onSelectButtonClick}\n                onRemove={onSelectedOptionRemoveHandler}\n              />\n            )}\n          </div>\n          <div className={classes[\"status\"]}>{icon || renderChevronIcon()}</div>\n        </div>\n\n        <div\n          ref={optionListReference}\n          className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n          style={{\n            display: expanded ? \"block\" : \"none\",\n            opacity: opacity,\n            maxHeight: optionsListMaxHeight.wrapper,\n            pointerEvents: expanded ? \"auto\" : \"none\",\n            ...listPosition\n          }}\n        >\n          <ul\n            className={addNewBtnOptionsContainerClassName}\n            role=\"listbox\"\n            style={{ maxHeight: optionsListMaxHeight.list }}\n          >\n            {renderOptions()}\n          </ul>\n          {renderAddNew()}\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n\nexport const MultiSelect = React.forwardRef(MultiSelectComponent);\n"],"names":["MultiSelectComponent","children","name","disabled","labeledBy","placeholder","describedBy","searchPlaceholder","searchInputProps","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","addNew","search","rest","ref","expanded","setExpanded","useState","display","setDisplay","containerReference","useRef","optionListReference","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","optionsVisibleCount","React","Children","count","Object","keys","length","filter","isSearching","renderSearch","searchInputRef","setIsSearching","searchThreshold","searchVisible","useSearch","searchInputClassName","classes","optionsCount","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","nativeSelect","createRef","onOptionChangeHandler","optionElement","current","getAttribute","options","lastSelectedOptionValues","option","selected","map","forEach","includes","dispatchEvent","Event","bubbles","onSelectedOptionRemoveHandler","find","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","renderThreshold","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","syncDisplayValue","vals","displayArray","child","reduce","prevOption","curOption","props","label","fixed","syncSelectedOption","renderOptions","filterOutSelectedChildren","internalChildren","selectedValues","filteredChildren","toArray","toLowerCase","match","_internalRenderChildren","createElement","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","selectOpened","hasFocus","renderChevronIcon","Icon","icon","Icons","ChevronUp","ChevronDown","useDetermineStatusIcon","nativeOnChangeHandler","event","useEffect","focus","useBodyClick","target","closest","top","bottom","additionalClasses","push","onSelectButtonClick","Fragment","filterProps","tabIndex","multiple","readyclasses","onKeyDown","select","join","style","SelectButton","onClick","SelectedOptions","onRemove","maxHeight","wrapper","pointerEvents","role","list","MultiSelect","forwardRef"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiSelect.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 classes from \"./MultiSelect.module.scss\";\n\nimport React, {\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement,\n  createRef,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useBodyClick } from \"../../../../hooks/useBodyClick\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { escapeRegExp, filterProps, generateID } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { MultiSelectProps } from \"../Select.interfaces\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { SelectButton } from \"./SelectButton\";\nimport { Display, SelectedOptions } from \"./SelectedOptions\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { useSearch } from \"./useSearch\";\n\nconst getOptionId = (multiSelectId: string, optionIndex: number) =>\n  `${multiSelectId}_option${optionIndex}`;\n\nconst getListboxId = (multiSelectId: string) => `${multiSelectId}_listbox`;\n\nconst MultiSelectComponent: ForwardRefRenderFunction<HTMLSelectElement, MultiSelectProps> = (\n  {\n    id,\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    searchPlaceholder = \"Search item\",\n    searchInputProps,\n    selectButtonProps = {},\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search = { enabled: true, renderThreshold: 0 },\n    ...rest\n  }: MultiSelectProps,\n  ref\n) => {\n  const multiSelectId = useRef(id ?? generateID(20));\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState<Display[]>([]);\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(0);\n  const [shouldClick, setShouldClick] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const [optionsVisibleCount, setOptionsVisibleCount] = useState(\n    React.Children.count(children) - display.length\n  );\n  const { filter, renderSearch, searchInputRef, resetSearchState, searchVisible } = useSearch({\n    selectId: multiSelectId.current,\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount: optionsVisibleCount,\n    focusedSelectItem,\n    setFocusedSelectItem,\n    searchInputProps,\n    searchPlaceholder,\n    describedBy,\n    getOptionId,\n    getListboxId\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    id: getOptionId(multiSelectId.current, optionsVisibleCount),\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount: optionsVisibleCount,\n    searchInputRef,\n    shouldClick,\n    onClickCallback: () => {\n      setShouldClick(false);\n      resetSearchState();\n    }\n  });\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      const value = optionElement.getAttribute(\"data-value\")!;\n      const options = [...nativeSelect.current.options];\n      const lastSelectedOptionValues = options\n        .filter(option => option.selected)\n        .map(option => option.value);\n      options.forEach(option => {\n        if (option.value === value || lastSelectedOptionValues.includes(option.value)) {\n          option.selected = true;\n        }\n      });\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n    setExpanded(false);\n    resetSearchState();\n  };\n\n  const onSelectedOptionRemoveHandler = (value: string) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.find(option => option.value === value)!.selected = false;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    setFocusedSelectItem,\n    childrenCount: optionsVisibleCount,\n    setShouldClick,\n    addBtnRef,\n    searchInputRef,\n    customSelectButtonRef,\n    onClose: resetSearchState\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (values: string[]) => {\n    const options = React.Children.map(children, child => child);\n    const displayArray: Display[] = values.map(value => {\n      const option = options.find(option => option.props.value === value);\n      return { value, label: option?.props.children, fixed: option?.props.fixed };\n    });\n    setDisplay(displayArray);\n  };\n\n  const syncSelectedOption = (vals: string[]) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.forEach(option => {\n        if (vals.includes(option.value)) {\n          option.selected = true;\n        } else {\n          option.selected = false;\n        }\n      });\n    }\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    type ReactChildrenType = ReturnType<typeof React.Children.toArray>;\n\n    const filterOutSelectedChildren = (internalChildren: ReactChildrenType) => {\n      return internalChildren.filter(\n        child =>\n          typeof child === \"object\" &&\n          \"props\" in child &&\n          !display.find(option => option.value === child.props.value)\n      );\n    };\n\n    let results;\n    if (filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(\n        child =>\n          (child as ReactElement).props.children\n            .toLowerCase()\n            .match(escapeRegExp(filter.toLowerCase())) !== null\n      );\n\n      results = _internalRenderChildren(filterOutSelectedChildren(filteredChildren));\n    } else {\n      results = _internalRenderChildren(\n        filterOutSelectedChildren(React.Children.toArray(children))\n      );\n    }\n\n    optionsVisibleCount !== results.length && setOptionsVisibleCount(results.length);\n\n    if (results.length === 0) {\n      return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n    }\n\n    return results;\n\n    function _internalRenderChildren(internalChildren: ReactChildrenType) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child as ReactElement, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setExpanded(false);\n            setShouldClick(false);\n          },\n          isSearching: false,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          id: getOptionId(multiSelectId.current, index)\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded && searchInputRef.current) {\n      setShouldFocusButtonAfterClose(true);\n      searchInputRef.current.focus();\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      setShouldFocusButtonAfterClose(false);\n      customSelectButtonRef.current.focus();\n    }\n  }, [\n    expanded,\n    customSelectButtonRef.current,\n    shouldFocusButtonAfterClose,\n    searchInputRef.current\n  ]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n    syncSelectedOption(value);\n  }, [value]);\n\n  useBodyClick(\n    (event: MouseEvent) => !(event.target as Element).closest(\".custom-select\") && expanded,\n    () => {\n      setExpanded(false);\n      setListPosition({ top: 0, bottom: \"initial\" });\n      setOpacity(0);\n    },\n    expanded\n  );\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  const onSelectButtonClick = () => {\n    setExpanded(expanded => !expanded);\n    setShouldClick(false);\n  };\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <Fragment>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        multiple={true}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        id={multiSelectId.current}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")} ${\n          className ?? \"\"\n        }`}\n      >\n        <div\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: \"flex\" }}\n        >\n          <div className={classes[\"display-container\"]} data-display>\n            <SelectButton\n              {...selectButtonProps}\n              onClick={onSelectButtonClick}\n              name={name}\n              ref={customSelectButtonRef}\n              disabled={disabled}\n              aria-disabled={disabled}\n              aria-invalid={error}\n              aria-expanded={expanded}\n              aria-haspopup=\"listbox\"\n              aria-labelledby={labeledBy}\n              aria-describedby={describedBy}\n            />\n            {value?.length === 0 && placeholder && (\n              <span className={classes[\"placeholder\"]}>{placeholder}</span>\n            )}\n            {value?.length > 0 && (\n              <SelectedOptions\n                disabled={disabled}\n                display={display}\n                onClick={onSelectButtonClick}\n                onRemove={onSelectedOptionRemoveHandler}\n              />\n            )}\n            {searchVisible && renderSearch()}\n          </div>\n          <div className={classes[\"status\"]}>{icon || renderChevronIcon()}</div>\n        </div>\n        <div\n          ref={optionListReference}\n          className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n          style={{\n            display: expanded ? \"block\" : \"none\",\n            opacity: opacity,\n            maxHeight: optionsListMaxHeight.wrapper,\n            pointerEvents: expanded ? \"auto\" : \"none\",\n            ...listPosition\n          }}\n        >\n          <ul\n            id={getListboxId(multiSelectId.current)}\n            className={addNewBtnOptionsContainerClassName}\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ maxHeight: optionsListMaxHeight.list }}\n          >\n            {renderOptions()}\n          </ul>\n          {renderAddNew()}\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n\nexport const MultiSelect = React.forwardRef(MultiSelectComponent);\n"],"names":["getOptionId","multiSelectId","optionIndex","getListboxId","MultiSelectComponent","id","children","name","disabled","labeledBy","placeholder","describedBy","searchPlaceholder","searchInputProps","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","addNew","search","enabled","renderThreshold","rest","ref","useRef","generateID","expanded","setExpanded","useState","display","setDisplay","containerReference","optionListReference","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","optionsVisibleCount","setOptionsVisibleCount","React","Children","count","length","filter","renderSearch","searchInputRef","resetSearchState","searchVisible","useSearch","selectId","current","searchInputClassName","classes","optionsCount","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","onClickCallback","nativeSelect","createRef","onOptionChangeHandler","optionElement","getAttribute","options","lastSelectedOptionValues","option","selected","map","forEach","includes","dispatchEvent","Event","bubbles","onSelectedOptionRemoveHandler","find","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","onClose","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","syncDisplayValue","values","child","displayArray","props","label","fixed","syncSelectedOption","vals","renderOptions","filterOutSelectedChildren","internalChildren","results","filteredChildren","toArray","toLowerCase","match","escapeRegExp","_internalRenderChildren","createElement","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSearching","selectOpened","hasFocus","renderChevronIcon","Icon","icon","Icons","ChevronUp","ChevronDown","useDetermineStatusIcon","nativeOnChangeHandler","event","useEffect","focus","useBodyClick","target","closest","top","bottom","additionalClasses","push","onSelectButtonClick","Fragment","filterProps","tabIndex","multiple","readyclasses","onKeyDown","select","join","style","SelectButton","onClick","SelectedOptions","onRemove","maxHeight","wrapper","pointerEvents","role","list","MultiSelect","forwardRef"],"mappings":"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"}

package/dist/cjs/Form/Select/MultiSelect/MultiSelect.module.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../../lib/style-inject.js");var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect-module_sr-only__75-oC{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.MultiSelect-module_hidden__-Ckqq{display:none}.MultiSelect-module_slide-in__Rzibv{animation:MultiSelect-module_slide-in__Rzibv .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-in__Rzibv{animation-duration:.1ms}}.MultiSelect-module_slide-out__U1BmE{animation:MultiSelect-module_slide-out__U1BmE .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-out__U1BmE{animation-duration:.1ms}}@keyframes MultiSelect-module_slide-in__Rzibv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect-module_slide-out__U1BmE{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect-module_select__y-QUg{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect-module_select__y-QUg.MultiSelect-module_expanded__E9rNh .MultiSelect-module_list-wrapper__aQWKE{background:var(--light)}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.MultiSelect-module_select__y-QUg:hover:not(.MultiSelect-module_disabled__nlmBY):not(.MultiSelect-module_expanded__E9rNh):not(.MultiSelect-module_error__uPGpV) .MultiSelect-module_custom-select__QumXf:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{background-color:initial;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-sizing:border-box;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf:focus{outline:0}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV{border-color:var(--error)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV:focus{border-width:var(--input-border-width-focus)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_disabled__nlmBY{border-color:var(--color-disabled);pointer-events:none}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf .MultiSelect-module_display-container__rwtMP{align-items:center;display:flex;flex:1;padding:.1875rem 0}.MultiSelect-module_select__y-QUg .MultiSelect-module_list-wrapper__aQWKE{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 #01053233;box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.MultiSelect-module_select__y-QUg ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:25rem;overflow:auto;padding:.25rem 0;text-align:left;width:100%}.MultiSelect-module_select__y-QUg ul li{box-sizing:border-box;cursor:pointer;font-size:var(--form-control-font-size);line-height:1.25rem;margin:0;min-height:2.5rem;padding:.62rem .75rem;position:relative}.MultiSelect-module_select__y-QUg ul li:after{background-color:initial;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.MultiSelect-module_select__y-QUg ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:-var(--input-border-width-focus)}.MultiSelect-module_select__y-QUg ul li:active:after,.MultiSelect-module_select__y-QUg ul li:hover:after{background-color:var(--color-primary)}.MultiSelect-module_select__y-QUg ul li:active:after{opacity:.1}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_disabled__nlmBY{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.MultiSelect-module_selected-option__zxQsw{color:var(--color-primary)}.MultiSelect-module_selected-option__zxQsw:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.MultiSelect-module_status__lsG4B{align-items:center;display:flex;padding:.3125rem}.MultiSelect-module_status__lsG4B [data-icon-status=success]{color:var(--success);font-size:1.25rem}.MultiSelect-module_status__lsG4B [data-icon-status=error]{color:var(--error);font-size:1.25rem}.MultiSelect-module_status__lsG4B .MultiSelect-module_chevron-icon__FwyQP{color:var(--default);font-size:.625rem}.MultiSelect-module_status__lsG4B *+*{margin-left:1.25rem}.MultiSelect-module_placeholder__TeCro{color:var(--greyed-out)}.MultiSelect-module_select-search__HgYiO{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.MultiSelect-module_disabled__nlmBY{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.MultiSelect-module_disabled__nlmBY>*{pointer-events:none}@media only screen and (min-width:30em){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{padding:0 calc(.5rem - var(--input-border-width))}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxrQ0FDRSxZQUNGLENBRUEsb0NBQ0UseURBQ0YsQ0FDQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBRUEscUNBQ0UsMERBQ0YsQ0FDQSx1Q0FDRSxxQ0FDRSx1QkFDRixDQUNGLENBRUEsOENBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLCtDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQVFFLDhDQUErQyxDQUYvQyxRQUFTLENBQ1Qsd0NBQXlDLENBTHpDLHFCQUFzQixDQU90Qix1Q0FBd0MsQ0FSeEMsaUJBQWtCLENBR2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBS0YsQ0FDQSx1Q0FDRSxrQ0FDRSx3QkFDRixDQUNGLENBQ0EsaURBQ0UsMEJBQTJCLENBQzNCLDhCQUNGLENBQ0EsNkdBQ0UsdUJBQ0YsQ0FDQSxnS0FDRSwrREFBZ0UsQ0FDaEUsdURBQ0YsQ0FDQSxxTkFHRSx5Q0FBMEMsQ0FGMUMsMkJBQTRCLENBQzVCLHNDQUVGLENBQ0EsMkVBS0Usd0JBQTZCLENBQzdCLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQVB2QyxxQkFBc0IsQ0FTdEIsdUNBQXdDLENBUHhDLHVEQUEwRCxDQUMxRCxpREFBbUQsQ0FRbkQsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FYdkMsVUFZRixDQUNBLHVDQUNFLDJFQUNFLHdCQUNGLENBQ0YsQ0FDQSxpRkFDRSxTQUNGLENBQ0EsMkdBQ0UseUJBQ0YsQ0FDQSxpSEFDRSw0Q0FDRixDQUNBLDhHQUNFLGtDQUFtQyxDQUNuQyxtQkFDRixDQUNBLHdIQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsTUFBTyxDQUdQLGtCQUNGLENBQ0EsMEVBQ0UscUNBQXNDLENBR3RDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBRXZDLGdDQUErQyxDQUMvQyx5Q0FBeUQsQ0FDekQseUNBQXlELENBSXpELE1BQU8sQ0FFUCxhQUFjLENBTGQsaUJBQWtCLENBRWxCLFFBQVMsQ0FFVCxVQUFXLENBSFgsVUFLRixDQUNBLHFDQU1FLDZCQUE4QixDQUM5Qix3Q0FBeUMsQ0FOekMscUJBQXNCLENBT3RCLG9CQUFxQixDQUhyQixlQUFnQixDQURoQixRQUFTLENBT1QsZ0JBQWlCLENBRGpCLGFBQWMsQ0FSZCxnQkFBa0IsQ0FPbEIsZUFBZ0IsQ0FOaEIsVUFTRixDQUNBLHdDQU1FLHFCQUFzQixDQUV0QixjQUFlLENBTmYsdUNBQXdDLENBR3hDLG1CQUFvQixDQUZwQixRQUFTLENBSVQsaUJBQWtCLENBTmxCLHFCQUF3QixDQUd4QixpQkFLRixDQUNBLDhDQUtFLHdCQUE2QixDQUo3QixVQUFXLENBTVgsV0FBWSxDQUhaLE1BQU8sQ0FJUCxXQUFhLENBTmIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUdGLENBQ0EsOENBQ0UscUVBQXNFLENBQ3RFLCtDQUNGLENBQ0EseUdBQ0UscUNBQ0YsQ0FDQSxxREFDRSxVQUNGLENBQ0EsMkVBRUUsZ0NBQWlDLENBRGpDLHVCQUF3QixDQUV4QixtQkFDRixDQUVBLDJDQUNFLDBCQUNGLENBQ0Esa0RBT0Usa0NBQW9DLENBQ3BDLDZDQUErQyxDQUYvQywrQkFBaUMsQ0FMakMsVUFBVyxDQUlYLFdBQVksQ0FEWixNQUFPLENBRlAsaUJBQWtCLENBQ2xCLEtBTUYsQ0FFQSxrQ0FHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGdCQUdGLENBQ0EsNkRBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsMkRBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsMEVBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0NBQ0UsbUJBQ0YsQ0FFQSx1Q0FDRSx1QkFDRixDQUVBLHlDQUlFLDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixVQUlGLENBRUEsb0NBR0UseUNBQTBDLENBRDFDLHVCQUF3QixDQUR4QixrQkFHRixDQUNBLHNDQUNFLG1CQUNGLENBRUEsd0NBQ0UsMkVBQ0UsaURBQ0YsQ0FDQSxnS0FDRSx1REFDRixDQUNGIiwiZmlsZSI6Ik11bHRpU2VsZWN0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IFtkYXRhLWRpc3BsYXldIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWRlZmF1bHQpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuLnNlbGVjdC5leHBhbmRlZCAubGlzdC13cmFwcGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tbGlnaHQpO1xufVxuLnNlbGVjdDpub3QoLmV4cGFuZGVkKSAuY3VzdG9tLXNlbGVjdDpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgLmN1c3RvbS1zZWxlY3Q6bm90KDpmb2N1cykge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3Q6Zm9jdXMge1xuICBvdXRsaW5lOiAwO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5lcnJvcjpmb2N1cyB7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IC5kaXNwbGF5LWNvbnRhaW5lciB7XG4gIGZsZXg6IDE7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMTg3NXJlbSAwO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMik7XG4gIGJveC1zaGFkb3c6IDBweCAzcHggMTRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xMjE1Njg2Mjc1KTtcbiAgYm94LXNoYWRvdzogMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICB0b3A6IDQ0cHg7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC1oZWlnaHQ6IDI1cmVtO1xufVxuLnNlbGVjdCB1bCBsaSB7XG4gIHBhZGRpbmc6IDAuNjJyZW0gMC43NXJlbTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBtaW4taGVpZ2h0OiAyLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zZWxlY3QgdWwgbGk6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDAuMDU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC12YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCB1bCBsaTpob3ZlcjphZnRlciwgLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3QgdWwgbGk6YWN0aXZlOmFmdGVyIHtcbiAgb3BhY2l0eTogMC4xO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3RlZC1vcHRpb246YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc3RhdHVzIHtcbiAgcGFkZGluZzogMC4zMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSAuY3VzdG9tLXNlbGVjdDpmb2N1czpub3QoLmVycm9yKSB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykpO1xuICB9XG59Il19 */';var i={"sr-only":"MultiSelect-module_sr-only__75-oC",hidden:"MultiSelect-module_hidden__-Ckqq","slide-in":"MultiSelect-module_slide-in__Rzibv","slide-out":"MultiSelect-module_slide-out__U1BmE",select:"MultiSelect-module_select__y-QUg",expanded:"MultiSelect-module_expanded__E9rNh","list-wrapper":"MultiSelect-module_list-wrapper__aQWKE","custom-select":"MultiSelect-module_custom-select__QumXf",error:"MultiSelect-module_error__uPGpV",disabled:"MultiSelect-module_disabled__nlmBY","display-container":"MultiSelect-module_display-container__rwtMP","selected-option":"MultiSelect-module_selected-option__zxQsw",status:"MultiSelect-module_status__lsG4B","chevron-icon":"MultiSelect-module_chevron-icon__FwyQP",placeholder:"MultiSelect-module_placeholder__TeCro","select-search":"MultiSelect-module_select-search__HgYiO"};e["default"](l);exports["default"]=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../../lib/style-inject.js");var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect-module_sr-only__75-oC{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.MultiSelect-module_hidden__-Ckqq{display:none}.MultiSelect-module_slide-in__Rzibv{animation:MultiSelect-module_slide-in__Rzibv .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-in__Rzibv{animation-duration:.1ms}}.MultiSelect-module_slide-out__U1BmE{animation:MultiSelect-module_slide-out__U1BmE .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-out__U1BmE{animation-duration:.1ms}}@keyframes MultiSelect-module_slide-in__Rzibv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect-module_slide-out__U1BmE{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect-module_select__y-QUg{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect-module_select__y-QUg.MultiSelect-module_expanded__E9rNh .MultiSelect-module_list-wrapper__aQWKE{background:var(--light)}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.MultiSelect-module_select__y-QUg:hover:not(.MultiSelect-module_disabled__nlmBY):not(.MultiSelect-module_expanded__E9rNh):not(.MultiSelect-module_error__uPGpV) .MultiSelect-module_custom-select__QumXf:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{background-color:initial;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-sizing:border-box;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf:focus{outline:0}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV{border-color:var(--error)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV:focus{border-width:var(--input-border-width-focus)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_disabled__nlmBY{border-color:var(--color-disabled);pointer-events:none}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf .MultiSelect-module_display-container__rwtMP{align-items:center;display:flex;flex:1;gap:.375rem;padding:.1875rem 0}.MultiSelect-module_select__y-QUg .MultiSelect-module_list-wrapper__aQWKE{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 #01053233;box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.MultiSelect-module_select__y-QUg ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:25rem;overflow:auto;padding:.25rem 0;text-align:left;width:100%}.MultiSelect-module_select__y-QUg ul li{box-sizing:border-box;cursor:pointer;font-size:var(--form-control-font-size);line-height:1.25rem;margin:0;min-height:2.5rem;padding:.62rem .75rem;position:relative}.MultiSelect-module_select__y-QUg ul li:after{background-color:initial;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_focus__BZC-P,.MultiSelect-module_select__y-QUg ul li:focus{outline:none}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_focus__BZC-P:before,.MultiSelect-module_select__y-QUg ul li:focus:before{border-radius:var(--focus-border-radius);content:"";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.MultiSelect-module_select__y-QUg ul li:active:after,.MultiSelect-module_select__y-QUg ul li:hover:after{background-color:var(--color-primary)}.MultiSelect-module_select__y-QUg ul li:active:after{opacity:.1}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_disabled__nlmBY{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.MultiSelect-module_status__lsG4B{align-items:center;display:flex;padding:.3125rem}.MultiSelect-module_status__lsG4B [data-icon-status=success]{color:var(--success);font-size:1.25rem}.MultiSelect-module_status__lsG4B [data-icon-status=error]{color:var(--error);font-size:1.25rem}.MultiSelect-module_status__lsG4B .MultiSelect-module_chevron-icon__FwyQP{color:var(--default);font-size:.625rem}.MultiSelect-module_status__lsG4B *+*{margin-left:1.25rem}.MultiSelect-module_placeholder__TeCro{color:var(--greyed-out)}.MultiSelect-module_select-search__HgYiO{background-color:initial;border:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;color:var(--default);flex:1;font-family:var(--font-family);line-height:1.3333;margin:0;padding:0}.MultiSelect-module_select-search__HgYiO:focus,.MultiSelect-module_select-search__HgYiO:focus-visible{outline:none}.MultiSelect-module_disabled__nlmBY{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.MultiSelect-module_disabled__nlmBY>*{pointer-events:none}@media only screen and (min-width:30em){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{padding:0 calc(.5rem - var(--input-border-width))}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxrQ0FDRSxZQUNGLENBRUEsb0NBQ0UseURBQ0YsQ0FDQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBRUEscUNBQ0UsMERBQ0YsQ0FDQSx1Q0FDRSxxQ0FDRSx1QkFDRixDQUNGLENBRUEsOENBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLCtDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQVFFLDhDQUErQyxDQUYvQyxRQUFTLENBQ1Qsd0NBQXlDLENBTHpDLHFCQUFzQixDQU90Qix1Q0FBd0MsQ0FSeEMsaUJBQWtCLENBR2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBS0YsQ0FDQSx1Q0FDRSxrQ0FDRSx3QkFDRixDQUNGLENBQ0EsaURBQ0UsMEJBQTJCLENBQzNCLDhCQUNGLENBQ0EsNkdBQ0UsdUJBQ0YsQ0FDQSxnS0FDRSwrREFBZ0UsQ0FDaEUsdURBQ0YsQ0FDQSxxTkFHRSx5Q0FBMEMsQ0FGMUMsMkJBQTRCLENBQzVCLHNDQUVGLENBQ0EsMkVBS0Usd0JBQTZCLENBQzdCLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQVB2QyxxQkFBc0IsQ0FTdEIsdUNBQXdDLENBUHhDLHVEQUEwRCxDQUMxRCxpREFBbUQsQ0FRbkQsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FYdkMsVUFZRixDQUNBLHVDQUNFLDJFQUNFLHdCQUNGLENBQ0YsQ0FDQSxpRkFDRSxTQUNGLENBQ0EsMkdBQ0UseUJBQ0YsQ0FDQSxpSEFDRSw0Q0FDRixDQUNBLDhHQUNFLGtDQUFtQyxDQUNuQyxtQkFDRixDQUNBLHdIQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsTUFBTyxDQUlQLFdBQWEsQ0FEYixrQkFFRixDQUNBLDBFQUNFLHFDQUFzQyxDQUd0Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQUV2QyxnQ0FBK0MsQ0FDL0MseUNBQXlELENBQ3pELHlDQUF5RCxDQUl6RCxNQUFPLENBRVAsYUFBYyxDQUxkLGlCQUFrQixDQUVsQixRQUFTLENBRVQsVUFBVyxDQUhYLFVBS0YsQ0FDQSxxQ0FNRSw2QkFBOEIsQ0FDOUIsd0NBQXlDLENBTnpDLHFCQUFzQixDQU90QixvQkFBcUIsQ0FIckIsZUFBZ0IsQ0FEaEIsUUFBUyxDQU9ULGdCQUFpQixDQURqQixhQUFjLENBUmQsZ0JBQWtCLENBT2xCLGVBQWdCLENBTmhCLFVBU0YsQ0FDQSx3Q0FNRSxxQkFBc0IsQ0FFdEIsY0FBZSxDQU5mLHVDQUF3QyxDQUd4QyxtQkFBb0IsQ0FGcEIsUUFBUyxDQUlULGlCQUFrQixDQU5sQixxQkFBd0IsQ0FHeEIsaUJBS0YsQ0FDQSw4Q0FLRSx3QkFBNkIsQ0FKN0IsVUFBVyxDQU1YLFdBQVksQ0FIWixNQUFPLENBSVAsV0FBYSxDQU5iLGlCQUFrQixDQUNsQixLQUFNLENBR04sVUFHRixDQUNBLHNIQUNFLFlBQ0YsQ0FDQSxvSUFHRSx3Q0FBeUMsQ0FDekMsVUFBVyxDQUlYLFdBQVksQ0FEWixZQUFjLENBR2QsU0FBVSxDQVRWLHdDQUEwQyxDQUMxQyxnQkFBaUIsQ0FHakIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTix5QkFBMkIsQ0FFM0IsV0FDRixDQUNBLHlHQUNFLHFDQUNGLENBQ0EscURBQ0UsVUFDRixDQUNBLDJFQUVFLGdDQUFpQyxDQURqQyx1QkFBd0IsQ0FFeEIsbUJBQ0YsQ0FFQSxrQ0FHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGdCQUdGLENBQ0EsNkRBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsMkRBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsMEVBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0NBQ0UsbUJBQ0YsQ0FFQSx1Q0FDRSx1QkFDRixDQUVBLHlDQU1FLHdCQUE2QixDQUQ3QixRQUFTLENBRlQsMkJBQTRCLENBQzVCLDRCQUE2QixDQUY3QixxQkFBc0IsQ0FLdEIsb0JBQXFCLENBTnJCLE1BQU8sQ0FPUCw4QkFBK0IsQ0FDL0Isa0JBQW1CLENBQ25CLFFBQVMsQ0FDVCxTQUNGLENBQ0Esc0dBQ0UsWUFDRixDQUVBLG9DQUdFLHlDQUEwQyxDQUQxQyx1QkFBd0IsQ0FEeEIsa0JBR0YsQ0FDQSxzQ0FDRSxtQkFDRixDQUVBLHdDQUNFLDJFQUNFLGlEQUNGLENBQ0EsZ0tBQ0UsdURBQ0YsQ0FDRiIsImZpbGUiOiJNdWx0aVNlbGVjdC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCBbZGF0YS1kaXNwbGF5XSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1kZWZhdWx0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn1cbi5zZWxlY3QuZXhwYW5kZWQgLmxpc3Qtd3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWxpZ2h0KTtcbn1cbi5zZWxlY3Q6bm90KC5leHBhbmRlZCkgLmN1c3RvbS1zZWxlY3Q6Zm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXI6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykgc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSk7XG59XG4uc2VsZWN0OmhvdmVyOm5vdCguZGlzYWJsZWQpOm5vdCguZXhwYW5kZWQpOm5vdCguZXJyb3IpIC5jdXN0b20tc2VsZWN0Om5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMi42MjVyZW0gLSAyICogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3I6Zm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCAuZGlzcGxheS1jb250YWluZXIge1xuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMDtcbiAgZ2FwOiAwLjM3NXJlbTtcbn1cbi5zZWxlY3QgLmxpc3Qtd3JhcHBlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJveC1zaGFkb3c6IDBweCA0cHggNXB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjIpO1xuICBib3gtc2hhZG93OiAwcHggM3B4IDE0cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMTIxNTY4NjI3NSk7XG4gIGJveC1zaGFkb3c6IDBweCA4cHggMTBweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xNDExNzY0NzA2KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMTtcbiAgdG9wOiA0NHB4O1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvcGFjaXR5OiAwLjA1O1xufVxuLnNlbGVjdCB1bCBsaTpmb2N1cywgLnNlbGVjdCB1bCBsaS5mb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzOjpiZWZvcmUsIC5zZWxlY3QgdWwgbGkuZm9jdXM6OmJlZm9yZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMC4xMjVyZW07XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDAuMjVyZW0pO1xuICBvcGFjaXR5OiAxO1xuICB6LWluZGV4OiAxMDE7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyOmFmdGVyLCAuc2VsZWN0IHVsIGxpOmFjdGl2ZTphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBvcGFjaXR5OiAwLjE7XG59XG4uc2VsZWN0IHVsIGxpLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcGFkZGluZzogMC4zMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBmbGV4OiAxO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBsaW5lLWhlaWdodDogMS4zMzMzO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG59XG4uc2VsZWN0LXNlYXJjaDpmb2N1cy12aXNpYmxlLCAuc2VsZWN0LXNlYXJjaDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLmRpc2FibGVkID4gKiB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICB9XG4gIC5zZWxlY3Q6bm90KC5leHBhbmRlZCkgLmN1c3RvbS1zZWxlY3Q6Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';var i={"sr-only":"MultiSelect-module_sr-only__75-oC",hidden:"MultiSelect-module_hidden__-Ckqq","slide-in":"MultiSelect-module_slide-in__Rzibv","slide-out":"MultiSelect-module_slide-out__U1BmE",select:"MultiSelect-module_select__y-QUg",expanded:"MultiSelect-module_expanded__E9rNh","list-wrapper":"MultiSelect-module_list-wrapper__aQWKE","custom-select":"MultiSelect-module_custom-select__QumXf",error:"MultiSelect-module_error__uPGpV",disabled:"MultiSelect-module_disabled__nlmBY","display-container":"MultiSelect-module_display-container__rwtMP",focus:"MultiSelect-module_focus__BZC-P",status:"MultiSelect-module_status__lsG4B","chevron-icon":"MultiSelect-module_chevron-icon__FwyQP",placeholder:"MultiSelect-module_placeholder__TeCro","select-search":"MultiSelect-module_select-search__HgYiO"};e["default"](l);exports["default"]=i;
 //# sourceMappingURL=MultiSelect.module.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/SelectButton.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./SelectButton.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var u=r(e);const a=({onClick:e,name:r,...a},n)=>u["default"].createElement("button",{...a,className:t["default"]["add-btn"],onClick:e,ref:n,type:"button",name:r});const n=u["default"].forwardRef(a);exports.SelectButton=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./SelectButton.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var u=r(e);const n=({onClick:e,name:r,...n},o)=>u["default"].createElement("button",{...n,className:t["default"]["btn"],onClick:e,ref:o,type:"button",name:r});const o=u["default"].forwardRef(n);exports.SelectButton=o;
 //# sourceMappingURL=SelectButton.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/SelectButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectButton.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/SelectButton.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 \"./SelectButton.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {}\n\nconst SelectButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { onClick, name, ...rest }: Props,\n  ref\n) => {\n  return (\n    <button\n      {...rest}\n      className={classes[\"add-btn\"]}\n      onClick={onClick}\n      ref={ref}\n      type=\"button\"\n      name={name}\n    ></button>\n  );\n};\nexport const SelectButton = React.forwardRef(SelectButtonComponent);\n"],"names":["SelectButtonComponent","onClick","name","rest","ref","React","createElement","className","classes","type","SelectButton","forwardRef"],"mappings":"+NAqBA,MAAMA,EAA4E,EAC9EC,UAASC,UAASC,GACpBC,IAGEC,EAAAA,WAAAC,cAAA,SAAA,IACMH,EACJI,UAAWC,EAAAA,WAAQ,WACnBP,QAASA,EACTG,IAAKA,EACLK,KAAK,SACLP,KAAMA,IAIC,MAAAQ,EAAeL,EAAAA,WAAMM,WAAWX"}
+{"version":3,"file":"SelectButton.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/SelectButton.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 \"./SelectButton.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {}\n\nconst SelectButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { onClick, name, ...rest }: Props,\n  ref\n) => {\n  return (\n    <button\n      {...rest}\n      className={classes[\"btn\"]}\n      onClick={onClick}\n      ref={ref}\n      type=\"button\"\n      name={name}\n    ></button>\n  );\n};\nexport const SelectButton = React.forwardRef(SelectButtonComponent);\n"],"names":["SelectButtonComponent","onClick","name","rest","ref","React","createElement","className","classes","type","SelectButton","forwardRef"],"mappings":"+NAqBA,MAAMA,EAA4E,EAC9EC,UAASC,UAASC,GACpBC,IAGEC,EAAAA,WAAAC,cAAA,SAAA,IACMH,EACJI,UAAWC,EAAAA,WAAQ,OACnBP,QAASA,EACTG,IAAKA,EACLK,KAAK,SACLP,KAAMA,IAIC,MAAAQ,EAAeL,EAAAA,WAAMM,WAAWX"}

package/dist/cjs/Form/Select/MultiSelect/SelectButton.module.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../../lib/style-inject.js");var l='/*!\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 */.SelectButton-module_add-btn__-ylz3{background:none;border:0;cursor:pointer;height:100%;left:0;padding:0;position:absolute;top:0;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdEJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG9DQVFFLGVBQWdCLENBRmhCLFFBQVMsQ0FHVCxjQUFlLENBTGYsV0FBWSxDQURaLE1BQU8sQ0FJUCxTQUFVLENBTlYsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUtGIiwiZmlsZSI6IlNlbGVjdEJ1dHRvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uYWRkLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn0iXX0= */';var i={"add-btn":"SelectButton-module_add-btn__-ylz3"};e["default"](l);exports["default"]=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../../lib/style-inject.js");var l='/*!\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 */.SelectButton-module_btn__1Dul6{background:none;border:0;cursor:pointer;height:100%;left:0;padding:0;position:absolute;top:0;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdEJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQVFFLGVBQWdCLENBRmhCLFFBQVMsQ0FHVCxjQUFlLENBTGYsV0FBWSxDQURaLE1BQU8sQ0FJUCxTQUFVLENBTlYsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUtGIiwiZmlsZSI6IlNlbGVjdEJ1dHRvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uYnRuIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogMDtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufSJdfQ== */';var i={btn:"SelectButton-module_btn__1Dul6"};e["default"](l);exports["default"]=i;
 //# sourceMappingURL=SelectButton.module.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/SelectedOptions.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../../Tag/Tag.cjs.js");var a=require("./SelectedOptions.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=o(e);const s=({display:e,onRemove:o,disabled:s,...l},d)=>r["default"].createElement("div",{...l,className:a["default"]["options"],ref:d},Object.entries(e).map((([e,l])=>r["default"].createElement(t.Tag,{key:e,onClick:e=>{e.stopPropagation()},className:a["default"]["tag"],removeButton:!s&&!l.fixed?{onRemove:t=>{t.stopPropagation();o(e)},className:a["default"]["remove-btn"]}:void 0,backgroundColor:"var(--color-blue-grey100)",shape:"sharp"},l.label))));const l=r["default"].forwardRef(s);exports.SelectedOptions=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var a=require("../../../Tag/Tag.cjs.js");var t=require("./SelectedOptions.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=o(e);const l=({display:e,onRemove:o,disabled:l,...s},u)=>r["default"].createElement("div",{...s,className:t["default"]["options"],ref:u},e.map((e=>r["default"].createElement(a.Tag,{key:e.value,onClick:e=>{e.stopPropagation()},className:t["default"]["tag"],removeButton:!l&&!e.fixed?{onRemove:a=>{a.stopPropagation();o(e.value)},className:t["default"]["remove-btn"]}:void 0,backgroundColor:"var(--color-blue-grey100)",shape:"sharp"},e.label))));const s=r["default"].forwardRef(l);exports.SelectedOptions=s;
 //# sourceMappingURL=SelectedOptions.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/SelectedOptions.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedOptions.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/SelectedOptions.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 } from \"react\";\nimport { Tag } from \"../../../Tag/Tag\";\n\nimport classes from \"./SelectedOptions.module.scss\";\n\nexport type Display = {\n  label: string;\n  fixed?: boolean;\n};\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  display: Record<string, Display>;\n  onRemove: (value: string) => void;\n  disabled: boolean;\n}\n\nconst SelectedOptionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { display, onRemove, disabled, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} className={classes[\"options\"]} ref={ref}>\n      {Object.entries(display).map(([value, item]) => (\n        <Tag\n          key={value}\n          onClick={(e: React.MouseEvent<HTMLDivElement>) => {\n            e.stopPropagation();\n          }}\n          className={classes[\"tag\"]}\n          removeButton={\n            !disabled && !item.fixed\n              ? {\n                  onRemove: (e: React.MouseEvent<HTMLButtonElement>) => {\n                    e.stopPropagation();\n                    onRemove(value);\n                  },\n                  className: classes[\"remove-btn\"]\n                }\n              : undefined\n          }\n          backgroundColor=\"var(--color-blue-grey100)\"\n          shape=\"sharp\"\n        >\n          {item.label}\n        </Tag>\n      ))}\n    </div>\n  );\n};\n\nexport const SelectedOptions = React.forwardRef(SelectedOptionsComponent);\n"],"names":["SelectedOptionsComponent","display","onRemove","disabled","rest","ref","React","className","classes","Object","entries","map","value","item","createElement","Tag","key","onClick","e","stopPropagation","removeButton","fixed","undefined","backgroundColor","shape","label","SelectedOptions","forwardRef"],"mappings":"2QAgCA,MAAMA,EAA4E,EAC9EC,UAASC,WAAUC,cAAaC,GAClCC,IAGEC,qCAASF,EAAMG,UAAWC,EAAO,WAAC,WAAYH,IAAKA,GAChDI,OAAOC,QAAQT,GAASU,KAAI,EAAEC,EAAOC,KACpCP,EAAA,WAAAQ,cAACC,EAAAA,IACC,CAAAC,IAAKJ,EACLK,QAAUC,IACRA,EAAEC,iBAAiB,EAErBZ,UAAWC,EAAO,WAAC,OACnBY,cACGjB,IAAaU,EAAKQ,MACf,CACEnB,SAAWgB,IACTA,EAAEC,kBACFjB,EAASU,EAAM,EAEjBL,UAAWC,EAAO,WAAC,oBAErBc,EAENC,gBAAgB,4BAChBC,MAAM,SAELX,EAAKY,UAOH,MAAAC,EAAkBpB,EAAAA,WAAMqB,WAAW3B"}
+{"version":3,"file":"SelectedOptions.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/SelectedOptions.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 } from \"react\";\nimport { Tag } from \"../../../Tag/Tag\";\n\nimport classes from \"./SelectedOptions.module.scss\";\n\nexport type Display = {\n  value: string;\n  label: string;\n  fixed?: boolean;\n};\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  display: Display[];\n  onRemove: (value: string) => void;\n  disabled: boolean;\n}\n\nconst SelectedOptionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { display, onRemove, disabled, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} className={classes[\"options\"]} ref={ref}>\n      {display.map(item => (\n        <Tag\n          key={item.value}\n          onClick={(e: React.MouseEvent<HTMLDivElement>) => {\n            e.stopPropagation();\n          }}\n          className={classes[\"tag\"]}\n          removeButton={\n            !disabled && !item.fixed\n              ? {\n                  onRemove: (e: React.MouseEvent<HTMLButtonElement>) => {\n                    e.stopPropagation();\n                    onRemove(item.value);\n                  },\n                  className: classes[\"remove-btn\"]\n                }\n              : undefined\n          }\n          backgroundColor=\"var(--color-blue-grey100)\"\n          shape=\"sharp\"\n        >\n          {item.label}\n        </Tag>\n      ))}\n    </div>\n  );\n};\n\nexport const SelectedOptions = React.forwardRef(SelectedOptionsComponent);\n"],"names":["SelectedOptionsComponent","display","onRemove","disabled","rest","ref","React","createElement","className","classes","map","item","Tag","key","value","onClick","e","stopPropagation","removeButton","fixed","undefined","backgroundColor","shape","label","SelectedOptions","forwardRef"],"mappings":"2QAiCA,MAAMA,EAA4E,EAC9EC,UAASC,WAAUC,cAAaC,GAClCC,IAGEC,aAASC,cAAA,MAAA,IAAAH,EAAMI,UAAWC,aAAQ,WAAYJ,IAAKA,GAChDJ,EAAQS,KAAIC,GACXL,aAACC,cAAAK,EAAGA,KACFC,IAAKF,EAAKG,MACVC,QAAUC,IACRA,EAAEC,iBAAiB,EAErBT,UAAWC,EAAO,WAAC,OACnBS,cACGf,IAAaQ,EAAKQ,MACf,CACEjB,SAAWc,IACTA,EAAEC,kBACFf,EAASS,EAAKG,MAAM,EAEtBN,UAAWC,EAAO,WAAC,oBAErBW,EAENC,gBAAgB,4BAChBC,MAAM,SAELX,EAAKY,UAOH,MAAAC,EAAkBlB,EAAAA,WAAMmB,WAAWzB"}

package/dist/cjs/Form/Select/MultiSelect/useArrowNavigation.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const e=({expanded:e,setExpanded:t,setFocusedSelectItem:r,childrenCount:a,setShouldClick:s,addBtnRef:o,searchInputRef:c,customSelectButtonRef:n,onClose:u})=>{const i=i=>{const f=["ArrowDown","ArrowUp","Escape","End","Home"];const d=!!(o===null||o===void 0?void 0:o.current);const p=a+(d?1:0);const l=i.target===c.current;const b=i.target===n.current;const k=b||l;if(e){f.push("Tab");f.push("Enter")}if(!e)f.push("Space");if(f.includes(i.code)&&!i.metaKey)i.preventDefault();switch(i.code){case"ArrowDown":if(!e){t(true);r(0);break}r((e=>e+1>p-1?0:e+1));break;case"ArrowUp":if(!e){t(true);r(p-1);break}r((e=>e-1<0?p-1:e-1));break;case"Enter":if(e)s(true);else r(0);if(k)t(!e);break;case"Space":if(!e){t(true);r(0)}break;case"Home":r(0);break;case"Escape":if(e){t(false);u()}break;case"End":r(a-1);break;case"ArrowLeft":if(i.metaKey&&e){i.preventDefault();r(0)}break;case"ArrowRight":if(i.metaKey&&e){i.preventDefault();r(a-1)}break}};return{onArrowNavigation:i}};exports.useArrowNavigation=e;
+//# sourceMappingURL=useArrowNavigation.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/useArrowNavigation.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrowNavigation.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/useArrowNavigation.ts"],"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\ninterface UseArrowNavigationParams {\n  expanded: boolean;\n  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n  setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n  addBtnRef: React.RefObject<HTMLButtonElement>;\n  searchInputRef: React.RefObject<HTMLInputElement>;\n  customSelectButtonRef: React.RefObject<HTMLButtonElement>;\n  onClose: () => void;\n}\n\n/** @scope .*/\nexport const useArrowNavigation = ({\n  expanded,\n  setExpanded,\n  setFocusedSelectItem,\n  childrenCount,\n  setShouldClick,\n  addBtnRef,\n  searchInputRef,\n  customSelectButtonRef,\n  onClose\n}: UseArrowNavigationParams) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    const codesToPreventDefault = [\"ArrowDown\", \"ArrowUp\", \"Escape\", \"End\", \"Home\"];\n    const hasAddBtn = !!addBtnRef?.current;\n    const childrenCountWithAddButton = childrenCount + (hasAddBtn ? 1 : 0);\n    const isSearchEvent = event.target === searchInputRef.current;\n    const isSelectButtonEvent = event.target === customSelectButtonRef.current;\n    const isSearchOrSelectButtonEvent = isSelectButtonEvent || isSearchEvent;\n\n    if (expanded) {\n      codesToPreventDefault.push(\"Tab\");\n      codesToPreventDefault.push(\"Enter\");\n    }\n\n    if (!expanded) {\n      codesToPreventDefault.push(\"Space\");\n    }\n\n    if (codesToPreventDefault.includes(event.code) && !event.metaKey) {\n      event.preventDefault();\n    }\n\n    switch (event.code) {\n      case \"ArrowDown\":\n        if (!expanded) {\n          setExpanded(true);\n          setFocusedSelectItem(0);\n          break;\n        }\n        setFocusedSelectItem(prevState =>\n          prevState + 1 > childrenCountWithAddButton - 1 ? 0 : prevState + 1\n        );\n        break;\n      case \"ArrowUp\":\n        if (!expanded) {\n          setExpanded(true);\n          setFocusedSelectItem(childrenCountWithAddButton - 1);\n          break;\n        }\n\n        setFocusedSelectItem(prevState =>\n          prevState - 1 < 0 ? childrenCountWithAddButton - 1 : prevState - 1\n        );\n        break;\n      case \"Enter\":\n        if (expanded) {\n          setShouldClick(true);\n        } else {\n          setFocusedSelectItem(0);\n        }\n        if (isSearchOrSelectButtonEvent) {\n          setExpanded(!expanded);\n        }\n        break;\n      case \"Space\":\n        if (!expanded) {\n          setExpanded(true);\n          setFocusedSelectItem(0);\n        }\n        break;\n      case \"Home\":\n        setFocusedSelectItem(0);\n        break;\n      case \"Escape\":\n        if (expanded) {\n          setExpanded(false);\n          onClose();\n        }\n        break;\n      case \"End\":\n        setFocusedSelectItem(childrenCount - 1);\n        break;\n      case \"ArrowLeft\":\n        if (event.metaKey && expanded) {\n          event.preventDefault();\n          setFocusedSelectItem(0);\n        }\n        break;\n      case \"ArrowRight\":\n        if (event.metaKey && expanded) {\n          event.preventDefault();\n          setFocusedSelectItem(childrenCount - 1);\n        }\n        break;\n    }\n  };\n\n  return { onArrowNavigation };\n};\n"],"names":["useArrowNavigation","expanded","setExpanded","setFocusedSelectItem","childrenCount","setShouldClick","addBtnRef","searchInputRef","customSelectButtonRef","onClose","onArrowNavigation","event","codesToPreventDefault","hasAddBtn","current","childrenCountWithAddButton","isSearchEvent","target","isSelectButtonEvent","isSearchOrSelectButtonEvent","push","includes","code","metaKey","preventDefault","prevState"],"mappings":"sEA6Ba,MAAAA,EAAqB,EAChCC,WACAC,cACAC,uBACAC,gBACAC,iBACAC,YACAC,iBACAC,wBACAC,cAEA,MAAMC,EAAqBC,IACzB,MAAMC,EAAwB,CAAC,YAAa,UAAW,SAAU,MAAO,QACxE,MAAMC,KAAcP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAWQ,SAC/B,MAAMC,EAA6BX,GAAiBS,EAAY,EAAI,GACpE,MAAMG,EAAgBL,EAAMM,SAAWV,EAAeO,QACtD,MAAMI,EAAsBP,EAAMM,SAAWT,EAAsBM,QACnE,MAAMK,EAA8BD,GAAuBF,EAE3D,GAAIf,EAAU,CACZW,EAAsBQ,KAAK,OAC3BR,EAAsBQ,KAAK,QAC5B,CAED,IAAKnB,EACHW,EAAsBQ,KAAK,SAG7B,GAAIR,EAAsBS,SAASV,EAAMW,QAAUX,EAAMY,QACvDZ,EAAMa,iBAGR,OAAQb,EAAMW,MACZ,IAAK,YACH,IAAKrB,EAAU,CACbC,EAAY,MACZC,EAAqB,GACrB,KACD,CACDA,GAAqBsB,GACnBA,EAAY,EAAIV,EAA6B,EAAI,EAAIU,EAAY,IAEnE,MACF,IAAK,UACH,IAAKxB,EAAU,CACbC,EAAY,MACZC,EAAqBY,EAA6B,GAClD,KACD,CAEDZ,GAAqBsB,GACnBA,EAAY,EAAI,EAAIV,EAA6B,EAAIU,EAAY,IAEnE,MACF,IAAK,QACH,GAAIxB,EACFI,EAAe,WAEfF,EAAqB,GAEvB,GAAIgB,EACFjB,GAAaD,GAEf,MACF,IAAK,QACH,IAAKA,EAAU,CACbC,EAAY,MACZC,EAAqB,EACtB,CACD,MACF,IAAK,OACHA,EAAqB,GACrB,MACF,IAAK,SACH,GAAIF,EAAU,CACZC,EAAY,OACZO,GACD,CACD,MACF,IAAK,MACHN,EAAqBC,EAAgB,GACrC,MACF,IAAK,YACH,GAAIO,EAAMY,SAAWtB,EAAU,CAC7BU,EAAMa,iBACNrB,EAAqB,EACtB,CACD,MACF,IAAK,aACH,GAAIQ,EAAMY,SAAWtB,EAAU,CAC7BU,EAAMa,iBACNrB,EAAqBC,EAAgB,EACtC,CACD,MACH,EAGH,MAAO,CAAEM,oBAAmB"}

package/dist/cjs/Form/Select/MultiSelect/useSearch.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var t=o(e);const r=({selectId:o,search:r,optionsCount:l,searchPlaceholder:a,searchInputProps:n,searchInputClassName:s,expanded:d,setFocusedSelectItem:c,focusedSelectItem:i,describedBy:u,getOptionId:v,getListboxId:p})=>{var h,f;const[b,I]=e.useState("");const m=0;const x=e.useRef(null);const y=(h=r===null||r===void 0?void 0:r.renderThreshold)!==null&&h!==void 0?h:m;const P=l>=y;const S=()=>{if(r===null||r===void 0?void 0:r.enabled)return P;if(r)return r.enabled;return l>m};const C=()=>{var e,l,c;return t["default"].createElement("input",{...(l=(e=r===null||r===void 0?void 0:r.searchInputProps)!==null&&e!==void 0?e:n)!==null&&l!==void 0?l:{},ref:x,value:b,onChange:e=>I(e.currentTarget.value),className:[s,n===null||n===void 0?void 0:n.className].join(" "),style:{display:d?"block":"none"},type:"text",name:"search-option",placeholder:(c=r===null||r===void 0?void 0:r.searchPlaceholder)!==null&&c!==void 0?c:a,role:"combobox",autoComplete:"off",autoCorrect:"off",spellCheck:false,"aria-controls":p(o),"aria-describedby":u,"aria-autocomplete":"none","aria-expanded":d,"aria-activedescendant":v(o,i),"aria-haspopup":true})};const g=()=>{I("");c(0)};const j=S();e.useEffect((()=>{var e;if(((e=r===null||r===void 0?void 0:r.searchInputProps)===null||e===void 0?void 0:e.reset)||(n===null||n===void 0?void 0:n.reset))g()}),[n===null||n===void 0?void 0:n.reset,(f=r===null||r===void 0?void 0:r.searchInputProps)===null||f===void 0?void 0:f.reset]);return{renderSearch:C,resetSearchState:g,searchVisible:j,searchThreshold:y,searchInputRef:x,filter:b}};exports.useSearch=r;
+//# sourceMappingURL=useSearch.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/useSearch.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { PartialInputProps, SearchProps } from \"../Select.interfaces\";\n\ninterface Props {\n  selectId: string;\n  search?: SearchProps;\n  optionsCount: number;\n  /**\n   * @deprecated\n   */\n  searchPlaceholder?: string;\n  /**\n   * @deprecated\n   */\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n  focusedSelectItem: number;\n  describedBy?: string;\n  getOptionId: (multiSelectId: string, optionIndex: number) => string;\n  getListboxId: (multiSelectId: string) => string;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  selectId,\n  search,\n  optionsCount,\n  searchPlaceholder,\n  searchInputProps,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem,\n  focusedSelectItem,\n  describedBy,\n  getOptionId,\n  getListboxId\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n\n  const DEFAULT_RENDER_THRESHOLD = 0;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => {\n    return (\n      <input\n        {...((search?.searchInputProps as any) ?? searchInputProps ?? {})}\n        ref={searchInputRef}\n        value={filter}\n        onChange={event => setFilter(event.currentTarget.value)}\n        className={[searchInputClassName, searchInputProps?.className].join(\" \")}\n        style={{\n          display: expanded ? \"block\" : \"none\"\n        }}\n        type=\"text\"\n        name=\"search-option\"\n        placeholder={search?.searchPlaceholder ?? searchPlaceholder}\n        role=\"combobox\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        spellCheck={false}\n        aria-controls={getListboxId(selectId)}\n        aria-describedby={describedBy}\n        aria-autocomplete=\"none\"\n        aria-expanded={expanded}\n        aria-activedescendant={getOptionId(selectId, focusedSelectItem)}\n        aria-haspopup={true}\n      />\n    );\n  };\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setFocusedSelectItem(0);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    if (search?.searchInputProps?.reset || searchInputProps?.reset) {\n      resetSearchState();\n    }\n  }, [searchInputProps?.reset, search?.searchInputProps?.reset]);\n\n  return {\n    renderSearch,\n    resetSearchState,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter\n  };\n};\n"],"names":["useSearch","selectId","search","optionsCount","searchPlaceholder","searchInputProps","searchInputClassName","expanded","setFocusedSelectItem","focusedSelectItem","describedBy","getOptionId","getListboxId","filter","setFilter","useState","DEFAULT_RENDER_THRESHOLD","searchInputRef","useRef","threshold","_a","renderThreshold","hasEnoughChildren","shouldRenderSearch","enabled","renderSearch","React","createElement","_b","ref","value","onChange","event","currentTarget","className","join","style","display","type","name","placeholder","_c","role","autoComplete","autoCorrect","spellCheck","resetSearchState","visible","useEffect","reset","searchVisible","searchThreshold"],"mappings":"iLAyCO,MAAMA,EAAY,EACvBC,WACAC,SACAC,eACAC,oBACAC,mBACAC,uBACAC,WACAC,uBACAC,oBACAC,cACAC,cACAC,2BAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAAC,IAErC,MAAMC,EAA2B,EAEjC,MAAMC,EAAiBC,SAAyB,MAEhD,MAAMC,GAAYC,EAAAlB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQmB,mBAAmB,MAAAD,SAAA,EAAAA,EAAAJ,EAC7C,MAAMM,EAAoBnB,GAAgBgB,EAE1C,MAAMI,EAAqB,KACzB,GAAIrB,UAAAA,SAAM,OAAA,EAANA,EAAQsB,QACV,OAAOF,EAGT,GAAIpB,EACF,OAAOA,EAAOsB,QAGhB,OAAOrB,EAAea,CAAwB,EAGhD,MAAMS,EAAe,eACnB,OACEC,aAAAC,cAAA,QAAA,KACOC,GAACR,EAAAlB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQG,oBAA4B,MAAAe,SAAA,EAAAA,EAAAf,KAAoB,MAAAuB,SAAA,EAAAA,EAAA,GAC9DC,IAAKZ,EACLa,MAAOjB,EACPkB,SAAUC,GAASlB,EAAUkB,EAAMC,cAAcH,OACjDI,UAAW,CAAC5B,EAAsBD,IAAgB,MAAhBA,SAAgB,OAAA,EAAhBA,EAAkB6B,WAAWC,KAAK,KACpEC,MAAO,CACLC,QAAS9B,EAAW,QAAU,QAEhC+B,KAAK,OACLC,KAAK,gBACLC,aAAaC,EAAAvC,IAAM,MAANA,SAAM,OAAA,EAANA,EAAQE,qBAAiB,MAAAqC,SAAA,EAAAA,EAAIrC,EAC1CsC,KAAK,WACLC,aAAa,MACbC,YAAY,MACZC,WAAY,MACG,gBAAAjC,EAAaX,GAAS,mBACnBS,EAAW,oBACX,OAAM,gBACTH,EAAQ,wBACAI,EAAYV,EAAUQ,GAC9B,gBAAA,MAEjB,EAGJ,MAAMqC,EAAmB,KACvBhC,EAAU,IACVN,EAAqB,EAAE,EAGzB,MAAMuC,EAAUxB,IAEhByB,EAAAA,WAAU,WACR,OAAI9C,IAAM,MAANA,SAAA,OAAA,EAAAA,EAAQG,oBAAgB,MAAAe,SAAA,OAAA,EAAAA,EAAE6B,SAAS5C,UAAAA,SAAgB,OAAA,EAAhBA,EAAkB4C,OACvDH,GACD,GACA,CAACzC,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkB4C,OAAOrB,EAAA1B,IAAA,MAAAA,kBAAAA,EAAQG,oBAAkB,MAAAuB,SAAA,OAAA,EAAAA,EAAAqB,QAEvD,MAAO,CACLxB,eACAqB,mBACAI,cAAeH,EACfI,gBAAiBhC,EACjBF,iBACAJ,SACD"}

package/dist/cjs/Form/Select/SingleSelect/Option.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./Select.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=r(e);const l=({children:r,className:l,isSelected:o=false,shouldClick:n,hasFocus:a,selectOpened:s,isSearching:u,childIndex:d,onOptionSelect:i,onFocusChange:f,disabled:p,value:v,isAddBtnFocused:h,...b},j)=>{let m=j||e.createRef();e.useEffect((()=>{if(o&&m.current&&n)m.current.click()}),[o,n]);e.useEffect((()=>{if(m.current&&a&&s&&!u&&!h){f&&d&&f(d);m.current.focus()}}),[a,m,s,u]);const x=()=>i===null||i===void 0?void 0:i(m);return c["default"].createElement("li",{...b,ref:m,"data-value":v,className:`${o?t["default"]["selected-option"]:""} ${p?t["default"].disabled:""} ${l!==null&&l!==void 0?l:""}`,onClick:x,onKeyDown:e=>{if(e.code==="Enter"){e.stopPropagation();e.preventDefault();x()}},"aria-selected":o,role:"option",tabIndex:p?-1:0},r)};const o=c["default"].forwardRef(l);exports.Option=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./Select.module.cjs.js");var r=require("../../../src/util/helper.cjs.js");function c(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=c(e);const s=({id:c,children:s,className:n,isSelected:o=false,disableDefaultSelectedStyle:u,shouldClick:a,hasFocus:i,selectOpened:d,isSearching:f,childIndex:p,onOptionSelect:v,onFocusChange:h,disabled:j,value:b,isAddBtnFocused:S,...g},m)=>{const x=e.useRef(r.generateID(20));const y=c!==null&&c!==void 0?c:x.current;let D=m||e.createRef();const E=[];n&&E.push(n);o&&!u&&E.push(t["default"]["selected-option"]);j&&E.push(t["default"]["disabled"]);e.useEffect((()=>{if(o&&D.current&&a)D.current.click()}),[o,a]);e.useEffect((()=>{if(D.current&&i&&d&&!f&&!S){h&&p&&h(p);D.current.focus()}}),[i,D,d,f]);const O=()=>v===null||v===void 0?void 0:v(D);return l["default"].createElement("li",{...g,id:y,ref:D,"data-value":b,className:E.join(" "),onClick:O,onKeyDown:e=>{if(e.code==="Enter"){e.stopPropagation();e.preventDefault();O()}},"aria-selected":o,role:"option",tabIndex:j?-1:0},s)};const n=l["default"].forwardRef(s);exports.Option=n;
 //# sourceMappingURL=Option.cjs.js.map

package/dist/cjs/Form/Select/SingleSelect/Option.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/Option.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  RefObject,\n  useEffect,\n  ReactNode\n} from \"react\";\nimport classes from \"./Select.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"li\"> {\n  children: ReactNode;\n  value: string;\n  disabled?: boolean;\n  isSelected?: boolean;\n  selectOpened?: boolean;\n  hasFocus?: boolean;\n  shouldClick?: boolean;\n  isSearching?: boolean;\n  label?: string;\n  childIndex?: number;\n  onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  isAddBtnFocused?: boolean;\n}\n\nconst OptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  {\n    children,\n    className,\n    isSelected = false,\n    shouldClick,\n    hasFocus,\n    selectOpened,\n    isSearching,\n    childIndex,\n    onOptionSelect,\n    onFocusChange,\n    disabled,\n    value,\n    isAddBtnFocused,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  useEffect(() => {\n    if (isSelected && innerOptionRef.current && shouldClick) {\n      innerOptionRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus && selectOpened && !isSearching && !isAddBtnFocused) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerOptionRef.current.focus();\n    }\n  }, [hasFocus, innerOptionRef, selectOpened, isSearching]);\n\n  const onSelectHandler = () => onOptionSelect?.(innerOptionRef);\n\n  return (\n    <li\n      {...rest}\n      ref={innerOptionRef}\n      data-value={value}\n      className={`${isSelected ? classes[\"selected-option\"] : \"\"} ${\n        disabled ? classes.disabled : \"\"\n      } ${className ?? \"\"}`}\n      onClick={onSelectHandler}\n      onKeyDown={event => {\n        if (event.code === \"Enter\") {\n          event.stopPropagation();\n          event.preventDefault();\n\n          onSelectHandler();\n        }\n      }}\n      aria-selected={isSelected}\n      role=\"option\"\n      tabIndex={disabled ? -1 : 0}\n    >\n      {children}\n    </li>\n  );\n};\n\nexport const Option = React.forwardRef(OptionComponent);\n"],"names":["OptionComponent","children","className","isSelected","shouldClick","hasFocus","selectOpened","isSearching","childIndex","onOptionSelect","onFocusChange","disabled","value","isAddBtnFocused","rest","ref","innerOptionRef","createRef","useEffect","current","click","focus","onSelectHandler","React","createElement","classes","onClick","onKeyDown","event","code","stopPropagation","preventDefault","role","tabIndex","Option","forwardRef"],"mappings":"yNA0CA,MAAMA,EAAkE,EAEpEC,WACAC,YACAC,aAAa,MACbC,cACAC,WACAC,eACAC,cACAC,aACAC,iBACAC,gBACAC,WACAC,QACAC,qBACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAoCE,EAAAA,YAE1DC,EAAAA,WAAU,KACR,GAAIf,GAAca,EAAeG,SAAWf,EAC1CY,EAAeG,QAAQC,OACxB,GACA,CAACjB,EAAYC,IAEhBc,EAAAA,WAAU,KACR,GAAIF,EAAeG,SAAWd,GAAYC,IAAiBC,IAAgBM,EAAiB,CAC1FH,GAAiBF,GAAcE,EAAcF,GAC7CQ,EAAeG,QAAQE,OACxB,IACA,CAAChB,EAAUW,EAAgBV,EAAcC,IAE5C,MAAMe,EAAkB,IAAMb,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBO,GAE/C,OACEO,EAAAA,WACMC,cAAA,KAAA,IAAAV,EACJC,IAAKC,EAAc,aACPJ,EACZV,UAAW,GAAGC,EAAasB,EAAAA,WAAQ,mBAAqB,MACtDd,EAAWc,EAAAA,WAAQd,SAAW,MAC5BT,IAAS,MAATA,SAAS,EAATA,EAAa,KACjBwB,QAASJ,EACTK,UAAWC,IACT,GAAIA,EAAMC,OAAS,QAAS,CAC1BD,EAAME,kBACNF,EAAMG,iBAENT,GACD,GACF,gBACcnB,EACf6B,KAAK,SACLC,SAAUtB,GAAY,EAAI,GAEzBV,EAEH,EAGS,MAAAiC,EAASX,EAAAA,WAAMY,WAAWnC"}
+{"version":3,"file":"Option.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/Option.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  RefObject,\n  useEffect,\n  ReactNode,\n  useRef\n} from \"react\";\nimport classes from \"./Select.module.scss\";\nimport { generateID } from \"../../../../util/helper\";\n\nexport interface Props extends ComponentPropsWithRef<\"li\"> {\n  children: ReactNode;\n  value: string;\n  disabled?: boolean;\n  isSelected?: boolean;\n  disableDefaultSelectedStyle?: boolean;\n  selectOpened?: boolean;\n  hasFocus?: boolean;\n  shouldClick?: boolean;\n  isSearching?: boolean;\n  label?: string;\n  childIndex?: number;\n  onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  isAddBtnFocused?: boolean;\n}\n\nconst OptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  {\n    id,\n    children,\n    className,\n    isSelected = false,\n    disableDefaultSelectedStyle,\n    shouldClick,\n    hasFocus,\n    selectOpened,\n    isSearching,\n    childIndex,\n    onOptionSelect,\n    onFocusChange,\n    disabled,\n    value,\n    isAddBtnFocused,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const defaultOptionId = useRef(generateID(20));\n  const optionId = id ?? defaultOptionId.current;\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  const additionalClasses = [];\n  className && additionalClasses.push(className);\n  isSelected && !disableDefaultSelectedStyle && additionalClasses.push(classes[\"selected-option\"]);\n  disabled && additionalClasses.push(classes[\"disabled\"]);\n\n  useEffect(() => {\n    if (isSelected && innerOptionRef.current && shouldClick) {\n      innerOptionRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus && selectOpened && !isSearching && !isAddBtnFocused) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerOptionRef.current.focus();\n    }\n  }, [hasFocus, innerOptionRef, selectOpened, isSearching]);\n\n  const onSelectHandler = () => onOptionSelect?.(innerOptionRef);\n\n  return (\n    <li\n      {...rest}\n      id={optionId}\n      ref={innerOptionRef}\n      data-value={value}\n      className={additionalClasses.join(\" \")}\n      onClick={onSelectHandler}\n      onKeyDown={event => {\n        if (event.code === \"Enter\") {\n          event.stopPropagation();\n          event.preventDefault();\n\n          onSelectHandler();\n        }\n      }}\n      aria-selected={isSelected}\n      role=\"option\"\n      tabIndex={disabled ? -1 : 0}\n    >\n      {children}\n    </li>\n  );\n};\n\nexport const Option = React.forwardRef(OptionComponent);\n"],"names":["OptionComponent","id","children","className","isSelected","disableDefaultSelectedStyle","shouldClick","hasFocus","selectOpened","isSearching","childIndex","onOptionSelect","onFocusChange","disabled","value","isAddBtnFocused","rest","ref","defaultOptionId","useRef","generateID","optionId","current","innerOptionRef","createRef","additionalClasses","push","classes","useEffect","click","focus","onSelectHandler","React","createElement","join","onClick","onKeyDown","event","code","stopPropagation","preventDefault","role","tabIndex","Option","forwardRef"],"mappings":"0QA6CA,MAAMA,EAAkE,EAEpEC,KACAC,WACAC,YACAC,aAAa,MACbC,8BACAC,cACAC,WACAC,eACAC,cACAC,aACAC,iBACAC,gBACAC,WACAC,QACAC,qBACGC,GAELC,KAEA,MAAMC,EAAkBC,EAAMA,OAACC,aAAW,KAC1C,MAAMC,EAAWpB,IAAA,MAAAA,SAAA,EAAAA,EAAMiB,EAAgBI,QACvC,IAAIC,EAAkBN,GAAoCO,EAAAA,YAE1D,MAAMC,EAAoB,GAC1BtB,GAAasB,EAAkBC,KAAKvB,GACpCC,IAAeC,GAA+BoB,EAAkBC,KAAKC,EAAO,WAAC,oBAC7Ed,GAAYY,EAAkBC,KAAKC,EAAAA,WAAQ,aAE3CC,EAAAA,WAAU,KACR,GAAIxB,GAAcmB,EAAeD,SAAWhB,EAC1CiB,EAAeD,QAAQO,OACxB,GACA,CAACzB,EAAYE,IAEhBsB,EAAAA,WAAU,KACR,GAAIL,EAAeD,SAAWf,GAAYC,IAAiBC,IAAgBM,EAAiB,CAC1FH,GAAiBF,GAAcE,EAAcF,GAC7Ca,EAAeD,QAAQQ,OACxB,IACA,CAACvB,EAAUgB,EAAgBf,EAAcC,IAE5C,MAAMsB,EAAkB,IAAMpB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBY,GAE/C,OACES,EAAA,WAAAC,cAAA,KAAA,IACMjB,EACJf,GAAIoB,EACJJ,IAAKM,EAAc,aACPT,EACZX,UAAWsB,EAAkBS,KAAK,KAClCC,QAASJ,EACTK,UAAWC,IACT,GAAIA,EAAMC,OAAS,QAAS,CAC1BD,EAAME,kBACNF,EAAMG,iBAENT,GACD,GACF,gBACc3B,EACfqC,KAAK,SACLC,SAAU7B,GAAY,EAAI,GAEzBX,EAEH,EAGS,MAAAyC,EAASX,EAAAA,WAAMY,WAAW5C"}