@onewelcome/react-lib-components 6.1.0 → 6.3.0

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

@@ -83,14 +83,17 @@ export { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrappe
 export type { Props as InputWrapperProps } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
 export { Label } from "./components/Form/Label/Label";
 export type { Props as LabelProps } from "./components/Form/Label/Label";
-export { Option } from "./components/Form/Select/Option";
-export type { Props as OptionProps } from "./components/Form/Select/Option";
 export { Radio } from "./components/Form/Radio/Radio";
 export type { Props as RadioProps } from "./components/Form/Radio/Radio";
 export { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
 export type { Props as RadioWrapperProps } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
-export { Select } from "./components/Form/Select/Select";
-export type { Props as SelectProps } from "./components/Form/Select/Select";
+export { Select } from "./components/Form/Select/SingleSelect/Select";
+export { MultiSelect } from "./components/Form/Select/MultiSelect/MultiSelect";
+export type { SingleSelectProps, MultiSelectProps, SingleSelectProps as SelectProps } from "./components/Form/Select/Select.interfaces";
+export { Option } from "./components/Form/Select/SingleSelect/Option";
+export type { Props as OptionProps } from "./components/Form/Select/SingleSelect/Option";
+export { MultiOption } from "./components/Form/Select/MultiSelect/MultiOption";
+export type { Props as MultiOptionProps } from "./components/Form/Select/MultiSelect/MultiOption";
 export { Textarea } from "./components/Form/Textarea/Textarea";
 export type { Props as TextareaProps } from "./components/Form/Textarea/Textarea";
 export { Toggle } from "./components/Form/Toggle/Toggle";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/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":"y9BA8CA,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,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGF,OAAOC,EAAMC,SAASC,IAAI9B,GAAW+B,UACnC,GAAIjB,EAAkBkB,SAASD,EAAME,QAAUvB,EAC7C,OAAOkB,EAAMM,aAAaH,EAAO,CAC/BvB,YAAUuB,EAAMI,MAAM3B,+BAAYA,IAItC,OAAOuB,CAAK,GACZ,EAGJ,OACEH,EACMQ,cAAA,WAAA,IAAAzB,EACJC,IAAKA,EACLJ,SAAUA,EACV6B,MAAO,CAAEC,gBAAiBhC,KAAeK,EAAK0B,OAC9CpC,UAAW,GAAGsC,EAAQC,YAAYjC,EAAYgC,EAAQ,cAAgB,MAAMtC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU0B,EAAQQ,cAAA,SAAA,CAAAnC,UAAWwC,EAAa,YAAavC,GACvDA,IAAWE,GACVwB,EAAAQ,cAACM,EACC,CAAAC,QAASxC,EACTyC,IAAI,qBACQ,OACZ3C,UAAW,GAAGsC,EAAQ,aAAa9B,EAAW8B,EAAQ,YAAc,MAEnErC,GAGJW,IAEH,EAGS,MAAAgC,EAAWjB,EAAMkB,WAAW/C"}
+{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n        React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n        (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n        So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["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":"6iCA+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,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGF,OAAOC,EAAMC,SAASC,IAAI/B,GAAWgC,UACnC,GAAIlB,EAAkBmB,SAASD,EAAME,QAAUxB,EAC7C,OAAOmB,EAAMM,aAAaH,EAAO,CAC/BxB,YAAUwB,EAAMI,MAAM5B,+BAAYA,IAItC,OAAOwB,CAAK,GACZ,EAGJ,OACEH,EACMQ,cAAA,WAAA,IAAA1B,EACJC,IAAKA,EACLJ,SAAUA,EACV8B,MAAO,CAAEC,gBAAiBjC,KAAeK,EAAK2B,OAC9CrC,UAAW,GAAGuC,EAAQC,YAAYlC,EAAYiC,EAAQ,cAAgB,MAAMvC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU2B,EAAQQ,cAAA,SAAA,CAAApC,UAAWyC,EAAa,YAAaxC,GACvDA,IAAWE,GACVyB,EAAAQ,cAACM,EACC,CAAAC,QAASzC,EACT0C,IAAI,qBACQ,OACZ5C,UAAW,GAAGuC,EAAQ,aAAa/B,EAAW+B,EAAQ,YAAc,MAEnEtC,GAGJW,IAEH,EAGS,MAAAiC,EAAWjB,EAAMkB,WAAWhD"}

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

@@ -0,0 +1,2 @@
+import e from"react";import{Option as r}from"../SingleSelect/Option.esm.js";const t=({fixed:t,...o},f)=>e.createElement(r,{ref:f,...o});const o=e.forwardRef(t);export{o as MultiOption};
+//# sourceMappingURL=MultiOption.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiOption.esm.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":"4EAuBA,MAAMA,EAAuE,EACzEC,MAAOC,KAAWC,GACpBC,IAEOC,EAAAC,cAACC,EAAa,CAAAH,IAAKA,KAASD,IAGxB,MAAAK,EAAcH,EAAMI,WAAWT"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.esm.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/esm/Form/Select/MultiSelect/MultiSelect.module.esm.js

@@ -0,0 +1,2 @@
+import e from "../../../../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(l);export{i as default};
+//# sourceMappingURL=MultiSelect.module.esm.js.map

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

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

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

@@ -0,0 +1,2 @@
+import t from"react";import e from"./SelectButton.module.esm.js";const o=({onClick:o,name:n,...m},r)=>t.createElement("button",{...m,className:e["add-btn"],onClick:o,ref:r,type:"button",name:n});const n=t.forwardRef(o);export{n as SelectButton};
+//# sourceMappingURL=SelectButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.esm.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":"iEAqBA,MAAMA,EAA4E,EAC9EC,UAASC,UAASC,GACpBC,IAGEC,EAAAC,cAAA,SAAA,IACMH,EACJI,UAAWC,EAAQ,WACnBP,QAASA,EACTG,IAAKA,EACLK,KAAK,SACLP,KAAMA,IAIC,MAAAQ,EAAeL,EAAMM,WAAWX"}

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

@@ -0,0 +1,2 @@
+import e from "../../../../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(l);export{I as default};
+//# sourceMappingURL=SelectButton.module.esm.js.map

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

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

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

@@ -0,0 +1,2 @@
+import e from"react";import{Tag as o}from"../../../Tag/Tag.esm.js";import a from"./SelectedOptions.module.esm.js";const r=({display:r,onRemove:t,disabled:s,...m},l)=>e.createElement("div",{...m,className:a["options"],ref:l},Object.entries(r).map((([r,m])=>e.createElement(o,{key:r,onClick:e=>{e.stopPropagation()},className:a["tag"],removeButton:!s&&!m.fixed?{onRemove:e=>{e.stopPropagation();t(r)},className:a["remove-btn"]}:void 0,backgroundColor:"var(--color-blue-grey100)",shape:"sharp"},m.label))));const t=e.forwardRef(r);export{t as SelectedOptions};
+//# sourceMappingURL=SelectedOptions.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedOptions.esm.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":"kHAgCA,MAAMA,EAA4E,EAC9EC,UAASC,WAAUC,cAAaC,GAClCC,IAGEC,0BAASF,EAAMG,UAAWC,EAAQ,WAAYH,IAAKA,GAChDI,OAAOC,QAAQT,GAASU,KAAI,EAAEC,EAAOC,KACpCP,EAAAQ,cAACC,EACC,CAAAC,IAAKJ,EACLK,QAAUC,IACRA,EAAEC,iBAAiB,EAErBZ,UAAWC,EAAQ,OACnBY,cACGjB,IAAaU,EAAKQ,MACf,CACEnB,SAAWgB,IACTA,EAAEC,kBACFjB,EAASU,EAAM,EAEjBL,UAAWC,EAAQ,oBAErBc,EAENC,gBAAgB,4BAChBC,MAAM,SAELX,EAAKY,UAOH,MAAAC,EAAkBpB,EAAMqB,WAAW3B"}

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

@@ -0,0 +1,2 @@
+import e from "../../../../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(l);export{i as default};
+//# sourceMappingURL=SelectedOptions.module.esm.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as t}from"react";const n=({expanded:e,setExpanded:t,isSearching:n,setIsSearching:r,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:s,searchInputRef:a,addBtnRef:u,renderThreshold:l})=>{const d=d=>{var f;const p=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];const h=["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"];const g=(u===null||u===void 0?void 0:u.current)===document.activeElement;if(e)p.push("Tab");if(u)h.push("Tab");if(p.includes(d.code)&&!d.metaKey&&!n)d.preventDefault();if(n&&h.includes(d.code))d.preventDefault();if(n)switch(d.code){case"ArrowDown":case"Enter":r(false);o(0);return;case"ArrowUp":r(false);o(c-1);return;case"Escape":r(false);t(false);return;case"Tab":if(u===null||u===void 0?void 0:u.current){u.current.focus();return}r(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&&!g){r(true);(f=a.current)===null||f===void 0?void 0:f.focus();return}else if((u===null||u===void 0?void 0:u.current)&&e&&!g){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:n,optionListReference:r,addBtnRef:o,containerReference:i})=>{const[c,s]=e("none");const[a,u]=e(0);const[l,d]=e({});t((()=>{f()}),[n]);const f=()=>{if(!n||!r.current||!i.current)return;const e=i.current.getBoundingClientRect().bottom;const t=window.innerHeight-i.current.getBoundingClientRect().top;let o={top:"2.75rem",bottom:"initial"};if(e>t)o={top:"initial",bottom:"2.75rem"};d(o);p(o)};const p=e=>{var t,n,c;const a=(t=r.current)===null||t===void 0?void 0:t.getBoundingClientRect().height;const l=(c=(n=o.current)===null||n===void 0?void 0:n.getBoundingClientRect().height)!==null&&c!==void 0?c:0;const d=e.top!=="initial"?"top":"bottom";if(!i.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-i.current.getBoundingClientRect().bottom-16:i.current.getBoundingClientRect().top-16;if(a&&f<a+l){s(`${f}px`);u(100);return}s("none");u(100)};return{optionsListMaxHeight:c,opacity:a,setOpacity:u,listPosition:l,setListPosition:d}};export{n as useArrowNavigation,r as useSelectPositionList};
+import{useState as e,useEffect as t}from"react";const r=({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 n=({expanded:r,optionListReference:n,addBtnRef:o,containerReference:i})=>{const[c,s]=e({wrapper:void 0,list:void 0});const[a,u]=e(0);const[l,d]=e({});t((()=>{p()}),[r]);const p=()=>{if(!r||!n.current||!i.current)return;const e=i.current.getBoundingClientRect().bottom;const t=window.innerHeight-i.current.getBoundingClientRect().top;let o={top:"2.75rem",bottom:"initial"};if(e>t)o={top:"initial",bottom:"2.75rem"};d(o);f(o)};const f=e=>{var t;const r=(t=n.current)===null||t===void 0?void 0:t.getBoundingClientRect().height;const c=o.current?o.current.getBoundingClientRect().height+parseInt(getComputedStyle(o.current).marginBottom):0;const a=e.top!=="initial"?"top":"bottom";if(!i.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=a==="top"?window.innerHeight-i.current.getBoundingClientRect().bottom-16:i.current.getBoundingClientRect().top-16;if(r&&l<r+c){const e={wrapper:`${l}px`,list:c>0?`${l-c}px`:"none"};s(e);u(100);return}s({wrapper:void 0,list:void 0});u(100)};return{optionsListMaxHeight:c,opacity:a,setOpacity:u,listPosition:l,setListPosition:d}};export{r as useArrowNavigation,n as useSelectPositionList};
 //# sourceMappingURL=SelectService.esm.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.esm.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":"0FA0CA,MAAMA,EAAkE,EAEpEC,WACAC,YACAC,aAAa,MACbC,cACAC,WACAC,eACAC,cACAC,aACAC,iBACAC,gBACAC,WACAC,QACAC,qBACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAoCE,IAE1DC,GAAU,KACR,GAAIf,GAAca,EAAeG,SAAWf,EAC1CY,EAAeG,QAAQC,OACxB,GACA,CAACjB,EAAYC,IAEhBc,GAAU,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,EACMC,cAAA,KAAA,IAAAV,EACJC,IAAKC,EAAc,aACPJ,EACZV,UAAW,GAAGC,EAAasB,EAAQ,mBAAqB,MACtDd,EAAWc,EAAQd,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,EAAMY,WAAWnC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.esm.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/esm/Form/Select/SingleSelect/Select.module.esm.js

@@ -0,0 +1,2 @@
+import e from "../../../../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(l);export{t as default};
+//# sourceMappingURL=Select.module.esm.js.map

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

@@ -0,0 +1,2 @@
+import e from"./useAddNewBtn.module.esm.js";import t,{useRef as n}from"react";const o=({addNew:o,filter:a})=>{var s;const d=n(null);const r=(s=o===null||o===void 0?void 0:o.label)!==null&&s!==void 0?s:"Create new";const l=()=>o&&t.createElement("button",{"data-testid":"select-action-button",className:e["action-button"],onClick:()=>o.onAddNew(a),ref:d,...o.btnProps},!a&&r,a&&t.createElement("span",{style:{fontWeight:"700"}},`"${a}"`),a&&` (${r.toLowerCase()})`);const i=o?e["has-sibling"]:"";return{addNewBtnOptionsContainerClassName:i,renderAddNew:l,addBtnRef:d}};export{o as useAddNewBtn};
+//# sourceMappingURL=useAddNewBtn.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddNewBtn.esm.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":"8EA0Ba,MAAAA,EAAe,EAAGC,SAAQC,mBACrC,MAAMC,EAAYC,EAA0B,MAE5C,MAAMC,GAAcC,EAAAL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQM,SAAS,MAAAD,SAAA,EAAAA,EAAA,aAErC,MAAME,EAAe,IACnBP,GACEQ,EACeC,cAAA,SAAA,CAAA,cAAA,uBACbC,UAAWC,EAAQ,iBACnBC,QAAS,IAAMZ,EAAOa,SAASZ,GAC/Ba,IAAKZ,KACDF,EAAOe,WAETd,GAAUG,EACXH,GAAUO,EAAAC,cAAA,OAAA,CAAMO,MAAO,CAAEC,WAAY,QAAU,IAAIhB,MACnDA,GAAU,KAAKG,EAAYc,kBAIlC,MAAMC,EAAqCnB,EAASW,EAAQ,eAAiB,GAE7E,MAAO,CACLQ,qCACAZ,eACAL,YACD"}

package/dist/esm/Form/Select/useAddNewBtn.module.esm.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.esm.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":"mHAoCaA,EAAY,EACvBC,SACAC,eACAC,oBACAC,mBACAC,uBACAC,WACAC,mCAEA,MAAOC,EAAQC,GAAaC,EAAS,IACrC,MAAOC,EAAaC,GAAkBF,EAAS,OAE/C,MAAMG,EAA2B,GAEjC,MAAMC,EAAiBC,EAAyB,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,EAACC,cAAAC,EACK,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,GAAU,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,GAAU,KACR,MAAME,GACHH,IACArC,EACH,GAAIwC,EACFJ,GACD,GACA,CAACpC,EAAaqC,IAEjB,MAAO,CACLtB,eACAd,iBACAwC,cAAeJ,EACfK,gBAAiBrC,EACjBF,iBACAN,SACAG,cACD"}