@onewelcome/react-lib-components 6.1.0 → 6.3.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.cjs.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/Select\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n        React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n        (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n        So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["FieldsetComponent","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","renderChildren","allowedComponents","Input","Select","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","React","Children","map","child","includes","type","cloneElement","props","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","Fieldset","forwardRef"],"mappings":"o9BA8CA,MAAMA,EAA0E,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,aAAa,MACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,YAAY,MACZC,WAAW,MACXC,WAAW,MACXC,qBAAqB,SAClBC,GAELC,KAEA,MAAMC,EAAiB,KACrB,IAAKb,EACH,OAOF,MAAMc,EAAwD,CAC5DC,EAAKA,MACLC,EAAMA,OACNC,EAAKA,MACLC,EAAQA,SACRC,EAAQA,SACRC,EAAMA,OACNC,EAAKA,MACLC,EAAWA,YACXC,EAAmBA,oBACnBC,EAAcA,eACdC,EAAYA,aACZC,EAAaA,cACbC,EAAeA,iBAGjB,OAAOC,EAAK,WAACC,SAASC,IAAI9B,GAAW+B,UACnC,GAAIjB,EAAkBkB,SAASD,EAAME,QAAUvB,EAC7C,OAAOkB,EAAK,WAACM,aAAaH,EAAO,CAC/BvB,YAAUuB,EAAMI,MAAM3B,+BAAYA,IAItC,OAAOuB,CAAK,GACZ,EAGJ,OACEH,EAAAA,WACMQ,cAAA,WAAA,IAAAzB,EACJC,IAAKA,EACLJ,SAAUA,EACV6B,MAAO,CAAEC,gBAAiBhC,KAAeK,EAAK0B,OAC9CpC,UAAW,GAAGsC,EAAAA,WAAQC,YAAYjC,EAAYgC,EAAO,WAAC,cAAgB,MAAMtC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU0B,EAAAA,WAAQQ,cAAA,SAAA,CAAAnC,UAAWwC,aAAa,YAAavC,GACvDA,IAAWE,GACVwB,EAAA,WAAAQ,cAACM,EAAUA,WACT,CAAAC,QAASxC,EACTyC,IAAI,qBACQ,OACZ3C,UAAW,GAAGsC,EAAO,WAAC,aAAa9B,EAAW8B,aAAQ,YAAc,MAEnErC,GAGJW,IAEH,EAGS,MAAAgC,EAAWjB,EAAAA,WAAMkB,WAAW/C"}
+{"version":3,"file":"Fieldset.cjs.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n        React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n        (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n        So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["FieldsetComponent","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","renderChildren","allowedComponents","Input","Select","MultiSelect","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","React","Children","map","child","includes","type","cloneElement","props","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","Fieldset","forwardRef"],"mappings":"2hCA+CA,MAAMA,EAA0E,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,aAAa,MACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,YAAY,MACZC,WAAW,MACXC,WAAW,MACXC,qBAAqB,SAClBC,GAELC,KAEA,MAAMC,EAAiB,KACrB,IAAKb,EACH,OAOF,MAAMc,EAAwD,CAC5DC,EAAKA,MACLC,EAAMA,OACNC,EAAWA,YACXC,EAAKA,MACLC,EAAQA,SACRC,EAAQA,SACRC,EAAMA,OACNC,EAAKA,MACLC,EAAWA,YACXC,EAAmBA,oBACnBC,EAAcA,eACdC,EAAYA,aACZC,EAAaA,cACbC,EAAeA,iBAGjB,OAAOC,EAAK,WAACC,SAASC,IAAI/B,GAAWgC,UACnC,GAAIlB,EAAkBmB,SAASD,EAAME,QAAUxB,EAC7C,OAAOmB,EAAK,WAACM,aAAaH,EAAO,CAC/BxB,YAAUwB,EAAMI,MAAM5B,+BAAYA,IAItC,OAAOwB,CAAK,GACZ,EAGJ,OACEH,EAAAA,WACMQ,cAAA,WAAA,IAAA1B,EACJC,IAAKA,EACLJ,SAAUA,EACV8B,MAAO,CAAEC,gBAAiBjC,KAAeK,EAAK2B,OAC9CrC,UAAW,GAAGuC,EAAAA,WAAQC,YAAYlC,EAAYiC,EAAO,WAAC,cAAgB,MAAMvC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU2B,EAAAA,WAAQQ,cAAA,SAAA,CAAApC,UAAWyC,aAAa,YAAaxC,GACvDA,IAAWE,GACVyB,EAAA,WAAAQ,cAACM,EAAUA,WACT,CAAAC,QAASzC,EACT0C,IAAI,qBACQ,OACZ5C,UAAW,GAAGuC,EAAO,WAAC,aAAa/B,EAAW+B,aAAQ,YAAc,MAEnEtC,GAGJW,IAEH,EAGS,MAAAiC,EAAWjB,EAAAA,WAAMkB,WAAWhD"}

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

@@ -0,0 +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;
+//# sourceMappingURL=MultiOption.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=MultiSelect.cjs.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=MultiSelect.module.cjs.js.map

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=SelectButton.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=SelectButton.module.cjs.js.map

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=SelectedOptions.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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 */.SelectedOptions-module_options__VYJq-{cursor:pointer;display:flex;flex-wrap:wrap;gap:.375rem;position:relative}.SelectedOptions-module_tag__13q5Q{cursor:text}.SelectedOptions-module_tag__13q5Q .SelectedOptions-module_remove-btn__U99-Y{cursor:pointer}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdGVkT3B0aW9ucy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVDQUtFLGNBQWUsQ0FIZixZQUFhLENBRWIsY0FBZSxDQURmLFdBQWEsQ0FGYixpQkFLRixDQUVBLG1DQUNFLFdBQ0YsQ0FDQSw2RUFDRSxjQUNGIiwiZmlsZSI6IlNlbGVjdGVkT3B0aW9ucy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ub3B0aW9ucyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjM3NXJlbTtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50YWcge1xuICBjdXJzb3I6IHRleHQ7XG59XG4udGFnIC5yZW1vdmUtYnRuIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufSJdfQ== */';var i={options:"SelectedOptions-module_options__VYJq-",tag:"SelectedOptions-module_tag__13q5Q","remove-btn":"SelectedOptions-module_remove-btn__U99-Y"};e["default"](l);exports["default"]=i;
+//# sourceMappingURL=SelectedOptions.module.cjs.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=({expanded:e,setExpanded:t,isSearching:r,setIsSearching:n,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:s,searchInputRef:u,addBtnRef:a,renderThreshold:l})=>{const d=d=>{var f;const p=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];const g=["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"];const h=(a===null||a===void 0?void 0:a.current)===document.activeElement;if(e)p.push("Tab");if(a)g.push("Tab");if(p.includes(d.code)&&!d.metaKey&&!r)d.preventDefault();if(r&&g.includes(d.code))d.preventDefault();if(r)switch(d.code){case"ArrowDown":case"Enter":n(false);o(0);return;case"ArrowUp":n(false);o(c-1);return;case"Escape":n(false);t(false);return;case"Tab":if(a===null||a===void 0?void 0:a.current){a.current.focus();return}n(false);t(false)}else switch(d.code){case"ArrowDown":if(!e){t(true);o(0);return}o((e=>e+1>c-1?0:e+1));return;case"ArrowUp":if(!e){t(true);o(c-1);return}o((e=>e-1<0?c-1:e-1));return;case"Space":if(!e){t(true);o(0);return}i(d.target);s(true);t(false);return;case"Enter":case"Home":o(0);return;case"Tab":if(c>=l&&e&&!h){n(true);(f=u.current)===null||f===void 0?void 0:f.focus();return}else if((a===null||a===void 0?void 0:a.current)&&e&&!h){a.current.focus();return}t(false);return;case"Escape":if(e)t(false);return;case"End":o(c-1);return;case"ArrowLeft":if(d.metaKey&&e){d.preventDefault();o(0)}return;case"ArrowRight":if(d.metaKey&&e){d.preventDefault();o(c-1)}return}};return{onArrowNavigation:d}};const r=({expanded:t,optionListReference:r,addBtnRef:n,containerReference:o})=>{const[i,c]=e.useState("none");const[s,u]=e.useState(0);const[a,l]=e.useState({});e.useEffect((()=>{d()}),[t]);const d=()=>{if(!t||!r.current||!o.current)return;const e=o.current.getBoundingClientRect().bottom;const n=window.innerHeight-o.current.getBoundingClientRect().top;let i={top:"2.75rem",bottom:"initial"};if(e>n)i={top:"initial",bottom:"2.75rem"};l(i);f(i)};const f=e=>{var t,i,s;const a=(t=r.current)===null||t===void 0?void 0:t.getBoundingClientRect().height;const l=(s=(i=n.current)===null||i===void 0?void 0:i.getBoundingClientRect().height)!==null&&s!==void 0?s:0;const d=e.top!=="initial"?"top":"bottom";if(!o.current){console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");return}const f=d==="top"?window.innerHeight-o.current.getBoundingClientRect().bottom-16:o.current.getBoundingClientRect().top-16;if(a&&f<a+l){c(`${f}px`);u(100);return}c("none");u(100)};return{optionsListMaxHeight:i,opacity:s,setOpacity:u,listPosition:a,setListPosition:l}};exports.useArrowNavigation=t;exports.useSelectPositionList=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=({expanded:e,setExpanded:t,isSearching:r,setIsSearching:n,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:s,searchInputRef:a,addBtnRef:u,renderThreshold:l})=>{const d=d=>{var p;const f=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];const g=["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"];const h=(u===null||u===void 0?void 0:u.current)===document.activeElement;if(e)f.push("Tab");if(u)g.push("Tab");if(f.includes(d.code)&&!d.metaKey&&!r)d.preventDefault();if(r&&g.includes(d.code))d.preventDefault();if(r)switch(d.code){case"ArrowDown":case"Enter":n(false);o(0);return;case"ArrowUp":n(false);o(c-1);return;case"Escape":n(false);t(false);return;case"Tab":if(u===null||u===void 0?void 0:u.current){u.current.focus();return}n(false);t(false)}else switch(d.code){case"ArrowDown":if(!e){t(true);o(0);return}o((e=>e+1>c-1?0:e+1));return;case"ArrowUp":if(!e){t(true);o(c-1);return}o((e=>e-1<0?c-1:e-1));return;case"Space":if(!e){t(true);o(0);return}i(d.target);s(true);t(false);return;case"Enter":case"Home":o(0);return;case"Tab":if(c>=l&&e&&!h){n(true);(p=a.current)===null||p===void 0?void 0:p.focus();return}else if((u===null||u===void 0?void 0:u.current)&&e&&!h){u.current.focus();return}t(false);return;case"Escape":if(e)t(false);return;case"End":o(c-1);return;case"ArrowLeft":if(d.metaKey&&e){d.preventDefault();o(0)}return;case"ArrowRight":if(d.metaKey&&e){d.preventDefault();o(c-1)}return}};return{onArrowNavigation:d}};const r=({expanded:t,optionListReference:r,addBtnRef:n,containerReference:o})=>{const[i,c]=e.useState({wrapper:void 0,list:void 0});const[s,a]=e.useState(0);const[u,l]=e.useState({});e.useEffect((()=>{d()}),[t]);const d=()=>{if(!t||!r.current||!o.current)return;const e=o.current.getBoundingClientRect().bottom;const n=window.innerHeight-o.current.getBoundingClientRect().top;let i={top:"2.75rem",bottom:"initial"};if(e>n)i={top:"initial",bottom:"2.75rem"};l(i);p(i)};const p=e=>{var t;const i=(t=r.current)===null||t===void 0?void 0:t.getBoundingClientRect().height;const s=n.current?n.current.getBoundingClientRect().height+parseInt(getComputedStyle(n.current).marginBottom):0;const u=e.top!=="initial"?"top":"bottom";if(!o.current){console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");return}const l=u==="top"?window.innerHeight-o.current.getBoundingClientRect().bottom-16:o.current.getBoundingClientRect().top-16;if(i&&l<i+s){const e={wrapper:`${l}px`,list:s>0?`${l-s}px`:"none"};c(e);a(100);return}c({wrapper:void 0,list:void 0});a(100)};return{optionsListMaxHeight:i,opacity:s,setOpacity:a,listPosition:u,setListPosition:l}};exports.useArrowNavigation=t;exports.useSelectPositionList=r;
 //# sourceMappingURL=SelectService.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectService.cjs.js","sources":["../../../../../../src/components/Form/Select/SelectService.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\nimport React, { useEffect, useState } from \"react\";\nimport {\n  Position,\n  UseArrowNavigationParams,\n  UseSelectPositionListParams\n} from \"./Select.interfaces\";\n\n/** @scope . */\nexport const useArrowNavigation = ({\n  expanded,\n  setExpanded,\n  isSearching,\n  setIsSearching,\n  setFocusedSelectItem,\n  onOptionChangeHandler,\n  childrenCount,\n  setShouldClick,\n  searchInputRef,\n  addBtnRef,\n  renderThreshold\n}: UseArrowNavigationParams) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    const codesToPreventDefault = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Space\",\n      \"Escape\",\n      \"End\",\n      \"Home\"\n    ];\n\n    const codesToPreventDefaultWhenSearching = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"Enter\",\n      \"Escape\",\n      \"MetaLeft\",\n      \"MetaRight\"\n    ];\n\n    const isAddBtnFocused = addBtnRef?.current === document.activeElement;\n\n    if (expanded) {\n      codesToPreventDefault.push(\"Tab\");\n    }\n\n    if (addBtnRef) {\n      codesToPreventDefaultWhenSearching.push(\"Tab\");\n    }\n\n    if (codesToPreventDefault.includes(event.code) && !event.metaKey && !isSearching) {\n      event.preventDefault();\n    }\n\n    if (isSearching && codesToPreventDefaultWhenSearching.includes(event.code)) {\n      event.preventDefault();\n    }\n\n    if (isSearching) {\n      switch (event.code) {\n        case \"ArrowDown\":\n        case \"Enter\":\n          setIsSearching(false);\n          setFocusedSelectItem(0);\n          return;\n        case \"ArrowUp\":\n          setIsSearching(false);\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"Escape\":\n          setIsSearching(false);\n          setExpanded(false);\n          return;\n        case \"Tab\":\n          if (addBtnRef?.current) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setIsSearching(false);\n          setExpanded(false);\n      }\n    } else {\n      switch (event.code) {\n        case \"ArrowDown\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n          setFocusedSelectItem(prevState => {\n            return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n          });\n          return;\n        case \"ArrowUp\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(childrenCount - 1);\n            return;\n          }\n\n          setFocusedSelectItem(prevState => {\n            return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n          });\n          return;\n        case \"Space\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n\n          onOptionChangeHandler(event.target as HTMLElement);\n          setShouldClick(true);\n          setExpanded(false);\n\n          return;\n        case \"Enter\":\n        case \"Home\":\n          setFocusedSelectItem(0);\n\n          return;\n        case \"Tab\":\n          if (childrenCount >= renderThreshold && expanded && !isAddBtnFocused) {\n            setIsSearching(true);\n            searchInputRef.current?.focus();\n            return;\n          } else if (addBtnRef?.current && expanded && !isAddBtnFocused) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setExpanded(false);\n\n          return;\n        case \"Escape\":\n          if (expanded) {\n            setExpanded(false);\n          }\n          return;\n        case \"End\":\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"ArrowLeft\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(0);\n          }\n          return;\n        case \"ArrowRight\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(childrenCount - 1);\n          }\n          return;\n      }\n    }\n  };\n\n  return { onArrowNavigation };\n};\n\nexport const useSelectPositionList = ({\n  expanded,\n  optionListReference,\n  addBtnRef,\n  containerReference\n}: UseSelectPositionListParams) => {\n  const [optionsListMaxHeight, setOptionsListMaxHeight] = useState(\"none\");\n  const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.\n  const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n  useEffect(() => {\n    rePositionList();\n  }, [expanded]);\n\n  const rePositionList = () => {\n    if (!expanded || !optionListReference.current || !containerReference.current) {\n      return;\n    }\n\n    // Check whether there is more space above or below the select\n    // Check space between the bottom of select and top of viewport\n    const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n    // Check space between the top of the select and bottom of viewport\n    const spaceOnBottomOfSelect =\n      window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n    // Set position as if there's more space on the bottom\n    let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n    // Set the position of the select\n    if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n      position = { top: \"initial\", bottom: \"2.75rem\" };\n    }\n\n    setListPosition(position);\n\n    // Calculate the potential max height of the options list\n    calculateOptionListMaxHeight(position);\n  };\n\n  const calculateOptionListMaxHeight = (position: Position) => {\n    // Calculate max height if there's more space below the select\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n    const addNewButtonHeight = addBtnRef.current?.getBoundingClientRect().height ?? 0;\n    const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n    if (!containerReference.current) {\n      console.error(\n        \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n      );\n      return;\n    }\n\n    const availableSpace =\n      transformOrigin === \"top\"\n        ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16\n        : containerReference.current.getBoundingClientRect().top - 16;\n\n    if (listHeight && availableSpace < listHeight + addNewButtonHeight) {\n      setOptionsListMaxHeight(`${availableSpace}px`);\n      setOpacity(100);\n      return;\n    }\n\n    setOptionsListMaxHeight(\"none\");\n    setOpacity(100);\n  };\n\n  return {\n    optionsListMaxHeight,\n    opacity,\n    setOpacity,\n    listPosition,\n    setListPosition\n  };\n};\n"],"names":["useArrowNavigation","expanded","setExpanded","isSearching","setIsSearching","setFocusedSelectItem","onOptionChangeHandler","childrenCount","setShouldClick","searchInputRef","addBtnRef","renderThreshold","onArrowNavigation","event","codesToPreventDefault","codesToPreventDefaultWhenSearching","isAddBtnFocused","current","document","activeElement","push","includes","code","metaKey","preventDefault","focus","prevState","target","_a","useSelectPositionList","optionListReference","containerReference","optionsListMaxHeight","setOptionsListMaxHeight","useState","opacity","setOpacity","listPosition","setListPosition","useEffect","rePositionList","spaceOnTopOfSelect","getBoundingClientRect","bottom","spaceOnBottomOfSelect","window","innerHeight","top","position","calculateOptionListMaxHeight","listHeight","height","addNewButtonHeight","_c","_b","transformOrigin","console","error","availableSpace"],"mappings":"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"}
+{"version":3,"file":"SelectService.cjs.js","sources":["../../../../../../src/components/Form/Select/SelectService.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\nimport React, { useEffect, useState } from \"react\";\nimport {\n  Position,\n  UseArrowNavigationParams,\n  UseSelectPositionListParams\n} from \"./Select.interfaces\";\n\n/** @scope .*/\nexport const useArrowNavigation = ({\n  expanded,\n  setExpanded,\n  isSearching,\n  setIsSearching,\n  setFocusedSelectItem,\n  onOptionChangeHandler,\n  childrenCount,\n  setShouldClick,\n  searchInputRef,\n  addBtnRef,\n  renderThreshold\n}: UseArrowNavigationParams) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    const codesToPreventDefault = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Space\",\n      \"Escape\",\n      \"End\",\n      \"Home\"\n    ];\n\n    const codesToPreventDefaultWhenSearching = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"Enter\",\n      \"Escape\",\n      \"MetaLeft\",\n      \"MetaRight\"\n    ];\n\n    const isAddBtnFocused = addBtnRef?.current === document.activeElement;\n\n    if (expanded) {\n      codesToPreventDefault.push(\"Tab\");\n    }\n\n    if (addBtnRef) {\n      codesToPreventDefaultWhenSearching.push(\"Tab\");\n    }\n\n    if (codesToPreventDefault.includes(event.code) && !event.metaKey && !isSearching) {\n      event.preventDefault();\n    }\n\n    if (isSearching && codesToPreventDefaultWhenSearching.includes(event.code)) {\n      event.preventDefault();\n    }\n\n    if (isSearching) {\n      switch (event.code) {\n        case \"ArrowDown\":\n        case \"Enter\":\n          setIsSearching(false);\n          setFocusedSelectItem(0);\n          return;\n        case \"ArrowUp\":\n          setIsSearching(false);\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"Escape\":\n          setIsSearching(false);\n          setExpanded(false);\n          return;\n        case \"Tab\":\n          if (addBtnRef?.current) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setIsSearching(false);\n          setExpanded(false);\n      }\n    } else {\n      switch (event.code) {\n        case \"ArrowDown\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n          setFocusedSelectItem(prevState => {\n            return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n          });\n          return;\n        case \"ArrowUp\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(childrenCount - 1);\n            return;\n          }\n\n          setFocusedSelectItem(prevState => {\n            return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n          });\n          return;\n        case \"Space\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n\n          onOptionChangeHandler(event.target as HTMLElement);\n          setShouldClick(true);\n          setExpanded(false);\n\n          return;\n        case \"Enter\":\n        case \"Home\":\n          setFocusedSelectItem(0);\n\n          return;\n        case \"Tab\":\n          if (childrenCount >= renderThreshold && expanded && !isAddBtnFocused) {\n            setIsSearching(true);\n            searchInputRef.current?.focus();\n            return;\n          } else if (addBtnRef?.current && expanded && !isAddBtnFocused) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setExpanded(false);\n\n          return;\n        case \"Escape\":\n          if (expanded) {\n            setExpanded(false);\n          }\n          return;\n        case \"End\":\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"ArrowLeft\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(0);\n          }\n          return;\n        case \"ArrowRight\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(childrenCount - 1);\n          }\n          return;\n      }\n    }\n  };\n\n  return { onArrowNavigation };\n};\n\n/** @scope .*/\nexport const useSelectPositionList = ({\n  expanded,\n  optionListReference,\n  addBtnRef,\n  containerReference\n}: UseSelectPositionListParams) => {\n  const [optionsListMaxHeight, setOptionsListMaxHeight] = useState<{\n    wrapper?: string;\n    list?: string;\n  }>({\n    wrapper: undefined,\n    list: undefined\n  });\n  const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.\n  const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n  useEffect(() => {\n    rePositionList();\n  }, [expanded]);\n\n  const rePositionList = () => {\n    if (!expanded || !optionListReference.current || !containerReference.current) {\n      return;\n    }\n\n    // Check whether there is more space above or below the select\n    // Check space between the bottom of select and top of viewport\n    const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n    // Check space between the top of the select and bottom of viewport\n    const spaceOnBottomOfSelect =\n      window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n    // Set position as if there's more space on the bottom\n    let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n    // Set the position of the select\n    if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n      position = { top: \"initial\", bottom: \"2.75rem\" };\n    }\n\n    setListPosition(position);\n\n    // Calculate the potential max height of the options list\n    calculateOptionListMaxHeight(position);\n  };\n\n  const calculateOptionListMaxHeight = (position: Position) => {\n    // Calculate max height if there's more space below the select\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n    const addNewButtonHeightWithMargin = addBtnRef.current\n      ? addBtnRef.current.getBoundingClientRect().height +\n        parseInt(getComputedStyle(addBtnRef.current).marginBottom)\n      : 0;\n    const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n    if (!containerReference.current) {\n      console.error(\n        \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n      );\n      return;\n    }\n\n    const availableSpace =\n      transformOrigin === \"top\"\n        ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16\n        : containerReference.current.getBoundingClientRect().top - 16;\n\n    if (listHeight && availableSpace < listHeight + addNewButtonHeightWithMargin) {\n      const maxHeightObject = {\n        wrapper: `${availableSpace}px`,\n        list:\n          addNewButtonHeightWithMargin > 0\n            ? `${availableSpace - addNewButtonHeightWithMargin}px`\n            : \"none\"\n      };\n      setOptionsListMaxHeight(maxHeightObject);\n      setOpacity(100);\n      return;\n    }\n\n    setOptionsListMaxHeight({ wrapper: undefined, list: undefined });\n    setOpacity(100);\n  };\n\n  return {\n    optionsListMaxHeight,\n    opacity,\n    setOpacity,\n    listPosition,\n    setListPosition\n  };\n};\n"],"names":["useArrowNavigation","expanded","setExpanded","isSearching","setIsSearching","setFocusedSelectItem","onOptionChangeHandler","childrenCount","setShouldClick","searchInputRef","addBtnRef","renderThreshold","onArrowNavigation","event","codesToPreventDefault","codesToPreventDefaultWhenSearching","isAddBtnFocused","current","document","activeElement","push","includes","code","metaKey","preventDefault","focus","prevState","target","_a","useSelectPositionList","optionListReference","containerReference","optionsListMaxHeight","setOptionsListMaxHeight","useState","wrapper","undefined","list","opacity","setOpacity","listPosition","setListPosition","useEffect","rePositionList","spaceOnTopOfSelect","getBoundingClientRect","bottom","spaceOnBottomOfSelect","window","innerHeight","top","position","calculateOptionListMaxHeight","listHeight","height","addNewButtonHeightWithMargin","parseInt","getComputedStyle","marginBottom","transformOrigin","console","error","availableSpace","maxHeightObject"],"mappings":"6FAwBO,MAAMA,EAAqB,EAChCC,WACAC,cACAC,cACAC,iBACAC,uBACAC,wBACAC,gBACAC,iBACAC,iBACAC,YACAC,sBAEA,MAAMC,EAAqBC,UACzB,MAAMC,EAAwB,CAC5B,YACA,UACA,YACA,aACA,QACA,SACA,MACA,QAGF,MAAMC,EAAqC,CACzC,YACA,UACA,QACA,SACA,WACA,aAGF,MAAMC,GAAkBN,UAAAA,SAAS,OAAA,EAATA,EAAWO,WAAYC,SAASC,cAExD,GAAIlB,EACFa,EAAsBM,KAAK,OAG7B,GAAIV,EACFK,EAAmCK,KAAK,OAG1C,GAAIN,EAAsBO,SAASR,EAAMS,QAAUT,EAAMU,UAAYpB,EACnEU,EAAMW,iBAGR,GAAIrB,GAAeY,EAAmCM,SAASR,EAAMS,MACnET,EAAMW,iBAGR,GAAIrB,EACF,OAAQU,EAAMS,MACZ,IAAK,YACL,IAAK,QACHlB,EAAe,OACfC,EAAqB,GACrB,OACF,IAAK,UACHD,EAAe,OACfC,EAAqBE,EAAgB,GACrC,OACF,IAAK,SACHH,EAAe,OACfF,EAAY,OACZ,OACF,IAAK,MACH,GAAIQ,UAAAA,SAAS,OAAA,EAATA,EAAWO,QAAS,CACtBP,EAAUO,QAAQQ,QAClB,MACD,CACDrB,EAAe,OACfF,EAAY,YAGhB,OAAQW,EAAMS,MACZ,IAAK,YACH,IAAKrB,EAAU,CACbC,EAAY,MACZG,EAAqB,GACrB,MACD,CACDA,GAAqBqB,GACZA,EAAY,EAAInB,EAAgB,EAAI,EAAImB,EAAY,IAE7D,OACF,IAAK,UACH,IAAKzB,EAAU,CACbC,EAAY,MACZG,EAAqBE,EAAgB,GACrC,MACD,CAEDF,GAAqBqB,GACZA,EAAY,EAAI,EAAInB,EAAgB,EAAImB,EAAY,IAE7D,OACF,IAAK,QACH,IAAKzB,EAAU,CACbC,EAAY,MACZG,EAAqB,GACrB,MACD,CAEDC,EAAsBO,EAAMc,QAC5BnB,EAAe,MACfN,EAAY,OAEZ,OACF,IAAK,QACL,IAAK,OACHG,EAAqB,GAErB,OACF,IAAK,MACH,GAAIE,GAAiBI,GAAmBV,IAAae,EAAiB,CACpEZ,EAAe,OACfwB,EAAAnB,EAAeQ,WAAS,MAAAW,SAAA,OAAA,EAAAA,EAAAH,QACxB,MACD,MAAM,IAAIf,IAAA,MAAAA,kBAAAA,EAAWO,UAAWhB,IAAae,EAAiB,CAC7DN,EAAUO,QAAQQ,QAClB,MACD,CACDvB,EAAY,OAEZ,OACF,IAAK,SACH,GAAID,EACFC,EAAY,OAEd,OACF,IAAK,MACHG,EAAqBE,EAAgB,GACrC,OACF,IAAK,YACH,GAAIM,EAAMU,SAAWtB,EAAU,CAC7BY,EAAMW,iBACNnB,EAAqB,EACtB,CACD,OACF,IAAK,aACH,GAAIQ,EAAMU,SAAWtB,EAAU,CAC7BY,EAAMW,iBACNnB,EAAqBE,EAAgB,EACtC,CACD,OAEL,EAGH,MAAO,CAAEK,oBAAmB,EAIvB,MAAMiB,EAAwB,EACnC5B,WACA6B,sBACApB,YACAqB,yBAEA,MAAOC,EAAsBC,GAA2BC,WAGrD,CACDC,aAASC,EACTC,UAAMD,IAER,MAAOE,EAASC,GAAcL,EAAQA,SAAC,GACvC,MAAOM,EAAcC,GAAmBP,EAAQA,SAAoB,CAAE,GAEtEQ,EAAAA,WAAU,KACRC,GAAgB,GACf,CAAC1C,IAEJ,MAAM0C,EAAiB,KACrB,IAAK1C,IAAa6B,EAAoBb,UAAYc,EAAmBd,QACnE,OAKF,MAAM2B,EAAqBb,EAAmBd,QAAQ4B,wBAAwBC,OAG9E,MAAMC,EACJC,OAAOC,YAAclB,EAAmBd,QAAQ4B,wBAAwBK,IAG1E,IAAIC,EAAqB,CAAED,IAAK,UAAWJ,OAAQ,WAGnD,GAAIF,EAAqBG,EACvBI,EAAW,CAAED,IAAK,UAAWJ,OAAQ,WAGvCL,EAAgBU,GAGhBC,EAA6BD,EAAS,EAGxC,MAAMC,EAAgCD,UAEpC,MAAME,GAAazB,EAAAE,EAAoBb,WAAS,MAAAW,SAAA,OAAA,EAAAA,EAAAiB,wBAAwBS,OACxE,MAAMC,EAA+B7C,EAAUO,QAC3CP,EAAUO,QAAQ4B,wBAAwBS,OAC1CE,SAASC,iBAAiB/C,EAAUO,SAASyC,cAC7C,EACJ,MAAMC,EAAkBR,EAASD,MAAQ,UAAY,MAAQ,SAE7D,IAAKnB,EAAmBd,QAAS,CAC/B2C,QAAQC,MACN,6LAEF,MACD,CAED,MAAMC,EACJH,IAAoB,MAChBX,OAAOC,YAAclB,EAAmBd,QAAQ4B,wBAAwBC,OAAS,GACjFf,EAAmBd,QAAQ4B,wBAAwBK,IAAM,GAE/D,GAAIG,GAAcS,EAAiBT,EAAaE,EAA8B,CAC5E,MAAMQ,EAAkB,CACtB5B,QAAS,GAAG2B,MACZzB,KACEkB,EAA+B,EAC3B,GAAGO,EAAiBP,MACpB,QAERtB,EAAwB8B,GACxBxB,EAAW,KACX,MACD,CAEDN,EAAwB,CAAEE,aAASC,EAAWC,UAAMD,IACpDG,EAAW,IAAI,EAGjB,MAAO,CACLP,uBACAM,UACAC,aACAC,eACAC,kBACD"}

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/Select.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 \"./Select.module.scss\";\n\nimport React, {\n  createRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement,\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 { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { SingleSelectProps } from \"../Select.interfaces\";\nimport { useArrowNavigation, useSelectPositionList } from \"../SelectService\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"../useSearch\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\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  }: SingleSelectProps,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState(\"\");\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n  const [shouldClick, setShouldClick] = useState(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 optionsCount = React.Children.count(children);\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,\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      nativeSelect.current.value = optionElement.getAttribute(\"data-value\")!;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n\n    setExpanded(false);\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: optionsCount,\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 = (val: string) => {\n    React.Children.forEach(children, child => {\n      if (child.props.value === val) {\n        setDisplay(child.props.children);\n      }\n    });\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have an 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    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(filteredChildren as ReactElement[]);\n\n      if (internalChildren.length === 0) {\n        return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n      }\n\n      return _internalRenderChildren(filteredChildren as ReactElement[]);\n    }\n\n    return _internalRenderChildren(children);\n\n    function _internalRenderChildren(internalChildren: ReactElement[]) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setShouldClick(false);\n          },\n          isSelected: child.props.value === value,\n          isSearching: isSearching,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          isAddBtnFocused: addBtnRef.current === document.activeElement\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  }, [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  /** 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        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        <button\n          {...selectButtonProps}\n          onClick={() => {\n            setExpanded(!expanded);\n          }}\n          ref={customSelectButtonRef}\n          type=\"button\"\n          name={name}\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: expanded && searchVisible ? \"none\" : \"initial\" }}\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          <div data-display className={classes[\"selected\"]}>\n            {!value && placeholder && <span className={classes[\"placeholder\"]}>{placeholder}</span>}\n            {value?.length > 0 && <span data-display-inner>{display}</span>}\n          </div>\n          <div className={classes[\"status\"]}>{icon || renderChevronIcon()}</div>\n        </button>\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};\nexport const Select = React.forwardRef(SelectComponent);\n"],"names":["SelectComponent","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","optionsCount","React","Children","count","filter","isSearching","renderSearch","searchInputRef","setIsSearching","searchThreshold","searchVisible","useSearch","searchInputClassName","classes","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","nativeSelect","createRef","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","renderThreshold","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","syncDisplayValue","val","forEach","child","props","renderOptions","filteredChildren","toArray","toLowerCase","match","internalChildren","_internalRenderChildren","length","createElement","map","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","isAddBtnFocused","document","activeElement","renderChevronIcon","Icon","icon","Icons","ChevronUp","ChevronDown","useDetermineStatusIcon","nativeOnChangeHandler","event","useEffect","focus","useBodyClick","target","closest","top","bottom","additionalClasses","push","Fragment","filterProps","tabIndex","readyclasses","onKeyDown","select","join","onClick","type","style","maxHeight","wrapper","pointerEvents","role","list","Select","forwardRef"],"mappings":"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"}

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

@@ -0,0 +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 */.Select-module_sr-only__pw4xB{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select-module_hidden__bM4xB{display:none}.Select-module_slide-in__KrGMO{animation:Select-module_slide-in__KrGMO .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-in__KrGMO{animation-duration:.1ms}}.Select-module_slide-out__57p2b{animation:Select-module_slide-out__57p2b .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-out__57p2b{animation-duration:.1ms}}@keyframes Select-module_slide-in__KrGMO{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select-module_slide-out__57p2b{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 */.Select-module_select__t8I9I{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){.Select-module_select__t8I9I{transition-duration:.1ms}}.Select-module_select__t8I9I [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select-module_select__t8I9I.Select-module_expanded__Gn0O5 .Select-module_list-wrapper__1bs6M{background:var(--light)}.Select-module_select__t8I9I:not(.Select-module_expanded__Gn0O5) button:focus:not(.Select-module_error__FelMD){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select-module_select__t8I9I:hover:not(.Select-module_disabled__t9oiZ):not(.Select-module_expanded__Gn0O5):not(.Select-module_error__FelMD) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{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);cursor:pointer;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));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{transition-duration:.1ms}}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj:focus{outline:0}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_error__FelMD{border-color:var(--error);color:var(--error)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_error__FelMD:focus{border-width:var(--input-border-width-focus)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_disabled__t9oiZ{border-color:var(--color-disabled)}.Select-module_select__t8I9I .Select-module_list-wrapper__1bs6M{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 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.Select-module_select__t8I9I 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%}.Select-module_select__t8I9I 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}.Select-module_select__t8I9I ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:var(--input-border-width-focus)}.Select-module_select__t8I9I ul li:hover{background-color:var(--color-blue-grey50)}.Select-module_select__t8I9I ul li:active{background-color:var(--color-blue-grey100)}.Select-module_select__t8I9I ul li.Select-module_disabled__t9oiZ{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_selected-option__RrLIc{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;color:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0}.Select-module_selected__DWAJ2{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select-module_status__OMSjY{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select-module_status__OMSjY [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select-module_status__OMSjY [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{color:var(--default);font-size:.625rem}.Select-module_status__OMSjY *+*{margin-left:1.25rem}.Select-module_placeholder__n-rO9{color:var(--greyed-out)}.Select-module_select-search__ybi2q{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select-module_disabled__t9oiZ{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select-module_disabled__t9oiZ>*{pointer-events:none}@media only screen and (min-width:30em){.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{padding:0 calc(.5rem - var(--input-border-width))}.Select-module_select__t8I9I:not(.Select-module_expanded__Gn0O5) button:focus:not(.Select-module_error__FelMD){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,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LENBQ3JCLGlCQUNGLENBQ0EsaUNBQ0UsbUJBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLG9DQUlFLDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixVQUlGLENBRUEsK0JBR0UseUNBQTBDLENBRDFDLHVCQUF3QixDQUR4QixrQkFHRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsd0NBQ0UsaUVBQ0UsaURBQ0YsQ0FDQSwrR0FDRSx1REFDRixDQUNGIiwiZmlsZSI6IlNlbGVjdC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCBbZGF0YS1kaXNwbGF5XSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1kZWZhdWx0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn1cbi5zZWxlY3QuZXhwYW5kZWQgLmxpc3Qtd3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWxpZ2h0KTtcbn1cbi5zZWxlY3Q6bm90KC5leHBhbmRlZCkgYnV0dG9uOmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgYm9yZGVyOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykpO1xufVxuLnNlbGVjdDpob3Zlcjpub3QoLmRpc2FibGVkKTpub3QoLmV4cGFuZGVkKTpub3QoLmVycm9yKSBidXR0b246bm90KDpmb2N1cykge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNjI1cmVtIC0gMiAqIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3I6Zm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1kaXNhYmxlZCk7XG59XG4uc2VsZWN0IC5saXN0LXdyYXBwZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBib3gtc2hhZG93OiAwIDhweCAxMHB4IDAgcmdiYSgxLCA1LCA1MCwgMC4xNDExNzY0NzA2KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMTtcbiAgdG9wOiA0NHB4O1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwLjEyNXJlbTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItbGVmdDogMC4yNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';var t={"sr-only":"Select-module_sr-only__pw4xB",hidden:"Select-module_hidden__bM4xB","slide-in":"Select-module_slide-in__KrGMO","slide-out":"Select-module_slide-out__57p2b",select:"Select-module_select__t8I9I",expanded:"Select-module_expanded__Gn0O5","list-wrapper":"Select-module_list-wrapper__1bs6M",error:"Select-module_error__FelMD",disabled:"Select-module_disabled__t9oiZ","custom-select":"Select-module_custom-select__ybbbj","selected-option":"Select-module_selected-option__RrLIc",selected:"Select-module_selected__DWAJ2",status:"Select-module_status__OMSjY","chevron-icon":"Select-module_chevron-icon__yV9oP",placeholder:"Select-module_placeholder__n-rO9","select-search":"Select-module_select-search__ybi2q"};e["default"](l);exports["default"]=t;
+//# sourceMappingURL=Select.module.cjs.js.map

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("./useAddNewBtn.module.cjs.js");var t=require("react");function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=n(t);const d=({addNew:n,filter:d})=>{var o;const r=t.useRef(null);const s=(o=n===null||n===void 0?void 0:n.label)!==null&&o!==void 0?o:"Create new";const l=()=>n&&a["default"].createElement("button",{"data-testid":"select-action-button",className:e["default"]["action-button"],onClick:()=>n.onAddNew(d),ref:r,...n.btnProps},!d&&s,d&&a["default"].createElement("span",{style:{fontWeight:"700"}},`"${d}"`),d&&` (${s.toLowerCase()})`);const u=n?e["default"]["has-sibling"]:"";return{addNewBtnOptionsContainerClassName:u,renderAddNew:l,addBtnRef:r}};exports.useAddNewBtn=d;
+//# sourceMappingURL=useAddNewBtn.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddNewBtn.cjs.js","sources":["../../../../../../src/components/Form/Select/useAddNewBtn.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 \"./useAddNewBtn.module.scss\";\n\nimport React, { useRef } from \"react\";\nimport { AddNewProps } from \"./Select.interfaces\";\n\ninterface Props {\n  addNew?: AddNewProps;\n  filter: string;\n}\n\nexport const useAddNewBtn = ({ addNew, filter }: Props) => {\n  const addBtnRef = useRef<HTMLButtonElement>(null);\n\n  const addNewLabel = addNew?.label ?? \"Create new\";\n\n  const renderAddNew = () =>\n    addNew && (\n      <button\n        data-testid={\"select-action-button\"}\n        className={classes[\"action-button\"]}\n        onClick={() => addNew.onAddNew(filter)}\n        ref={addBtnRef}\n        {...addNew.btnProps}\n      >\n        {!filter && addNewLabel}\n        {filter && <span style={{ fontWeight: \"700\" }}>{`\"${filter}\"`}</span>}\n        {filter && ` (${addNewLabel.toLowerCase()})`}\n      </button>\n    );\n\n  const addNewBtnOptionsContainerClassName = addNew ? classes[\"has-sibling\"] : \"\";\n\n  return {\n    addNewBtnOptionsContainerClassName,\n    renderAddNew,\n    addBtnRef\n  };\n};\n"],"names":["useAddNewBtn","addNew","filter","addBtnRef","useRef","addNewLabel","_a","label","renderAddNew","React","createElement","className","classes","onClick","onAddNew","ref","btnProps","style","fontWeight","toLowerCase","addNewBtnOptionsContainerClassName"],"mappings":"+NA0Ba,MAAAA,EAAe,EAAGC,SAAQC,mBACrC,MAAMC,EAAYC,SAA0B,MAE5C,MAAMC,GAAcC,EAAAL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQM,SAAS,MAAAD,SAAA,EAAAA,EAAA,aAErC,MAAME,EAAe,IACnBP,GACEQ,aACeC,cAAA,SAAA,CAAA,cAAA,uBACbC,UAAWC,EAAO,WAAC,iBACnBC,QAAS,IAAMZ,EAAOa,SAASZ,GAC/Ba,IAAKZ,KACDF,EAAOe,WAETd,GAAUG,EACXH,GAAUO,EAAAA,WAAAC,cAAA,OAAA,CAAMO,MAAO,CAAEC,WAAY,QAAU,IAAIhB,MACnDA,GAAU,KAAKG,EAAYc,kBAIlC,MAAMC,EAAqCnB,EAASW,EAAO,WAAC,eAAiB,GAE7E,MAAO,CACLQ,qCACAZ,eACAL,YACD"}

package/dist/cjs/Form/Select/useAddNewBtn.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 */ul.useAddNewBtn-module_has-sibling__ylbtM{padding-bottom:2px}.useAddNewBtn-module_action-button__hS4pN{background-color:var(--light);border:none;border-radius:var(--input-border-radius);border-top:1px solid var(--color-blue-grey50);box-sizing:border-box;color:var(--default);cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size);height:2.5rem;margin:0 0 .25rem;padding:.625rem .75rem;text-align:left;width:100%}.useAddNewBtn-module_action-button__hS4pN:focus{border-radius:0;outline:1px solid;outline-offset:0}.useAddNewBtn-module_action-button__hS4pN:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn-module_action-button__hS4pN:active{background-color:var(--color-blue-grey100)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVzZUFkZE5ld0J0bi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUNFLGtCQUNGLENBRUEsMENBT0UsNkJBQThCLENBTjlCLFdBQVksQ0FPWix3Q0FBeUMsQ0FOekMsNkNBQThDLENBUzlDLHFCQUFzQixDQUZ0QixvQkFBcUIsQ0FHckIsY0FBZSxDQUNmLDhCQUErQixDQUMvQix1Q0FBd0MsQ0FWeEMsYUFBYyxDQUVkLGlCQUFtQixDQURuQixzQkFBeUIsQ0FLekIsZUFBZ0IsQ0FQaEIsVUFZRixDQUNBLGdEQUdFLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQixnQkFFRixDQUNBLGdEQUNFLHlDQUNGLENBQ0EsaURBQ0UsMENBQ0YiLCJmaWxlIjoidXNlQWRkTmV3QnRuLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbnVsLmhhcy1zaWJsaW5nIHtcbiAgcGFkZGluZy1ib3R0b206IDJweDtcbn1cblxuLmFjdGlvbi1idXR0b24ge1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MCk7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDIuNXJlbTtcbiAgcGFkZGluZzogMC42MjVyZW0gMC43NXJlbTtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG59XG4uYWN0aW9uLWJ1dHRvbjpmb2N1cyB7XG4gIG91dGxpbmU6IDFweCBzb2xpZDtcbiAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG59XG4uYWN0aW9uLWJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwKTtcbn1cbi5hY3Rpb24tYnV0dG9uOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59Il19 */';var l={"has-sibling":"useAddNewBtn-module_has-sibling__ylbtM","action-button":"useAddNewBtn-module_action-button__hS4pN"};e["default"](i);exports["default"]=l;
+//# sourceMappingURL=useAddNewBtn.module.cjs.js.map

package/dist/cjs/Form/Select/useAddNewBtn.module.cjs.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../Input/Input.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=o(e);const l=({search:o,optionsCount:l,searchPlaceholder:n,searchInputProps:t,searchInputClassName:u,expanded:a,setFocusedSelectItem:d})=>{var i,c;const[v,p]=e.useState("");const[h,f]=e.useState(false);const I=10;const P=e.useRef(null);const m=(i=o===null||o===void 0?void 0:o.renderThreshold)!==null&&i!==void 0?i:I;const S=l>m;const b=e=>{p(e.currentTarget.value)};const y=()=>{if(o===null||o===void 0?void 0:o.enabled)return S;if(o)return o.enabled;return l>I};const N=()=>{var e,l,d,i,c,v,p;return s["default"].createElement(r.Input,{...(l=(e=o===null||o===void 0?void 0:o.searchInputProps)!==null&&e!==void 0?e:t)!==null&&l!==void 0?l:{},ref:P,onFocus:()=>f(true),onBlur:()=>f(false),onChange:b,className:u,wrapperProps:{className:(c=(i=(d=o===null||o===void 0?void 0:o.searchInputProps)===null||d===void 0?void 0:d.wrapperProps)===null||i===void 0?void 0:i.className)!==null&&c!==void 0?c:(v=t===null||t===void 0?void 0:t.wrapperProps)===null||v===void 0?void 0:v.className},style:{display:a?"block":"none"},type:"text",name:"search-option",placeholder:(p=o===null||o===void 0?void 0:o.searchPlaceholder)!==null&&p!==void 0?p:n})};const g=()=>{p("");f(false);d(-1)};const j=y();e.useEffect((()=>{var e;(((e=o===null||o===void 0?void 0:o.searchInputProps)===null||e===void 0?void 0:e.reset)||(t===null||t===void 0?void 0:t.reset))&&g()}),[t===null||t===void 0?void 0:t.reset,(c=o===null||o===void 0?void 0:o.searchInputProps)===null||c===void 0?void 0:c.reset]);e.useEffect((()=>{const e=!j&&!h;if(e)g()}),[h,j]);return{renderSearch:N,setIsSearching:f,searchVisible:j,searchThreshold:m,searchInputRef:P,filter:v,isSearching:h}};exports.useSearch=l;
+//# sourceMappingURL=useSearch.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.cjs.js","sources":["../../../../../../src/components/Form/Select/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\";\nimport { Input } from \"../Input/Input\";\n\ninterface Props {\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}\n\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchPlaceholder,\n  searchInputProps,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount > threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\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    <Input\n      {...(search?.searchInputProps ?? searchInputProps ?? {})}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={searchInputClassName}\n      wrapperProps={{\n        className:\n          search?.searchInputProps?.wrapperProps?.className ??\n          searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={search?.searchPlaceholder ?? searchPlaceholder}\n    />\n  );\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    (search?.searchInputProps?.reset || searchInputProps?.reset) && resetSearchState();\n  }, [searchInputProps?.reset, search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["useSearch","search","optionsCount","searchPlaceholder","searchInputProps","searchInputClassName","expanded","setFocusedSelectItem","filter","setFilter","useState","isSearching","setIsSearching","DEFAULT_RENDER_THRESHOLD","searchInputRef","useRef","threshold","_a","renderThreshold","hasEnoughChildren","filterResults","event","currentTarget","value","shouldRenderSearch","enabled","renderSearch","React","createElement","Input","_b","ref","onFocus","onBlur","onChange","className","wrapperProps","_e","_d","_c","_f","style","display","type","name","placeholder","_g","resetSearchState","visible","useEffect","reset","searchDeactivated","searchVisible","searchThreshold"],"mappings":"8NAoCaA,EAAY,EACvBC,SACAC,eACAC,oBACAC,mBACAC,uBACAC,WACAC,mCAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAAC,IACrC,MAAOC,EAAaC,GAAkBF,EAAQA,SAAC,OAE/C,MAAMG,EAA2B,GAEjC,MAAMC,EAAiBC,SAAyB,MAEhD,MAAMC,GAAYC,EAAAhB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQiB,mBAAmB,MAAAD,SAAA,EAAAA,EAAAJ,EAC7C,MAAMM,EAAoBjB,EAAec,EAEzC,MAAMI,EAAiBC,IACrBZ,EAAUY,EAAMC,cAAcC,MAAM,EAGtC,MAAMC,EAAqB,KACzB,GAAIvB,UAAAA,SAAM,OAAA,EAANA,EAAQwB,QACV,OAAON,EAGT,GAAIlB,EACF,OAAOA,EAAOwB,QAGhB,OAAOvB,EAAeW,CAAwB,EAGhD,MAAMa,EAAe,uBAAM,OACzBC,EAAC,WAAAC,cAAAC,QACK,QAACZ,EAAAhB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQG,oBAAgB,MAAAa,SAAA,EAAAA,EAAIb,KAAgB,MAAA0B,SAAA,EAAAA,EAAI,CAAA,EACrDC,IAAKjB,EACLkB,QAAS,IAAMpB,EAAe,MAC9BqB,OAAQ,IAAMrB,EAAe,OAC7BsB,SAAUd,EACVe,UAAW9B,EACX+B,aAAc,CACZD,WACEE,GAAAC,GAAAC,EAAAtC,UAAAA,SAAM,OAAA,EAANA,EAAQG,oBAAgB,MAAAmC,SAAA,OAAA,EAAAA,EAAEH,gBAAc,MAAAE,SAAA,OAAA,EAAAA,EAAAH,aACxC,MAAAE,SAAA,EAAAA,GAAAG,EAAApC,IAAgB,MAAhBA,SAAgB,OAAA,EAAhBA,EAAkBgC,gBAAY,MAAAI,SAAA,OAAA,EAAAA,EAAEL,WAEpCM,MAAO,CACLC,QAASpC,EAAW,QAAU,QAEhCqC,KAAK,OACLC,KAAK,gBACLC,aAAaC,EAAA7C,IAAA,MAAAA,kBAAAA,EAAQE,qBAAqB,MAAA2C,SAAA,EAAAA,EAAA3C,GAE7C,EAED,MAAM4C,EAAmB,KACvBtC,EAAU,IACVG,EAAe,OACfL,GAAsB,EAAE,EAG1B,MAAMyC,EAAUxB,IAEhByB,EAAAA,WAAU,cACPhC,EAAAhB,IAAA,MAAAA,kBAAAA,EAAQG,oBAAgB,MAAAa,SAAA,OAAA,EAAAA,EAAEiC,SAAS9C,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAkB8C,SAAUH,GAAkB,GACjF,CAAC3C,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkB8C,OAAOpB,EAAA7B,IAAA,MAAAA,kBAAAA,EAAQG,oBAAkB,MAAA0B,SAAA,OAAA,EAAAA,EAAAoB,QAEvDD,EAAAA,WAAU,KACR,MAAME,GACHH,IACArC,EACH,GAAIwC,EACFJ,GACD,GACA,CAACpC,EAAaqC,IAEjB,MAAO,CACLtB,eACAd,iBACAwC,cAAeJ,EACfK,gBAAiBrC,EACjBF,iBACAN,SACAG,cACD"}