@onewelcome/react-lib-components 8.5.0 → 8.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Form/Checkbox/Checkbox.cjs.js +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.cjs.js.map +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Fieldset/Fieldset.cjs.js +1 -1
- package/dist/cjs/Form/Fieldset/Fieldset.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Input/Input.cjs.js +1 -1
- package/dist/cjs/Form/Input/Input.cjs.js.map +1 -1
- package/dist/cjs/Form/Input/Input.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Radio/Radio.cjs.js +1 -1
- package/dist/cjs/Form/Radio/Radio.cjs.js.map +1 -1
- package/dist/cjs/Form/Radio/Radio.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/SelectedOptions.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/useArrowNavigation.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/useArrowNavigation.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/MultiSelect/useMultiSelect.cjs.js +2 -0
- package/dist/cjs/Form/Select/MultiSelect/useMultiSelect.cjs.js.map +1 -0
- package/dist/cjs/Form/Select/Select.interfaces.cjs.js +2 -0
- package/dist/cjs/Form/Select/Select.interfaces.cjs.js.map +1 -0
- package/dist/cjs/Form/Select/SingleSelect/Select.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/Select.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/SingleSelect/Select.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/useArrowNavigation.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/useArrowNavigation.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/useSelectPositionList.cjs.js +1 -1
- package/dist/cjs/Form/Select/useSelectPositionList.cjs.js.map +1 -1
- package/dist/cjs/Form/Textarea/Textarea.cjs.js +1 -1
- package/dist/cjs/Form/Textarea/Textarea.cjs.js.map +1 -1
- package/dist/cjs/Form/Textarea/Textarea.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/Wrapper/Wrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map +1 -1
- package/dist/cjs/src/components/Form/Checkbox/Checkbox.d.ts +1 -1
- package/dist/cjs/src/components/Form/Fieldset/Fieldset.d.ts +1 -1
- package/dist/cjs/src/components/Form/FileUpload/FileItem/FileItem.d.ts +1 -1
- package/dist/cjs/src/components/Form/FileUpload/FileUpload.d.ts +6 -1
- package/dist/cjs/src/components/Form/Input/Input.d.ts +2 -1
- package/dist/cjs/src/components/Form/Radio/Radio.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/useArrowNavigation.d.ts +2 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/useMultiSelect.d.ts +16 -0
- package/dist/cjs/src/components/Form/Select/MultiSelect/useMultiSelect.test.d.ts +1 -0
- package/dist/cjs/src/components/Form/Select/Select.interfaces.d.ts +6 -4
- package/dist/cjs/src/components/Form/Select/SingleSelect/Select.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/SingleSelect/useArrowNavigation.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/useSelectPositionList.d.ts +2 -2
- package/dist/cjs/src/components/Form/Textarea/Textarea.d.ts +2 -1
- package/dist/cjs/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts +2 -1
- package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/cjs/src/components/withReadOnly.d.ts +8 -0
- package/dist/cjs/src/components/withReadOnly.test.d.ts +1 -0
- package/dist/cjs/src/index.cjs.js +1 -1
- package/dist/cjs/src/index.d.ts +1 -0
- package/dist/cjs/src/util/unitTestUtils.d.ts +12 -0
- package/dist/cjs/withReadOnly.cjs.js +2 -0
- package/dist/cjs/withReadOnly.cjs.js.map +1 -0
- package/dist/esm/Form/Checkbox/Checkbox.esm.js +2 -1
- package/dist/esm/Form/Checkbox/Checkbox.esm.js.map +1 -1
- package/dist/esm/Form/Checkbox/Checkbox.module.scss.esm.js +1 -1
- package/dist/esm/Form/Fieldset/Fieldset.esm.js +2 -1
- package/dist/esm/Form/Fieldset/Fieldset.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js +10 -3
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileItem/FileItem.module.scss.esm.js +1 -1
- package/dist/esm/Form/FileUpload/FileUpload.esm.js +9 -6
- package/dist/esm/Form/FileUpload/FileUpload.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileUpload.module.scss.esm.js +2 -2
- package/dist/esm/Form/FormHelperText/FormHelperText.module.scss.esm.js +1 -1
- package/dist/esm/Form/Input/Input.esm.js +7 -5
- package/dist/esm/Form/Input/Input.esm.js.map +1 -1
- package/dist/esm/Form/Input/Input.module.scss.esm.js +2 -2
- package/dist/esm/Form/Radio/Radio.esm.js +2 -1
- package/dist/esm/Form/Radio/Radio.esm.js.map +1 -1
- package/dist/esm/Form/Radio/Radio.module.scss.esm.js +1 -1
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js +24 -13
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/SelectedOptions.module.scss.esm.js +1 -1
- package/dist/esm/Form/Select/MultiSelect/useArrowNavigation.esm.js +4 -1
- package/dist/esm/Form/Select/MultiSelect/useArrowNavigation.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/useMultiSelect.esm.js +63 -0
- package/dist/esm/Form/Select/MultiSelect/useMultiSelect.esm.js.map +1 -0
- package/dist/esm/Form/Select/Select.interfaces.esm.js +23 -0
- package/dist/esm/Form/Select/Select.interfaces.esm.js.map +1 -0
- package/dist/esm/Form/Select/SingleSelect/Select.esm.js +20 -15
- package/dist/esm/Form/Select/SingleSelect/Select.esm.js.map +1 -1
- package/dist/esm/Form/Select/SingleSelect/Select.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/SingleSelect/useArrowNavigation.esm.js +4 -1
- package/dist/esm/Form/Select/SingleSelect/useArrowNavigation.esm.js.map +1 -1
- package/dist/esm/Form/Select/useSelectPositionList.esm.js +5 -4
- package/dist/esm/Form/Select/useSelectPositionList.esm.js.map +1 -1
- package/dist/esm/Form/Textarea/Textarea.esm.js +12 -5
- package/dist/esm/Form/Textarea/Textarea.esm.js.map +1 -1
- package/dist/esm/Form/Textarea/Textarea.module.scss.esm.js +1 -1
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js +4 -1
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js +4 -2
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.module.scss.esm.js +1 -1
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js +3 -2
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js +17 -10
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js +5 -2
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js +20 -10
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/Wrapper/Wrapper.module.scss.esm.js +1 -1
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js +2 -0
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js.map +1 -1
- package/dist/esm/src/components/Form/Checkbox/Checkbox.d.ts +1 -1
- package/dist/esm/src/components/Form/Fieldset/Fieldset.d.ts +1 -1
- package/dist/esm/src/components/Form/FileUpload/FileItem/FileItem.d.ts +1 -1
- package/dist/esm/src/components/Form/FileUpload/FileUpload.d.ts +6 -1
- package/dist/esm/src/components/Form/Input/Input.d.ts +2 -1
- package/dist/esm/src/components/Form/Radio/Radio.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/useArrowNavigation.d.ts +2 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/useMultiSelect.d.ts +16 -0
- package/dist/esm/src/components/Form/Select/MultiSelect/useMultiSelect.test.d.ts +1 -0
- package/dist/esm/src/components/Form/Select/Select.interfaces.d.ts +6 -4
- package/dist/esm/src/components/Form/Select/SingleSelect/Select.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/SingleSelect/useArrowNavigation.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/useSelectPositionList.d.ts +2 -2
- package/dist/esm/src/components/Form/Textarea/Textarea.d.ts +2 -1
- package/dist/esm/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts +2 -1
- package/dist/esm/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/esm/src/components/withReadOnly.d.ts +8 -0
- package/dist/esm/src/components/withReadOnly.test.d.ts +1 -0
- package/dist/esm/src/index.d.ts +1 -0
- package/dist/esm/src/index.esm.js +1 -0
- package/dist/esm/src/index.esm.js.map +1 -1
- package/dist/esm/src/util/unitTestUtils.d.ts +12 -0
- package/dist/esm/withReadOnly.esm.js +70 -0
- package/dist/esm/withReadOnly.esm.js.map +1 -0
- package/package.json +15 -15
- package/src/components/Form/Checkbox/Checkbox.module.scss +70 -0
- package/src/components/Form/Checkbox/Checkbox.tsx +2 -1
- package/src/components/Form/Fieldset/Fieldset.tsx +2 -1
- package/src/components/Form/FileUpload/FileItem/FileItem.module.scss +16 -0
- package/src/components/Form/FileUpload/FileItem/FileItem.tsx +17 -3
- package/src/components/Form/FileUpload/FileUpload.module.scss +57 -1
- package/src/components/Form/FileUpload/FileUpload.tsx +16 -6
- package/src/components/Form/FormHelperText/FormHelperText.module.scss +4 -0
- package/src/components/Form/Input/Input.module.scss +26 -0
- package/src/components/Form/Input/Input.tsx +10 -1
- package/src/components/Form/Radio/Radio.module.scss +46 -0
- package/src/components/Form/Radio/Radio.tsx +2 -1
- package/src/components/Form/Select/MultiSelect/MultiSelect.module.scss +35 -1
- package/src/components/Form/Select/MultiSelect/MultiSelect.tsx +41 -26
- package/src/components/Form/Select/MultiSelect/SelectedOptions.module.scss +8 -0
- package/src/components/Form/Select/MultiSelect/useArrowNavigation.ts +6 -1
- package/src/components/Form/Select/MultiSelect/useMultiSelect.tsx +98 -0
- package/src/components/Form/Select/Select.interfaces.ts +6 -4
- package/src/components/Form/Select/SingleSelect/Select.module.scss +60 -1
- package/src/components/Form/Select/SingleSelect/Select.tsx +30 -25
- package/src/components/Form/Select/SingleSelect/useArrowNavigation.ts +6 -1
- package/src/components/Form/Select/useSelectPositionList.ts +4 -4
- package/src/components/Form/Textarea/Textarea.module.scss +24 -0
- package/src/components/Form/Textarea/Textarea.tsx +24 -3
- package/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.tsx +4 -1
- package/src/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss +14 -0
- package/src/components/Form/Wrapper/InputWrapper/InputWrapper.tsx +4 -2
- package/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx +3 -1
- package/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx +17 -12
- package/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.tsx +6 -1
- package/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss +43 -0
- package/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx +45 -20
- package/src/components/Form/Wrapper/Wrapper/Wrapper.module.scss +6 -0
- package/src/components/_BaseStyling_/BaseStyling.tsx +4 -0
- package/src/components/withReadOnly.tsx +112 -0
- package/src/index.ts +1 -0
- package/src/mixins.module.scss +6 -0
- package/src/util/unitTestUtils.ts +32 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.MultiSelect-module_sr-only__75-oC{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.MultiSelect-module_hidden__-Ckqq{display:none}.MultiSelect-module_slide-in__Rzibv{animation:MultiSelect-module_slide-in__Rzibv .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-in__Rzibv{animation-duration:.1ms}}.MultiSelect-module_slide-out__U1BmE{animation:MultiSelect-module_slide-out__U1BmE .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-out__U1BmE{animation-duration:.1ms}}@keyframes MultiSelect-module_slide-in__Rzibv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect-module_slide-out__U1BmE{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.MultiSelect-module_select__y-QUg{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect-module_select__y-QUg.MultiSelect-module_expanded__E9rNh .MultiSelect-module_list-wrapper__aQWKE{background:var(--light)}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.MultiSelect-module_select__y-QUg:hover:not(.MultiSelect-module_disabled__nlmBY):not(.MultiSelect-module_expanded__E9rNh):not(.MultiSelect-module_error__uPGpV) .MultiSelect-module_custom-select__QumXf:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{background-color:initial;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-sizing:border-box;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf:focus{outline:0}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV{border-color:var(--error)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV:focus{border-width:var(--input-border-width-focus)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_disabled__nlmBY{border-color:var(--color-disabled);pointer-events:none}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf .MultiSelect-module_display-container__rwtMP{align-items:center;display:flex;flex:1;gap:.375rem;padding:.1875rem 0}.MultiSelect-module_select__y-QUg .MultiSelect-module_list-wrapper__aQWKE{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 #01053233;box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.MultiSelect-module_select__y-QUg ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:25rem;overflow:auto;padding:.25rem 0;text-align:left;width:100%}.MultiSelect-module_select__y-QUg ul li{box-sizing:border-box;cursor:pointer;font-size:var(--form-control-font-size);line-height:1.25rem;margin:0;min-height:2.5rem;padding:.62rem .75rem;position:relative}.MultiSelect-module_select__y-QUg ul li:after{background-color:initial;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_focus__BZC-P,.MultiSelect-module_select__y-QUg ul li:focus{outline:none}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_focus__BZC-P:before,.MultiSelect-module_select__y-QUg ul li:focus:before{border-radius:var(--focus-border-radius);content:"";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.MultiSelect-module_select__y-QUg ul li:active:after,.MultiSelect-module_select__y-QUg ul li:hover:after{background-color:var(--color-primary)}.MultiSelect-module_select__y-QUg ul li:active:after{opacity:.1}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_disabled__nlmBY{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.MultiSelect-module_status__lsG4B{align-items:center;display:flex;padding:.3125rem}.MultiSelect-module_status__lsG4B [data-icon-status=success]{color:var(--success);font-size:1.25rem}.MultiSelect-module_status__lsG4B [data-icon-status=error]{color:var(--error);font-size:1.25rem}.MultiSelect-module_status__lsG4B .MultiSelect-module_chevron-icon__FwyQP{color:var(--default);font-size:.625rem}.MultiSelect-module_status__lsG4B *+*{margin-left:1.25rem}.MultiSelect-module_placeholder__TeCro{color:var(--greyed-out)}.MultiSelect-module_select-search__HgYiO{background-color:initial;border:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;color:var(--default);flex:1;font-family:var(--font-family);line-height:1.3333;margin:0;padding:0}.MultiSelect-module_select-search__HgYiO:focus,.MultiSelect-module_select-search__HgYiO:focus-visible{outline:none}.MultiSelect-module_disabled__nlmBY{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.MultiSelect-module_disabled__nlmBY>*{pointer-events:none}@media only screen and (min-width:30em){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{padding:0 calc(.5rem - var(--input-border-width))}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxrQ0FDRSxZQUNGLENBRUEsb0NBQ0UseURBQ0YsQ0FDQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBRUEscUNBQ0UsMERBQ0YsQ0FDQSx1Q0FDRSxxQ0FDRSx1QkFDRixDQUNGLENBRUEsOENBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLCtDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUtFLDhDQUErQyxDQUYvQyxRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUl0Qix1Q0FBd0MsQ0FMeEMsaUJBQWtCLENBT2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx3QkFDRixDQUNGLENBQ0EsaURBQ0UsMEJBQTJCLENBQzNCLDhCQUNGLENBQ0EsNkdBQ0UsdUJBQ0YsQ0FDQSxnS0FDRSwrREFBZ0UsQ0FDaEUsdURBQ0YsQ0FDQSxxTkFHRSx5Q0FBMEMsQ0FGMUMsMkJBQTRCLENBQzVCLHNDQUVGLENBQ0EsMkVBS0Usd0JBQTZCLENBQzdCLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQVB2QyxxQkFBc0IsQ0FTdEIsdUNBQXdDLENBUHhDLHVEQUEwRCxDQUMxRCxpREFBbUQsQ0FRbkQsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FYdkMsVUFZRixDQUNBLHVDQUNFLDJFQUNFLHdCQUNGLENBQ0YsQ0FDQSxpRkFDRSxTQUNGLENBQ0EsMkdBQ0UseUJBQ0YsQ0FDQSxpSEFDRSw0Q0FDRixDQUNBLDhHQUNFLGtDQUFtQyxDQUNuQyxtQkFDRixDQUNBLHdIQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsTUFBTyxDQUlQLFdBQWEsQ0FEYixrQkFFRixDQUNBLDBFQUNFLHFDQUFzQyxDQUd0Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQUV2QyxnQ0FBK0MsQ0FDL0MseUNBQXlELENBQ3pELHlDQUF5RCxDQUl6RCxNQUFPLENBRVAsYUFBYyxDQUxkLGlCQUFrQixDQUVsQixRQUFTLENBRVQsVUFBVyxDQUhYLFVBS0YsQ0FDQSxxQ0FNRSw2QkFBOEIsQ0FDOUIsd0NBQXlDLENBTnpDLHFCQUFzQixDQU90QixvQkFBcUIsQ0FIckIsZUFBZ0IsQ0FEaEIsUUFBUyxDQU9ULGdCQUFpQixDQURqQixhQUFjLENBUmQsZ0JBQWtCLENBT2xCLGVBQWdCLENBTmhCLFVBU0YsQ0FDQSx3Q0FNRSxxQkFBc0IsQ0FFdEIsY0FBZSxDQU5mLHVDQUF3QyxDQUd4QyxtQkFBb0IsQ0FGcEIsUUFBUyxDQUlULGlCQUFrQixDQU5sQixxQkFBd0IsQ0FHeEIsaUJBS0YsQ0FDQSw4Q0FLRSx3QkFBNkIsQ0FKN0IsVUFBVyxDQU1YLFdBQVksQ0FIWixNQUFPLENBSVAsV0FBYSxDQU5iLGlCQUFrQixDQUNsQixLQUFNLENBR04sVUFHRixDQUNBLHNIQUNFLFlBQ0YsQ0FDQSxvSUFXRSx3Q0FBeUMsQ0FWekMsVUFBVyxDQUlYLFdBQVksQ0FEWixZQUFjLENBR2QsU0FBVSxDQUVWLHdDQUEwQyxDQUMxQyxnQkFBaUIsQ0FSakIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTix5QkFBMkIsQ0FFM0IsV0FJRixDQUNBLHlHQUNFLHFDQUNGLENBQ0EscURBQ0UsVUFDRixDQUNBLDJFQUVFLGdDQUFpQyxDQURqQyx1QkFBd0IsQ0FFeEIsbUJBQ0YsQ0FFQSxrQ0FHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGdCQUdGLENBQ0EsNkRBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsMkRBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsMEVBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0NBQ0UsbUJBQ0YsQ0FFQSx1Q0FDRSx1QkFDRixDQUVBLHlDQU1FLHdCQUE2QixDQUQ3QixRQUFTLENBRlQsMkJBQTRCLENBQzVCLDRCQUE2QixDQUY3QixxQkFBc0IsQ0FLdEIsb0JBQXFCLENBTnJCLE1BQU8sQ0FPUCw4QkFBK0IsQ0FDL0Isa0JBQW1CLENBQ25CLFFBQVMsQ0FDVCxTQUNGLENBQ0Esc0dBQ0UsWUFDRixDQUVBLG9DQUdFLHlDQUEwQyxDQUQxQyx1QkFBd0IsQ0FEeEIsa0JBR0YsQ0FDQSxzQ0FDRSxtQkFDRixDQUVBLHdDQUNFLDJFQUNFLGlEQUNGLENBQ0EsZ0tBQ0UsdURBQ0YsQ0FDRiIsImZpbGUiOiJNdWx0aVNlbGVjdC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCBbZGF0YS1kaXNwbGF5XSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1kZWZhdWx0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn1cbi5zZWxlY3QuZXhwYW5kZWQgLmxpc3Qtd3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWxpZ2h0KTtcbn1cbi5zZWxlY3Q6bm90KC5leHBhbmRlZCkgLmN1c3RvbS1zZWxlY3Q6Zm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXI6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykgc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSk7XG59XG4uc2VsZWN0OmhvdmVyOm5vdCguZGlzYWJsZWQpOm5vdCguZXhwYW5kZWQpOm5vdCguZXJyb3IpIC5jdXN0b20tc2VsZWN0Om5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMi42MjVyZW0gLSAyICogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3I6Zm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCAuZGlzcGxheS1jb250YWluZXIge1xuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMDtcbiAgZ2FwOiAwLjM3NXJlbTtcbn1cbi5zZWxlY3QgLmxpc3Qtd3JhcHBlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJveC1zaGFkb3c6IDBweCA0cHggNXB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjIpO1xuICBib3gtc2hhZG93OiAwcHggM3B4IDE0cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMTIxNTY4NjI3NSk7XG4gIGJveC1zaGFkb3c6IDBweCA4cHggMTBweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xNDExNzY0NzA2KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMTtcbiAgdG9wOiA0NHB4O1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvcGFjaXR5OiAwLjA1O1xufVxuLnNlbGVjdCB1bCBsaTpmb2N1cywgLnNlbGVjdCB1bCBsaS5mb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzOjpiZWZvcmUsIC5zZWxlY3QgdWwgbGkuZm9jdXM6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwLjEyNXJlbTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMC4yNXJlbSk7XG4gIG9wYWNpdHk6IDE7XG4gIHotaW5kZXg6IDEwMTtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyOmFmdGVyLCAuc2VsZWN0IHVsIGxpOmFjdGl2ZTphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBvcGFjaXR5OiAwLjE7XG59XG4uc2VsZWN0IHVsIGxpLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcGFkZGluZzogMC4zMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBmbGV4OiAxO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBsaW5lLWhlaWdodDogMS4zMzMzO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG59XG4uc2VsZWN0LXNlYXJjaDpmb2N1cy12aXNpYmxlLCAuc2VsZWN0LXNlYXJjaDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLmRpc2FibGVkID4gKiB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICB9XG4gIC5zZWxlY3Q6bm90KC5leHBhbmRlZCkgLmN1c3RvbS1zZWxlY3Q6Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */'),exports.default={"sr-only":"MultiSelect-module_sr-only__75-oC",hidden:"MultiSelect-module_hidden__-Ckqq","slide-in":"MultiSelect-module_slide-in__Rzibv","slide-out":"MultiSelect-module_slide-out__U1BmE",select:"MultiSelect-module_select__y-QUg",expanded:"MultiSelect-module_expanded__E9rNh","list-wrapper":"MultiSelect-module_list-wrapper__aQWKE","custom-select":"MultiSelect-module_custom-select__QumXf",error:"MultiSelect-module_error__uPGpV",disabled:"MultiSelect-module_disabled__nlmBY","display-container":"MultiSelect-module_display-container__rwtMP",focus:"MultiSelect-module_focus__BZC-P",status:"MultiSelect-module_status__lsG4B","chevron-icon":"MultiSelect-module_chevron-icon__FwyQP",placeholder:"MultiSelect-module_placeholder__TeCro","select-search":"MultiSelect-module_select-search__HgYiO"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.MultiSelect-module_sr-only__75-oC{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.MultiSelect-module_hidden__-Ckqq{display:none}.MultiSelect-module_slide-in__Rzibv{animation:MultiSelect-module_slide-in__Rzibv .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-in__Rzibv{animation-duration:.1ms}}.MultiSelect-module_slide-out__U1BmE{animation:MultiSelect-module_slide-out__U1BmE .5s forwards}@media (prefers-reduced-motion:reduce){.MultiSelect-module_slide-out__U1BmE{animation-duration:.1ms}}@keyframes MultiSelect-module_slide-in__Rzibv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect-module_slide-out__U1BmE{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.MultiSelect-module_select__y-QUg{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect-module_select__y-QUg.MultiSelect-module_expanded__E9rNh .MultiSelect-module_list-wrapper__aQWKE{background:var(--light)}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.MultiSelect-module_select__y-QUg:hover:not(.MultiSelect-module_disabled__nlmBY):not(.MultiSelect-module_expanded__E9rNh):not(.MultiSelect-module_error__uPGpV) .MultiSelect-module_custom-select__QumXf:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{background-color:initial;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-sizing:border-box;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{transition-duration:.1ms}}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf:focus{outline:0}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV{border-color:var(--error)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV:focus{border-width:var(--input-border-width-focus)}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf.MultiSelect-module_disabled__nlmBY{border-color:var(--color-disabled);pointer-events:none}.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf .MultiSelect-module_display-container__rwtMP{align-items:center;display:flex;flex:1;gap:.375rem;padding:.1875rem 0}.MultiSelect-module_select__y-QUg .MultiSelect-module_list-wrapper-container__mMZns{position:relative}.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;width:100%;z-index:11}.MultiSelect-module_select__y-QUg ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:25rem;overflow:auto;padding:.25rem 0;text-align:left;width:100%}.MultiSelect-module_select__y-QUg ul li{box-sizing:border-box;cursor:pointer;font-size:var(--form-control-font-size);line-height:1.25rem;margin:0;min-height:2.5rem;padding:.62rem .75rem;position:relative}.MultiSelect-module_select__y-QUg ul li:after{background-color:initial;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_focus__BZC-P,.MultiSelect-module_select__y-QUg ul li:focus{outline:none}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_focus__BZC-P:before,.MultiSelect-module_select__y-QUg ul li:focus:before{border-radius:var(--focus-border-radius);content:"";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.MultiSelect-module_select__y-QUg ul li:active:after,.MultiSelect-module_select__y-QUg ul li:hover:after{background-color:var(--color-primary)}.MultiSelect-module_select__y-QUg ul li:active:after{opacity:.1}.MultiSelect-module_select__y-QUg ul li.MultiSelect-module_disabled__nlmBY{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.MultiSelect-module_status__lsG4B{align-items:center;display:flex;padding:.3125rem}.MultiSelect-module_status__lsG4B [data-icon-status=success]{color:var(--success);font-size:1.25rem}.MultiSelect-module_status__lsG4B [data-icon-status=error]{color:var(--error);font-size:1.25rem}.MultiSelect-module_status__lsG4B .MultiSelect-module_chevron-icon__FwyQP{color:var(--default);font-size:.625rem}.MultiSelect-module_status__lsG4B *+*{margin-left:1.25rem}.MultiSelect-module_placeholder__TeCro{color:var(--greyed-out)}.MultiSelect-module_select-search__HgYiO{background-color:initial;border:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;color:var(--default);flex:1;font-family:var(--font-family);line-height:1.3333;margin:0;padding:0}.MultiSelect-module_select-search__HgYiO:focus,.MultiSelect-module_select-search__HgYiO:focus-visible{outline:none}.MultiSelect-module_disabled__nlmBY{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.MultiSelect-module_disabled__nlmBY>*{pointer-events:none}@media only screen and (min-width:30em){.MultiSelect-module_select__y-QUg .MultiSelect-module_custom-select__QumXf{padding:0 calc(.5rem - var(--input-border-width))}.MultiSelect-module_select__y-QUg:not(.MultiSelect-module_expanded__E9rNh) .MultiSelect-module_custom-select__QumXf:focus:not(.MultiSelect-module_error__uPGpV){padding:0 calc(.5rem - var(--input-border-width-focus))}}[data-readonlyview=true] .MultiSelect-module_custom-select__QumXf{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}[data-readonlyview=true] .MultiSelect-module_custom-select__QumXf.MultiSelect-module_error__uPGpV,[data-readonlyview=true] .MultiSelect-module_custom-select__QumXf.MultiSelect-module_success__0ejtW{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect-module_custom-select__QumXf button{pointer-events:none}[data-readonlyview=true] .MultiSelect-module_status__lsG4B .MultiSelect-module_chevron-icon__FwyQP{visibility:hidden}[data-readonlyview=true]: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-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxrQ0FDRSxZQUNGLENBRUEsb0NBQ0UseURBQ0YsQ0FDQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBRUEscUNBQ0UsMERBQ0YsQ0FDQSx1Q0FDRSxxQ0FDRSx1QkFDRixDQUNGLENBRUEsOENBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLCtDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUtFLDhDQUErQyxDQUYvQyxRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUl0Qix1Q0FBd0MsQ0FMeEMsaUJBQWtCLENBT2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx3QkFDRixDQUNGLENBQ0EsaURBQ0UsMEJBQTJCLENBQzNCLDhCQUNGLENBQ0EsNkdBQ0UsdUJBQ0YsQ0FDQSxnS0FDRSwrREFBZ0UsQ0FDaEUsdURBQ0YsQ0FDQSxxTkFHRSx5Q0FBMEMsQ0FGMUMsMkJBQTRCLENBQzVCLHNDQUVGLENBQ0EsMkVBS0Usd0JBQTZCLENBQzdCLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQVB2QyxxQkFBc0IsQ0FTdEIsdUNBQXdDLENBUHhDLHVEQUEwRCxDQUMxRCxpREFBbUQsQ0FRbkQsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FYdkMsVUFZRixDQUNBLHVDQUNFLDJFQUNFLHdCQUNGLENBQ0YsQ0FDQSxpRkFDRSxTQUNGLENBQ0EsMkdBQ0UseUJBQ0YsQ0FDQSxpSEFDRSw0Q0FDRixDQUNBLDhHQUNFLGtDQUFtQyxDQUNuQyxtQkFDRixDQUNBLHdIQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsTUFBTyxDQUlQLFdBQWEsQ0FEYixrQkFFRixDQUNBLG9GQUNFLGlCQUNGLENBQ0EsMEVBQ0UscUNBQXNDLENBR3RDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBRXZDLGdDQUErQyxDQUMvQyx5Q0FBeUQsQ0FDekQseUNBQXlELENBR3pELE1BQU8sQ0FFUCxhQUFjLENBSmQsaUJBQWtCLENBR2xCLFVBQVcsQ0FGWCxVQUlGLENBQ0EscUNBTUUsNkJBQThCLENBQzlCLHdDQUF5QyxDQU56QyxxQkFBc0IsQ0FPdEIsb0JBQXFCLENBSHJCLGVBQWdCLENBRGhCLFFBQVMsQ0FPVCxnQkFBaUIsQ0FEakIsYUFBYyxDQVJkLGdCQUFrQixDQU9sQixlQUFnQixDQU5oQixVQVNGLENBQ0Esd0NBTUUscUJBQXNCLENBRXRCLGNBQWUsQ0FOZix1Q0FBd0MsQ0FHeEMsbUJBQW9CLENBRnBCLFFBQVMsQ0FJVCxpQkFBa0IsQ0FObEIscUJBQXdCLENBR3hCLGlCQUtGLENBQ0EsOENBS0Usd0JBQTZCLENBSjdCLFVBQVcsQ0FNWCxXQUFZLENBSFosTUFBTyxDQUlQLFdBQWEsQ0FOYixpQkFBa0IsQ0FDbEIsS0FBTSxDQUdOLFVBR0YsQ0FDQSxzSEFDRSxZQUNGLENBQ0Esb0lBV0Usd0NBQXlDLENBVnpDLFVBQVcsQ0FJWCxXQUFZLENBRFosWUFBYyxDQUdkLFNBQVUsQ0FFVix3Q0FBMEMsQ0FDMUMsZ0JBQWlCLENBUmpCLGlCQUFrQixDQUNsQixLQUFNLENBR04seUJBQTJCLENBRTNCLFdBSUYsQ0FDQSx5R0FDRSxxQ0FDRixDQUNBLHFEQUNFLFVBQ0YsQ0FDQSwyRUFFRSxnQ0FBaUMsQ0FEakMsdUJBQXdCLENBRXhCLG1CQUNGLENBRUEsa0NBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixnQkFHRixDQUNBLDZEQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLDJEQUNFLGtCQUFtQixDQUNuQixpQkFDRixDQUNBLDBFQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLHNDQUNFLG1CQUNGLENBRUEsdUNBQ0UsdUJBQ0YsQ0FFQSx5Q0FNRSx3QkFBNkIsQ0FEN0IsUUFBUyxDQUZULDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBS3RCLG9CQUFxQixDQU5yQixNQUFPLENBT1AsOEJBQStCLENBQy9CLGtCQUFtQixDQUNuQixRQUFTLENBQ1QsU0FDRixDQUNBLHNHQUNFLFlBQ0YsQ0FFQSxvQ0FHRSx5Q0FBMEMsQ0FEMUMsdUJBQXdCLENBRHhCLGtCQUdGLENBQ0Esc0NBQ0UsbUJBQ0YsQ0FFQSx3Q0FDRSwyRUFDRSxpREFDRixDQUNBLGdLQUNFLHVEQUNGLENBQ0YsQ0FDQSxrRUFHRSxtQ0FBb0MsQ0FEcEMsMENBQTJDLENBRDNDLGlDQUdGLENBQ0Esc01BQ0UsMENBQ0YsQ0FDQSx5RUFDRSxtQkFDRixDQUNBLG1HQUNFLGlCQUNGLENBQ0EsNE1BR0UsbUNBQW9DLENBRHBDLDBDQUEyQyxDQUQzQyxpQ0FHRiIsImZpbGUiOiJNdWx0aVNlbGVjdC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCBbZGF0YS1kaXNwbGF5XSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1kZWZhdWx0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn1cbi5zZWxlY3QuZXhwYW5kZWQgLmxpc3Qtd3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWxpZ2h0KTtcbn1cbi5zZWxlY3Q6bm90KC5leHBhbmRlZCkgLmN1c3RvbS1zZWxlY3Q6Zm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXI6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykgc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSk7XG59XG4uc2VsZWN0OmhvdmVyOm5vdCguZGlzYWJsZWQpOm5vdCguZXhwYW5kZWQpOm5vdCguZXJyb3IpIC5jdXN0b20tc2VsZWN0Om5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMi42MjVyZW0gLSAyICogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3I6Zm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCAuZGlzcGxheS1jb250YWluZXIge1xuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMDtcbiAgZ2FwOiAwLjM3NXJlbTtcbn1cbi5zZWxlY3QgLmxpc3Qtd3JhcHBlci1jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uc2VsZWN0IC5saXN0LXdyYXBwZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBib3gtc2hhZG93OiAwcHggNHB4IDVweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4yKTtcbiAgYm94LXNoYWRvdzogMHB4IDNweCAxNHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjEyMTU2ODYyNzUpO1xuICBib3gtc2hhZG93OiAwcHggOHB4IDEwcHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMTQxMTc2NDcwNik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMTE7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC1oZWlnaHQ6IDI1cmVtO1xufVxuLnNlbGVjdCB1bCBsaSB7XG4gIHBhZGRpbmc6IDAuNjJyZW0gMC43NXJlbTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBtaW4taGVpZ2h0OiAyLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zZWxlY3QgdWwgbGk6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDAuMDU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzLCAuc2VsZWN0IHVsIGxpLmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5zZWxlY3QgdWwgbGk6Zm9jdXM6OmJlZm9yZSwgLnNlbGVjdCB1bCBsaS5mb2N1czo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDAuMTI1cmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAwLjI1cmVtKTtcbiAgb3BhY2l0eTogMTtcbiAgei1pbmRleDogMTAxO1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5zZWxlY3QgdWwgbGk6aG92ZXI6YWZ0ZXIsIC5zZWxlY3QgdWwgbGk6YWN0aXZlOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4uc2VsZWN0IHVsIGxpOmFjdGl2ZTphZnRlciB7XG4gIG9wYWNpdHk6IDAuMTtcbn1cbi5zZWxlY3QgdWwgbGkuZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5zdGF0dXMge1xuICBwYWRkaW5nOiAwLjMxMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uc3RhdHVzIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5zdGF0dXMgLmNoZXZyb24taWNvbiB7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgZm9udC1zaXplOiAwLjYyNXJlbTtcbn1cbi5zdGF0dXMgKiArICoge1xuICBtYXJnaW4tbGVmdDogMS4yNXJlbTtcbn1cblxuLnBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG4uc2VsZWN0LXNlYXJjaCB7XG4gIGZsZXg6IDE7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGxpbmUtaGVpZ2h0OiAxLjMzMzM7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cbi5zZWxlY3Qtc2VhcmNoOmZvY3VzLXZpc2libGUsIC5zZWxlY3Qtc2VhcmNoOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSAuY3VzdG9tLXNlbGVjdDpmb2N1czpub3QoLmVycm9yKSB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykpO1xuICB9XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmN1c3RvbS1zZWxlY3Qge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmN1c3RvbS1zZWxlY3QuZXJyb3IsIFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuY3VzdG9tLXNlbGVjdC5zdWNjZXNzIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuY3VzdG9tLXNlbGVjdCBidXR0b24ge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgLmN1c3RvbS1zZWxlY3Q6bm90KDpmb2N1cykge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG59Il19 */'),exports.default={"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","list-wrapper-container":"MultiSelect-module_list-wrapper-container__mMZns",focus:"MultiSelect-module_focus__BZC-P",status:"MultiSelect-module_status__lsG4B","chevron-icon":"MultiSelect-module_chevron-icon__FwyQP",placeholder:"MultiSelect-module_placeholder__TeCro","select-search":"MultiSelect-module_select-search__HgYiO",success:"MultiSelect-module_success__0ejtW"};
|
|
2
2
|
//# sourceMappingURL=MultiSelect.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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}[data-readonlyview=true] .SelectedOptions-module_tag__13q5Q .SelectedOptions-module_remove-btn__U99-Y{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdGVkT3B0aW9ucy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVDQUtFLGNBQWUsQ0FIZixZQUFhLENBRWIsY0FBZSxDQURmLFdBQWEsQ0FGYixpQkFLRixDQUVBLG1DQUNFLFdBQ0YsQ0FDQSw2RUFDRSxjQUNGLENBRUEsc0dBQ0UsWUFDRiIsImZpbGUiOiJTZWxlY3RlZE9wdGlvbnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLm9wdGlvbnMge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC4zNzVyZW07XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4udGFnIHtcbiAgY3Vyc29yOiB0ZXh0O1xufVxuLnRhZyAucmVtb3ZlLWJ0biB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC50YWcgLnJlbW92ZS1idG4ge1xuICBkaXNwbGF5OiBub25lO1xufSJdfQ== */'),exports.default={options:"SelectedOptions-module_options__VYJq-",tag:"SelectedOptions-module_tag__13q5Q","remove-btn":"SelectedOptions-module_remove-btn__U99-Y"};
|
|
2
2
|
//# sourceMappingURL=SelectedOptions.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.useArrowNavigation=({expanded:e,setExpanded:r,setFocusedSelectItem:a,childrenCount:t,setShouldClick:c,addBtnRef:s,searchInputRef:
|
|
1
|
+
"use strict";exports.useArrowNavigation=({expanded:e,setExpanded:r,setFocusedSelectItem:a,childrenCount:t,setShouldClick:c,addBtnRef:s,searchInputRef:n,customSelectButtonRef:o,onClose:u,isReadOnlyView:d=!1})=>({onArrowNavigation:i=>{if(d)return;const p=["ArrowDown","ArrowUp","Escape","End","Home"],l=!!(null==s?void 0:s.current),w=t+(l?1:0),b=i.target===n.current,k=i.target===o.current||b;switch(e&&(p.push("Tab"),p.push("Enter")),e||p.push("Space"),p.includes(i.code)&&!i.metaKey&&i.preventDefault(),i.code){case"ArrowDown":if(!e){r(!0),a(0);break}a((e=>e+1>w-1?0:e+1));break;case"ArrowUp":if(!e){r(!0),a(w-1);break}a((e=>e-1<0?w-1:e-1));break;case"Enter":e?c(!0):a(0),k&&r(!e);break;case"Space":e||(r(!0),a(0));break;case"Home":a(0);break;case"Escape":e&&(r(!1),u());break;case"End":a(t-1);break;case"ArrowLeft":i.metaKey&&e&&(i.preventDefault(),a(0));break;case"ArrowRight":i.metaKey&&e&&(i.preventDefault(),a(t-1))}}});
|
|
2
2
|
//# sourceMappingURL=useArrowNavigation.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useArrowNavigation.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/useArrowNavigation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\ninterface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n searchInputRef: React.RefObject<HTMLInputElement>;\n customSelectButtonRef: React.RefObject<HTMLButtonElement>;\n onClose: () => void;\n}\n\n/** @scope .*/\nexport const useArrowNavigation = ({\n expanded,\n setExpanded,\n setFocusedSelectItem,\n childrenCount,\n setShouldClick,\n addBtnRef,\n searchInputRef,\n customSelectButtonRef,\n onClose\n}: UseArrowNavigationParams) => {\n const onArrowNavigation = (event: React.KeyboardEvent) => {\n const codesToPreventDefault = [\"ArrowDown\", \"ArrowUp\", \"Escape\", \"End\", \"Home\"];\n const hasAddBtn = !!addBtnRef?.current;\n const childrenCountWithAddButton = childrenCount + (hasAddBtn ? 1 : 0);\n const isSearchEvent = event.target === searchInputRef.current;\n const isSelectButtonEvent = event.target === customSelectButtonRef.current;\n const isSearchOrSelectButtonEvent = isSelectButtonEvent || isSearchEvent;\n\n if (expanded) {\n codesToPreventDefault.push(\"Tab\");\n codesToPreventDefault.push(\"Enter\");\n }\n\n if (!expanded) {\n codesToPreventDefault.push(\"Space\");\n }\n\n if (codesToPreventDefault.includes(event.code) && !event.metaKey) {\n event.preventDefault();\n }\n\n switch (event.code) {\n case \"ArrowDown\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n break;\n }\n setFocusedSelectItem(prevState =>\n prevState + 1 > childrenCountWithAddButton - 1 ? 0 : prevState + 1\n );\n break;\n case \"ArrowUp\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(childrenCountWithAddButton - 1);\n break;\n }\n\n setFocusedSelectItem(prevState =>\n prevState - 1 < 0 ? childrenCountWithAddButton - 1 : prevState - 1\n );\n break;\n case \"Enter\":\n if (expanded) {\n setShouldClick(true);\n } else {\n setFocusedSelectItem(0);\n }\n if (isSearchOrSelectButtonEvent) {\n setExpanded(!expanded);\n }\n break;\n case \"Space\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n }\n break;\n case \"Home\":\n setFocusedSelectItem(0);\n break;\n case \"Escape\":\n if (expanded) {\n setExpanded(false);\n onClose();\n }\n break;\n case \"End\":\n setFocusedSelectItem(childrenCount - 1);\n break;\n case \"ArrowLeft\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(0);\n }\n break;\n case \"ArrowRight\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(childrenCount - 1);\n }\n break;\n }\n };\n\n return { onArrowNavigation };\n};\n"],"names":["expanded","setExpanded","setFocusedSelectItem","childrenCount","setShouldClick","addBtnRef","searchInputRef","customSelectButtonRef","onClose","onArrowNavigation","event","codesToPreventDefault","hasAddBtn","current","childrenCountWithAddButton","isSearchEvent","target","isSearchOrSelectButtonEvent","push","includes","code","metaKey","preventDefault","prevState"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useArrowNavigation.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/useArrowNavigation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\ninterface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n searchInputRef: React.RefObject<HTMLInputElement>;\n customSelectButtonRef: React.RefObject<HTMLButtonElement>;\n onClose: () => void;\n isReadOnlyView?: boolean;\n}\n\n/** @scope .*/\nexport const useArrowNavigation = ({\n expanded,\n setExpanded,\n setFocusedSelectItem,\n childrenCount,\n setShouldClick,\n addBtnRef,\n searchInputRef,\n customSelectButtonRef,\n onClose,\n isReadOnlyView = false\n}: UseArrowNavigationParams) => {\n const onArrowNavigation = (event: React.KeyboardEvent) => {\n if (isReadOnlyView) {\n return;\n }\n const codesToPreventDefault = [\"ArrowDown\", \"ArrowUp\", \"Escape\", \"End\", \"Home\"];\n const hasAddBtn = !!addBtnRef?.current;\n const childrenCountWithAddButton = childrenCount + (hasAddBtn ? 1 : 0);\n const isSearchEvent = event.target === searchInputRef.current;\n const isSelectButtonEvent = event.target === customSelectButtonRef.current;\n const isSearchOrSelectButtonEvent = isSelectButtonEvent || isSearchEvent;\n\n if (expanded) {\n codesToPreventDefault.push(\"Tab\");\n codesToPreventDefault.push(\"Enter\");\n }\n\n if (!expanded) {\n codesToPreventDefault.push(\"Space\");\n }\n\n if (codesToPreventDefault.includes(event.code) && !event.metaKey) {\n event.preventDefault();\n }\n\n switch (event.code) {\n case \"ArrowDown\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n break;\n }\n setFocusedSelectItem(prevState =>\n prevState + 1 > childrenCountWithAddButton - 1 ? 0 : prevState + 1\n );\n break;\n case \"ArrowUp\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(childrenCountWithAddButton - 1);\n break;\n }\n\n setFocusedSelectItem(prevState =>\n prevState - 1 < 0 ? childrenCountWithAddButton - 1 : prevState - 1\n );\n break;\n case \"Enter\":\n if (expanded) {\n setShouldClick(true);\n } else {\n setFocusedSelectItem(0);\n }\n if (isSearchOrSelectButtonEvent) {\n setExpanded(!expanded);\n }\n break;\n case \"Space\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n }\n break;\n case \"Home\":\n setFocusedSelectItem(0);\n break;\n case \"Escape\":\n if (expanded) {\n setExpanded(false);\n onClose();\n }\n break;\n case \"End\":\n setFocusedSelectItem(childrenCount - 1);\n break;\n case \"ArrowLeft\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(0);\n }\n break;\n case \"ArrowRight\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(childrenCount - 1);\n }\n break;\n }\n };\n\n return { onArrowNavigation };\n};\n"],"names":["expanded","setExpanded","setFocusedSelectItem","childrenCount","setShouldClick","addBtnRef","searchInputRef","customSelectButtonRef","onClose","isReadOnlyView","onArrowNavigation","event","codesToPreventDefault","hasAddBtn","current","childrenCountWithAddButton","isSearchEvent","target","isSearchOrSelectButtonEvent","push","includes","code","metaKey","preventDefault","prevState"],"mappings":"wCA8BkC,EAChCA,WACAC,cACAC,uBACAC,gBACAC,iBACAC,YACAC,iBACAC,wBACAC,UACAC,kBAAiB,MA2FV,CAAEC,kBAzFkBC,IACzB,GAAIF,EACF,OAEF,MAAMG,EAAwB,CAAC,YAAa,UAAW,SAAU,MAAO,QAClEC,KAAcR,aAAA,EAAAA,EAAWS,SACzBC,EAA6BZ,GAAiBU,EAAY,EAAI,GAC9DG,EAAgBL,EAAMM,SAAWX,EAAeQ,QAEhDI,EADsBP,EAAMM,SAAWV,EAAsBO,SACRE,EAe3D,OAbIhB,IACFY,EAAsBO,KAAK,OAC3BP,EAAsBO,KAAK,UAGxBnB,GACHY,EAAsBO,KAAK,SAGzBP,EAAsBQ,SAAST,EAAMU,QAAUV,EAAMW,SACvDX,EAAMY,iBAGAZ,EAAMU,MACZ,IAAK,YACH,IAAKrB,EAAU,CACbC,GAAY,GACZC,EAAqB,GACrB,KACD,CACDA,GAAqBsB,GACnBA,EAAY,EAAIT,EAA6B,EAAI,EAAIS,EAAY,IAEnE,MACF,IAAK,UACH,IAAKxB,EAAU,CACbC,GAAY,GACZC,EAAqBa,EAA6B,GAClD,KACD,CAEDb,GAAqBsB,GACnBA,EAAY,EAAI,EAAIT,EAA6B,EAAIS,EAAY,IAEnE,MACF,IAAK,QACCxB,EACFI,GAAe,GAEfF,EAAqB,GAEnBgB,GACFjB,GAAaD,GAEf,MACF,IAAK,QACEA,IACHC,GAAY,GACZC,EAAqB,IAEvB,MACF,IAAK,OACHA,EAAqB,GACrB,MACF,IAAK,SACCF,IACFC,GAAY,GACZO,KAEF,MACF,IAAK,MACHN,EAAqBC,EAAgB,GACrC,MACF,IAAK,YACCQ,EAAMW,SAAWtB,IACnBW,EAAMY,iBACNrB,EAAqB,IAEvB,MACF,IAAK,aACCS,EAAMW,SAAWtB,IACnBW,EAAMY,iBACNrB,EAAqBC,EAAgB,IAG1C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),l=require("./MultiOption.cjs.js");exports.useMultiSelect=({initialOptions:t,pickedOptions:n,allOptions:i=n,setPickedOptions:s,setAllOptions:u=s,onAddNew:o})=>({handleOptionChange:e=>{const l=e.target.options,o=[...n];Array.from(l).forEach((e=>{const l=e.selected,s=n.includes(e.value),r=s&&!l;if(!s&&l)o.push(e.value);else if(r){const l=o.indexOf(e.value);o.splice(l,1),t&&!t.includes(e.value)&&(null==u||u(i.filter((l=>l!==e.value))))}})),s(o)},onAddNew:e=>{if(null==e||0===e.length)return void(null==o||o(""));const l=e.trim();0===l.length||i.includes(l)||(null==u||u([...i,l]),s([...n,l]),null==o||o(l))},optionElements:i.map((t=>e.createElement(l.MultiOption,{key:t,value:t},t)))});
|
|
2
|
+
//# sourceMappingURL=useMultiSelect.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMultiSelect.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/useMultiSelect.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 from \"react\";\nimport { MultiOption } from \"./MultiOption\";\n\nexport interface UseMultiSelectArgs {\n initialOptions?: string[];\n allOptions?: string[];\n setAllOptions?: (options: string[]) => void;\n pickedOptions: string[];\n setPickedOptions: (options: string[]) => void;\n onAddNew?: (newOption: string) => void;\n}\n\nexport interface UseMultiSelectResult {\n handleOptionChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;\n onAddNew: (newValue: string) => void;\n optionElements: React.JSX.Element[];\n}\n\nexport type UseMultiSelect = (args: UseMultiSelectArgs) => UseMultiSelectResult;\n\nexport const useMultiSelect: UseMultiSelect = ({\n initialOptions,\n pickedOptions,\n allOptions = pickedOptions,\n setPickedOptions,\n setAllOptions = setPickedOptions,\n onAddNew\n}) => {\n const handleOptionChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n const htmlOptions = e.target.options;\n\n const newPickedOptions = [...pickedOptions];\n Array.from(htmlOptions).forEach(option => {\n const selected = option.selected;\n const exists = pickedOptions.includes(option.value);\n\n const shouldAdd = !exists && selected;\n const shouldRemove = exists && !selected;\n\n if (shouldAdd) {\n newPickedOptions.push(option.value);\n } else if (shouldRemove) {\n const index = newPickedOptions.indexOf(option.value);\n newPickedOptions.splice(index, 1);\n\n if (initialOptions && !initialOptions.includes(option.value)) {\n setAllOptions?.(allOptions.filter(value => value !== option.value));\n }\n }\n });\n setPickedOptions(newPickedOptions);\n };\n\n const onAddNewWrapper = (value: string) => {\n if (value == undefined || value.length === 0) {\n onAddNew?.(\"\");\n return;\n }\n\n const trimmedValue = value.trim();\n if (trimmedValue.length === 0 || allOptions.includes(trimmedValue)) {\n return;\n }\n\n setAllOptions?.([...allOptions, trimmedValue]);\n setPickedOptions([...pickedOptions, trimmedValue]);\n\n onAddNew?.(trimmedValue);\n };\n\n const optionElements = allOptions.map(option => (\n <MultiOption key={option} value={option}>\n {option}\n </MultiOption>\n ));\n\n return {\n handleOptionChange,\n onAddNew: onAddNewWrapper,\n optionElements\n };\n};\n"],"names":["initialOptions","pickedOptions","allOptions","setPickedOptions","setAllOptions","onAddNew","handleOptionChange","e","htmlOptions","target","options","newPickedOptions","Array","from","forEach","option","selected","exists","includes","value","shouldRemove","push","index","indexOf","splice","filter","undefined","length","trimmedValue","trim","optionElements","map","React","createElement","MultiOption","key"],"mappings":"6FAoC8C,EAC5CA,iBACAC,gBACAC,aAAaD,EACbE,mBACAC,gBAAgBD,EAChBE,eAkDO,CACLC,mBAjD0BC,IAC1B,MAAMC,EAAcD,EAAEE,OAAOC,QAEvBC,EAAmB,IAAIV,GAC7BW,MAAMC,KAAKL,GAAaM,SAAQC,IAC9B,MAAMC,EAAWD,EAAOC,SAClBC,EAAShB,EAAciB,SAASH,EAAOI,OAGvCC,EAAeH,IAAWD,EAEhC,IAHmBC,GAAUD,EAI3BL,EAAiBU,KAAKN,EAAOI,YACxB,GAAIC,EAAc,CACvB,MAAME,EAAQX,EAAiBY,QAAQR,EAAOI,OAC9CR,EAAiBa,OAAOF,EAAO,GAE3BtB,IAAmBA,EAAekB,SAASH,EAAOI,SACpDf,SAAAA,EAAgBF,EAAWuB,QAAON,GAASA,IAAUJ,EAAOI,SAE/D,KAEHhB,EAAiBQ,EAAiB,EA4BlCN,SAzBuBc,IACvB,GAAaO,MAATP,GAAuC,IAAjBA,EAAMQ,OAE9B,YADAtB,SAAAA,EAAW,KAIb,MAAMuB,EAAeT,EAAMU,OACC,IAAxBD,EAAaD,QAAgBzB,EAAWgB,SAASU,KAIrDxB,SAAAA,EAAgB,IAAIF,EAAY0B,IAChCzB,EAAiB,IAAIF,EAAe2B,IAEpCvB,SAAAA,EAAWuB,GAAa,EAYxBE,eATqB5B,EAAW6B,KAAIhB,GACpCiB,EAACC,cAAAC,EAAAA,aAAYC,IAAKpB,EAAQI,MAAOJ,GAC9BA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.interfaces.cjs.js","sources":["../../../../../../src/components/Form/Select/Select.interfaces.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 { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n enabled?: boolean;\n renderThreshold?: number;\n searchPlaceholder?: string;\n searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n label: string;\n onAddNew: (value: string) => void;\n btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string | readonly string[] | undefined>\n extends ComponentPropsWithRef<\"select\">,\n FormElement {\n children: ReactElement[];\n name?: string;\n labeledBy?: string;\n describedBy?: string;\n placeholder?: string;\n selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n search?: SearchProps;\n className?: string;\n value: V;\n clearLabel?: string;\n noResultsLabel?: string;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n addNew?: AddNewProps;\n isReadOnlyView?: boolean;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n Above = \"Above\",\n Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n isSearching: boolean;\n setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n onOptionChangeHandler: (optionElement: HTMLElement | null) => void;\n searchInputRef: React.RefObject<HTMLInputElement>;\n addBtnRef?: React.RefObject<HTMLButtonElement>;\n renderThreshold: number;\n isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n expanded: boolean;\n optionListReference: React.RefObject<HTMLDivElement>;\n containerReference: React.RefObject<HTMLDivElement>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"aA0DA,IAAYA,EAAAA,QAGXA,cAAA,GAHWA,EAAAA,QAAQA,WAARA,iBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,MAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./Select.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),a=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),r=require("../../../src/readyclasses.module.scss.cjs.js"),n=require("../../../src/util/helper.cjs.js"),l=require("../../../Icon/Icon.cjs.js"),c=require("../useSelectPositionList.cjs.js"),o=require("../useAddNewBtn.cjs.js"),
|
|
1
|
+
"use strict";var e=require("./Select.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),a=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),r=require("../../../src/readyclasses.module.scss.cjs.js"),n=require("../../../src/util/helper.cjs.js"),l=require("../../../Icon/Icon.cjs.js"),c=require("../Select.interfaces.cjs.js"),i=require("../useSelectPositionList.cjs.js"),o=require("../useAddNewBtn.cjs.js"),u=require("./useSearch.cjs.js"),d=require("./useArrowNavigation.cjs.js");const p=require("../../../withReadOnly.cjs.js").withReadOnly(t.forwardRef((({children:p,name:h,disabled:m=!1,labeledBy:f,placeholder:v,describedBy:y,selectButtonProps:b,className:j,error:w=!1,success:S=!1,value:C,clearLabel:E="Clear selection",noResultsLabel:N="No results found",onChange:g,addNew:I,search:R,isReadOnlyView:x,...q},B)=>{const[A,k]=t.useState(!1),[L,O]=t.useState(""),P=t.useRef(null),F=t.useRef(null),[$,D]=t.useState(-1),[H,T]=t.useState(!1),[V,K]=t.useState(!1),M=t.Children.count(p),{filter:U,isSearching:z,renderSearch:G,searchInputRef:J,setIsSearching:Q,searchThreshold:W,searchVisible:X}=u.useSearch({expanded:A,search:R,searchInputClassName:e.default["select-search"],optionsCount:M,setFocusedSelectItem:D}),{addBtnRef:Y,addNewBtnOptionsContainerClassName:Z,renderAddNew:_}=o.useAddNewBtn({addNew:I,filter:U,focusedSelectItem:$,optionsCount:M,searchInputRef:J}),ee=B||t.createRef(),te=e=>{ee.current&&e&&(ee.current.value=e.getAttribute("data-value"),ee.current.dispatchEvent(new Event("change",{bubbles:!0}))),k(!1)},se=t.useRef(null),{onArrowNavigation:ae}=d.useArrowNavigation({expanded:A,setExpanded:k,isSearching:z,setIsSearching:Q,setFocusedSelectItem:D,onOptionChangeHandler:te,childrenCount:M,setShouldClick:T,searchInputRef:J,addBtnRef:Y,renderThreshold:W,isReadOnlyView:x||!!q["data-readonlyview"]}),{listPosition:re,opacity:ne,optionsListMaxHeight:le,setListPosition:ce,setOpacity:ie}=i.useSelectPositionList({expanded:A,optionListReference:F,containerReference:P,addBtnRef:Y}),oe=a.useDetermineStatusIcon({success:S,error:w});t.useEffect((()=>{A&&(D(0),K(!0)),!A&&se.current&&V&&(se.current.focus(),K(!1))}),[A,se.current,V]),t.useEffect((()=>{var e;e=C,t.Children.forEach(p,(t=>{t.props.value===e&&O(t.props.children)}))}),[C]),s.useBodyClick((e=>!e.target.closest(".custom-select")&&A),(()=>{k(!1),ce(c.Position.Below),ie(0)}),A);const ue=[];return A&&ue.push(e.default.expanded),w&&ue.push(e.default.error),m&&ue.push(e.default.disabled),j&&ue.push(j),S&&ue.push(e.default.success),t.createElement(t.Fragment,null,t.createElement("select",{...n.filterProps(q,/^data-/,!1),tabIndex:-1,"aria-hidden":"true",ref:ee,name:h,onChange:e=>{null==g||g(e)},className:r.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(p,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...n.filterProps(q,/^data-/),ref:P,onKeyDown:ae,className:`custom-select ${e.default.select} ${ue.join(" ")}`},X&&G(),t.createElement("button",{...b,onClick:()=>{k(!x&&!q["data-readonlyview"]&&!A)},ref:se,type:"button",name:h,className:`${e.default["custom-select"]} ${ue.join(" ")} `,style:{display:A&&X?"none":"block"},disabled:m,"aria-disabled":m,"aria-invalid":w,"aria-expanded":A,"aria-haspopup":"listbox","aria-labelledby":f,"aria-describedby":y},t.createElement("div",{"data-display":!0,className:e.default.selected},!C&&v&&t.createElement("span",{className:e.default.placeholder},v),(null==C?void 0:C.length)>0&&t.createElement("span",{"data-display-inner":!0},L)),t.createElement("div",{className:e.default.status},oe||(A?t.createElement(l.Icon,{className:e.default["chevron-icon"],icon:l.Icons.ChevronUp}):t.createElement(l.Icon,{className:e.default["chevron-icon"],icon:l.Icons.ChevronDown})))),t.createElement("div",{className:"list-wrapper-container"},t.createElement("div",{ref:F,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:A?"block":"none",opacity:ne,maxHeight:le.wrapper,pointerEvents:A?"auto":"none",bottom:re===c.Position.Above?"2.85rem":"initial",marginTop:"4px"}},t.createElement("ul",{className:Z,role:"listbox",style:{maxHeight:le.list}},(()=>{if(z||""!==U){const a=t.Children.toArray(p).filter((e=>null!==e.props.children.toLowerCase().match(U.toLowerCase())));return 0===s(a).length?t.createElement("li",{className:e.default["no-results"]},N):s(a)}return s(p);function s(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{D(e)},onOptionSelect:e=>{te(e.current),T(!1)},isSelected:e.props.value===C,isSearching:z,selectOpened:A,childIndex:s,hasFocus:$===s,shouldClick:H,isAddBtnFocused:Y.current===document.activeElement})))}})()),_()))))})));exports.Select=p;
|
|
2
2
|
//# sourceMappingURL=Select.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/Select.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classes from \"./Select.module.scss\";\n\nimport React, {\n createRef,\n ForwardRefRenderFunction,\n Fragment,\n ReactElement,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { useBodyClick } from \"../../../../hooks/useBodyClick\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { SingleSelectProps } from \"../Select.interfaces\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"./useSearch\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\n {\n children,\n name,\n disabled = false,\n labeledBy,\n placeholder,\n describedBy,\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 });\n const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n addNew,\n filter,\n focusedSelectItem,\n optionsCount,\n searchInputRef\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 >\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":["Select","React","forwardRef","children","name","disabled","labeledBy","placeholder","describedBy","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","Children","count","filter","isSearching","renderSearch","searchInputRef","setIsSearching","searchThreshold","searchVisible","useSearch","searchInputClassName","classes","default","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","nativeSelect","createRef","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","renderThreshold","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","icon","useDetermineStatusIcon","useEffect","focus","val","forEach","child","props","useBodyClick","event","target","closest","top","bottom","additionalClasses","push","Fragment","createElement","filterProps","tabIndex","readyclasses","map","onKeyDown","select","join","onClick","type","style","length","Icon","Icons","ChevronUp","ChevronDown","maxHeight","wrapper","pointerEvents","role","list","filteredChildren","toArray","toLowerCase","match","_internalRenderChildren","internalChildren","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","isAddBtnFocused","document","activeElement","renderOptions"],"mappings":"ueAsCA,MA+PaA,EAASC,EAAMC,YA/P4D,EAEpFC,WACAC,OACAC,YAAW,EACXC,YACAC,cACAC,cACAC,oBACAC,YACAC,SAAQ,EACRC,WAAU,EACVC,QACAC,aAAa,kBACbC,iBAAiB,mBACjBC,WACAC,SACAC,YACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAASC,GAAcF,EAAQA,SAAC,IACjCG,EAAqBC,SAAuB,MAC5CC,EAAsBD,SAAuB,OAC5CE,EAAmBC,GAAwBP,EAAAA,UAAU,IACrDQ,EAAaC,GAAkBT,EAAQA,UAAC,IAExCU,EAA6BC,GAAkCX,EAAQA,UAAC,GACzEY,EAAelC,EAAMmC,SAASC,MAAMlC,IACpCmC,OACJA,EAAMC,YACNA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,eACdA,EAAcC,gBACdA,EAAeC,cACfA,GACEC,YAAU,CACZxB,WACAH,SACA4B,qBAAsBC,EAAOC,QAAC,iBAC9Bb,eACAL,0BAEImB,UAAEA,EAASC,mCAAEA,EAAkCC,aAAEA,GAAiBC,EAAAA,aAAa,CACnFnC,SACAqB,SACAT,oBACAM,eACAM,mBAGIY,EAAgBjC,GAA8CkC,EAAAA,YAE9DC,EAAyBC,IACzBH,EAAaI,SAAWD,IAC1BH,EAAaI,QAAQ5C,MAAQ2C,EAAcE,aAAa,cACxDL,EAAaI,QAAQE,cAAc,IAAIC,MAAM,SAAU,CAAEC,SAAS,MAGpEvC,GAAY,EAAM,EAGdwC,GAAwBnC,SAA0B,OAClDoC,kBAAEA,IAAsBC,qBAAmB,CAC/C3C,WACAC,cACAiB,cACAG,iBACAZ,uBACAyB,wBACAU,cAAe9B,EACfH,iBACAS,iBACAQ,YACAiB,gBAAiBvB,KAGbwB,aAAEA,GAAYC,QAAEA,GAAOC,qBAAEA,GAAoBC,gBAAEA,GAAeC,WAAEA,IACpEC,EAAqBA,sBAAC,CAAEnD,WAAUO,sBAAqBF,qBAAoBuB,cA8DvEwB,GAAOC,EAAsBA,uBAAC,CAAE9D,UAASD,UAM/CgE,EAAAA,WAAU,KACJtD,IACFS,EAAqB,GACrBI,GAA+B,KAG5Bb,GAAYyC,GAAsBL,SAAWxB,IAChD6B,GAAsBL,QAAQmB,QAC9B1C,GAA+B,GAChC,GACA,CAACb,EAAUyC,GAAsBL,QAASxB,IAE7C0C,EAAAA,WAAU,KA9Ee,IAACE,IA+EPhE,EA9EjBZ,EAAMmC,SAAS0C,QAAQ3E,GAAU4E,IAC3BA,EAAMC,MAAMnE,QAAUgE,GACxBpD,EAAWsD,EAAMC,MAAM7E,SACxB,GA2EoB,GACtB,CAACU,IAEJoE,gBACGC,IAAwBA,EAAMC,OAAmBC,QAAQ,mBAAqB/D,IAC/E,KACEC,GAAY,GACZgD,GAAgB,CAAEe,IAAK,EAAGC,OAAQ,YAClCf,GAAW,EAAE,GAEflD,GAGF,MAAMkE,GAAoB,GAQ1B,OAPAlE,GAAYkE,GAAkBC,KAAKzC,EAAOC,QAAC3B,UAC3CV,GAAS4E,GAAkBC,KAAKzC,EAAOC,QAACrC,OACxCN,GAAYkF,GAAkBC,KAAKzC,EAAOC,QAAC3C,UAC3CK,GAAa6E,GAAkBC,KAAK9E,GACpCE,GAAW2E,GAAkBC,KAAKzC,EAAOC,QAACpC,SAIxCX,gBAACwF,EAAAA,SAAQ,KACPxF,EAAAyF,cAAA,SAAA,IACMC,EAAWA,YAACxE,EAAM,UAAU,GAChCyE,UAAW,gBACC,OACZxE,IAAKiC,EACLjD,KAAMA,EACNY,SA9CyBkE,IAC7BlE,SAAAA,EAAWkE,EAAM,EA8CbxE,UAAWmF,UAAa,YAExB5F,EAAQyF,cAAA,SAAA,CAAA7E,MAAM,KACbZ,EAAMmC,SAAS0D,IAAI3F,GAAU4E,GAC5B9E,EAAQyF,cAAA,SAAA,CAAA7E,MAAOkE,EAAMC,MAAMnE,WAG/BZ,EAAAyF,cAAA,MAAA,IACMC,EAAAA,YAAYxE,EAAM,UACtBC,IAAKM,EACLqE,UAAWhC,GACXrD,UAAW,iBAAiBqC,EAAAA,QAAQiD,UAAUT,GAAkBU,KAAK,QAEpErD,GAAiBJ,IAClBvC,EAAAyF,cAAA,SAAA,IACMjF,EACJyF,QAAS,KACP5E,GAAaD,EAAS,EAExBD,IAAK0C,GACLqC,KAAK,SACL/F,KAAMA,EACNM,UAAW,GAAGqC,EAAOC,QAAC,oBAAoBuC,GAAkBU,KAAK,QACjEG,MAAO,CAAE5E,QAASH,GAAYuB,EAAgB,OAAS,WACvDvC,SAAUA,EACK,gBAAAA,EACD,eAAAM,EACC,gBAAAU,EACD,gBAAA,UACG,kBAAAf,qBACCE,GAElBP,EAAAyF,cAAA,MAAA,CAAA,gBAAA,EAAkBhF,UAAWqC,UAAkB,WAC3ClC,GAASN,GAAeN,EAAMyF,cAAA,OAAA,CAAAhF,UAAWqC,EAAOC,QAAc,aAAIzC,IACnEM,aAAK,EAALA,EAAOwF,QAAS,GAAKpG,EAA0ByF,cAAA,OAAA,CAAA,sBAAA,GAAAlE,IAElDvB,EAAAyF,cAAA,MAAA,CAAKhF,UAAWqC,EAAAA,QAAgB,QAAI0B,KA5FnCpD,EACLpB,EAAAyF,cAACY,OAAK,CAAA5F,UAAWqC,EAAAA,QAAQ,gBAAiB0B,KAAM8B,EAAKA,MAACC,YAEtDvG,EAAAyF,cAACY,OAAK,CAAA5F,UAAWqC,EAAOC,QAAC,gBAAiByB,KAAM8B,EAAAA,MAAME,iBA4FpDxG,EAAAyF,cAAA,MAAA,CACEtE,IAAKQ,EACLlB,UAAW,gBAAgBqC,EAAAA,QAAQ,kBACnCqD,MAAO,CACL5E,QAASH,EAAW,QAAU,OAC9B+C,QAASA,GACTsC,UAAWrC,GAAqBsC,QAChCC,cAAevF,EAAW,OAAS,UAChC8C,KAGLlE,EACEyF,cAAA,KAAA,CAAAhF,UAAWwC,EACX2D,KAAK,UACLT,MAAO,CAAEM,UAAWrC,GAAqByC,OAtJ7B,MACpB,GAAIvE,GAA0B,KAAXD,EAAe,CAChC,MAAMyE,EAAmB9G,EAAMmC,SAAS4E,QAAQ7G,GAAUmC,QACxDyC,GACuF,OAApFA,EAAuBC,MAAM7E,SAAS8G,cAAcC,MAAM5E,EAAO2E,iBAKtE,OAAgC,IAFPE,EAAwBJ,GAE5BV,OACZpG,EAAAyF,cAAA,KAAA,CAAIhF,UAAWqC,EAAAA,QAAQ,eAAgBhC,GAGzCoG,EAAwBJ,EAChC,CAED,OAAOI,EAAwBhH,GAE/B,SAASgH,EAAwBC,GAC/B,OAAOnH,EAAMmC,SAAS0D,IAAIsB,GAAkB,CAACrC,EAAOsC,IAC3CpH,EAAMqH,aAAavC,EAAO,CAC/BwC,cAAgBC,IACd1F,EAAqB0F,EAAW,EAElCC,eAAiBC,IACfnE,EAAsBmE,EAAUjE,SAChCzB,GAAe,EAAM,EAEvB2F,WAAY5C,EAAMC,MAAMnE,QAAUA,EAClC0B,YAAaA,EACbqF,aAAcvG,EACdmG,WAAYH,EACZQ,SAAUhG,IAAsBwF,EAChCtF,YAAaA,EACb+F,gBAAiB7E,EAAUQ,UAAYsE,SAASC,iBAGrD,GAmHQC,IAEF9E,MAIP"}
|
|
1
|
+
{"version":3,"file":"Select.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/Select.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classes from \"./Select.module.scss\";\n\nimport React, {\n createRef,\n ForwardRefRenderFunction,\n Fragment,\n ReactElement,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { useBodyClick } from \"../../../../hooks/useBodyClick\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Position, SingleSelectProps } from \"../Select.interfaces\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"./useSearch\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\n {\n children,\n name,\n disabled = false,\n labeledBy,\n placeholder,\n describedBy,\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 isReadOnlyView,\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 });\n const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n addNew,\n filter,\n focusedSelectItem,\n optionsCount,\n searchInputRef\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 isReadOnlyView: isReadOnlyView || !!rest[\"data-readonlyview\"]\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(Position.Below);\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 >\n {searchVisible && renderSearch()}\n <button\n {...selectButtonProps}\n onClick={() => {\n setExpanded(isReadOnlyView || rest[\"data-readonlyview\"] ? false : !expanded);\n }}\n ref={customSelectButtonRef}\n type=\"button\"\n name={name}\n className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n style={{ display: expanded && searchVisible ? \"none\" : \"block\" }}\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 <div className=\"list-wrapper-container\">\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 bottom: listPosition === Position.Above ? \"2.85rem\" : \"initial\",\n marginTop: \"4px\"\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 </div>\n </Fragment>\n );\n};\nexport const Select = withReadOnly(React.forwardRef(SelectComponent));\n"],"names":["Select","withReadOnly","React","forwardRef","children","name","disabled","labeledBy","placeholder","describedBy","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","addNew","search","isReadOnlyView","rest","ref","expanded","setExpanded","useState","display","setDisplay","containerReference","useRef","optionListReference","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","optionsCount","Children","count","filter","isSearching","renderSearch","searchInputRef","setIsSearching","searchThreshold","searchVisible","useSearch","searchInputClassName","classes","default","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","nativeSelect","createRef","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","renderThreshold","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","icon","useDetermineStatusIcon","useEffect","focus","val","forEach","child","props","useBodyClick","event","target","closest","Position","Below","additionalClasses","push","Fragment","createElement","filterProps","tabIndex","readyclasses","map","onKeyDown","select","join","onClick","type","style","length","Icon","Icons","ChevronUp","ChevronDown","maxHeight","wrapper","pointerEvents","bottom","Above","marginTop","role","list","filteredChildren","toArray","toLowerCase","match","_internalRenderChildren","internalChildren","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","isAddBtnFocused","document","activeElement","renderOptions"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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:none}.Select-module_select__t8I9I ul li:focus:before{border-radius:var(--focus-border-radius);content:"";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.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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QkFBa0IsQ0FFbEIsY0FBZ0IsQ0FEaEIsT0FBUSxDQUVSLDBCQUdGLENBQ0Esd0RBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0RBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsZ0VBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsaUNBQ0UsbUJBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLG9DQUlFLDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixVQUlGLENBRUEsK0JBR0UseUNBQTBDLENBRDFDLHVCQUF3QixDQUR4QixrQkFHRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsd0NBQ0UsaUVBQ0UsaURBQ0YsQ0FDQSwrR0FDRSx1REFDRixDQUNGIiwiZmlsZSI6IlNlbGVjdC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCBbZGF0YS1kaXNwbGF5XSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1kZWZhdWx0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn1cbi5zZWxlY3QuZXhwYW5kZWQgLmxpc3Qtd3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWxpZ2h0KTtcbn1cbi5zZWxlY3Q6bm90KC5leHBhbmRlZCkgYnV0dG9uOmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgYm9yZGVyOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykpO1xufVxuLnNlbGVjdDpob3Zlcjpub3QoLmRpc2FibGVkKTpub3QoLmV4cGFuZGVkKTpub3QoLmVycm9yKSBidXR0b246bm90KDpmb2N1cykge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNjI1cmVtIC0gMiAqIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3I6Zm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1kaXNhYmxlZCk7XG59XG4uc2VsZWN0IC5saXN0LXdyYXBwZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBib3gtc2hhZG93OiAwIDhweCAxMHB4IDAgcmdiYSgxLCA1LCA1MCwgMC4xNDExNzY0NzA2KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMTtcbiAgdG9wOiA0NHB4O1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5zZWxlY3QgdWwgbGk6Zm9jdXM6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwLjEyNXJlbTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMC4yNXJlbSk7XG4gIG9wYWNpdHk6IDE7XG4gIHotaW5kZXg6IDEwMTtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwLjEyNXJlbTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItbGVmdDogMC4yNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */'),exports.default={"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"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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-container__h7Fwi{position:relative}.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;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:none}.Select-module_select__t8I9I ul li:focus:before{border-radius:var(--focus-border-radius);content:"";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.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_select__t8I9I[data-readonlyview=true]{pointer-events:none;user-select:text}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button]{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button] .Select-module_selected__DWAJ2{color:var(--read-only-text-color)}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_error__FelMD,.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_success__8aTZN{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_error__FelMD .Select-module_status__OMSjY,.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_success__8aTZN .Select-module_status__OMSjY{visibility:visible}.Select-module_select__t8I9I[data-readonlyview=true] .Select-module_list-wrapper__1bs6M,.Select-module_select__t8I9I[data-readonlyview=true] button[type=button] .Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{visibility:hidden}.Select-module_select__t8I9I[data-readonlyview=true] .Select-module_list-wrapper__1bs6M ul{display: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))}}[data-readonlyview=true] [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] [data-readonlyview] button .Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{visibility:hidden}[data-readonlyview=true] [data-readonlyview] button.Select-module_error__FelMD{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}\n/*# sourceMappingURL=data:application/json;base64,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Qyw2Q0FBK0MsQ0FGL0MsK0JBQWlDLENBR2pDLDBCQUEyQixDQVIzQixVQUFXLENBSVgsV0FBWSxDQURaLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FPRixDQUVBLCtCQUlFLG1CQUFvQixDQUhwQixpQkFBa0IsQ0FDbEIsT0FBUSxDQUNSLDBCQUVGLENBRUEsNkJBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FKYixpQkFBa0IsQ0FFbEIsY0FBZ0IsQ0FEaEIsT0FBUSxDQUVSLDBCQUdGLENBQ0Esd0RBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0RBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsZ0VBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsaUNBQ0UsbUJBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLG9DQUlFLDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixVQUlGLENBRUEsK0JBR0UseUNBQTBDLENBRDFDLHVCQUF3QixDQUR4QixrQkFHRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsd0NBQ0UsaUVBQ0UsaURBQ0YsQ0FDQSwrR0FDRSx1REFDRixDQUNGLENBQ0Esb0RBQ0UsMENBQ0YsQ0FDQSxvSEFDRSxpQkFDRixDQUNBLCtFQUNFLDBDQUEyQyxDQUMzQyxpQ0FDRiIsImZpbGUiOiJTZWxlY3QubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgW2RhdGEtZGlzcGxheV0ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uc2VsZWN0LmV4cGFuZGVkIC5saXN0LXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saWdodCk7XG59XG4uc2VsZWN0Om5vdCguZXhwYW5kZWQpIGJ1dHRvbjpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgYnV0dG9uOm5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdDpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZGlzYWJsZWQpO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyLWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5zZWxlY3QgLmxpc3Qtd3JhcHBlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJveC1zaGFkb3c6IDAgOHB4IDEwcHggMCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5zZWxlY3QgdWwgbGk6Zm9jdXM6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwLjEyNXJlbTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMC4yNXJlbSk7XG4gIG9wYWNpdHk6IDE7XG4gIHotaW5kZXg6IDEwMTtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0ge1xuICB1c2VyLXNlbGVjdDogdGV4dDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uc2VsZWN0W2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGJ1dHRvblt0eXBlPWJ1dHRvbl0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG4uc2VsZWN0W2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGJ1dHRvblt0eXBlPWJ1dHRvbl0gLnNlbGVjdGVkIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gYnV0dG9uW3R5cGU9YnV0dG9uXS5lcnJvciwgLnNlbGVjdFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBidXR0b25bdHlwZT1idXR0b25dLnN1Y2Nlc3Mge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufVxuLnNlbGVjdFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBidXR0b25bdHlwZT1idXR0b25dLmVycm9yIC5zdGF0dXMsIC5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gYnV0dG9uW3R5cGU9YnV0dG9uXS5zdWNjZXNzIC5zdGF0dXMge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuLnNlbGVjdFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBidXR0b25bdHlwZT1idXR0b25dIC5zdGF0dXMgLmNoZXZyb24taWNvbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmxpc3Qtd3JhcHBlciB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmxpc3Qtd3JhcHBlciB1bCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zZWxlY3RlZC1vcHRpb24ge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwLjEyNXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDAuMjVyZW0gc29saWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cblxuLnNlbGVjdGVkIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnN0YXR1cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHJpZ2h0OiAwLjgxMjVyZW07XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5zdGF0dXMgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5zdGF0dXMgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyAuY2hldnJvbi1pY29uIHtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBmb250LXNpemU6IDAuNjI1cmVtO1xufVxuLnN0YXR1cyAqICsgKiB7XG4gIG1hcmdpbi1sZWZ0OiAxLjI1cmVtO1xufVxuXG4ucGxhY2Vob2xkZXIge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG5cbi5zZWxlY3Qtc2VhcmNoIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG59XG5cbi5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLmRpc2FibGVkID4gKiB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICB9XG4gIC5zZWxlY3Q6bm90KC5leHBhbmRlZCkgYnV0dG9uOmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSk7XG4gIH1cbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBbZGF0YS1yZWFkb25seXZpZXddIGJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gW2RhdGEtcmVhZG9ubHl2aWV3XSBidXR0b24gLnN0YXR1cyAuY2hldnJvbi1pY29uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIFtkYXRhLXJlYWRvbmx5dmlld10gYnV0dG9uLmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbn0iXX0= */'),exports.default={"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","list-wrapper-container":"Select-module_list-wrapper-container__h7Fwi",selected:"Select-module_selected__DWAJ2",success:"Select-module_success__8aTZN",status:"Select-module_status__OMSjY","chevron-icon":"Select-module_chevron-icon__yV9oP","selected-option":"Select-module_selected-option__RrLIc",placeholder:"Select-module_placeholder__n-rO9","select-search":"Select-module_select-search__ybi2q"};
|
|
2
2
|
//# sourceMappingURL=Select.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.useArrowNavigation=({expanded:e,setExpanded:r,isSearching:t,setIsSearching:o,setFocusedSelectItem:n,onOptionChangeHandler:a,childrenCount:c,setShouldClick:
|
|
1
|
+
"use strict";exports.useArrowNavigation=({expanded:e,setExpanded:r,isSearching:t,setIsSearching:o,setFocusedSelectItem:n,onOptionChangeHandler:a,childrenCount:c,setShouldClick:i,searchInputRef:d,addBtnRef:s,renderThreshold:u,isReadOnlyView:v})=>({onArrowNavigation:l=>{var p;const w=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"],f=["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"],h=(null==s?void 0:s.current)===document.activeElement;if(!v)if(e&&w.push("Tab"),s&&f.push("Tab"),!w.includes(l.code)||l.metaKey||t||l.preventDefault(),t&&f.includes(l.code)&&l.preventDefault(),t)switch(l.code){case"ArrowDown":case"Enter":return o(!1),void n(0);case"ArrowUp":return o(!1),void n(c-1);case"Escape":return o(!1),void r(!1);case"Tab":if(null==s?void 0:s.current)return void s.current.focus();o(!1),r(!1)}else switch(l.code){case"ArrowDown":return e?void n((e=>e+1>c-1?0:e+1)):(r(!0),void n(0));case"ArrowUp":return e?void n((e=>e-1<0?c-1:e-1)):(r(!0),void n(c-1));case"Space":return e?(a(l.target),i(!0),void r(!1)):(r(!0),void n(0));case"Enter":case"Home":return void n(0);case"Tab":return c>=u&&e&&!h?(o(!0),void(null===(p=d.current)||void 0===p||p.focus())):(null==s?void 0:s.current)&&e&&!h?void s.current.focus():void r(!1);case"Escape":return void(e&&r(!1));case"End":return void n(c-1);case"ArrowLeft":return void(l.metaKey&&e&&(l.preventDefault(),n(0)));case"ArrowRight":return void(l.metaKey&&e&&(l.preventDefault(),n(c-1)))}}});
|
|
2
2
|
//# sourceMappingURL=useArrowNavigation.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useArrowNavigation.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/useArrowNavigation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { UseArrowNavigationParams } 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"],"names":["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"],"mappings":"wCAmBkC,EAChCA,WACAC,cACAC,cACAC,iBACAC,uBACAC,wBACAC,gBACAC,iBACAC,iBACAC,YACAC,
|
|
1
|
+
{"version":3,"file":"useArrowNavigation.cjs.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/useArrowNavigation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { UseArrowNavigationParams } 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 isReadOnlyView\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 (isReadOnlyView) {\n return;\n }\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"],"names":["expanded","setExpanded","isSearching","setIsSearching","setFocusedSelectItem","onOptionChangeHandler","childrenCount","setShouldClick","searchInputRef","addBtnRef","renderThreshold","isReadOnlyView","onArrowNavigation","event","codesToPreventDefault","codesToPreventDefaultWhenSearching","isAddBtnFocused","current","document","activeElement","push","includes","code","metaKey","preventDefault","focus","prevState","target","_a"],"mappings":"wCAmBkC,EAChCA,WACAC,cACAC,cACAC,iBACAC,uBACAC,wBACAC,gBACAC,iBACAC,iBACAC,YACAC,kBACAC,qBAgJO,CAAEC,kBA9IkBC,UACzB,MAAMC,EAAwB,CAC5B,YACA,UACA,YACA,aACA,QACA,SACA,MACA,QAGIC,EAAqC,CACzC,YACA,UACA,QACA,SACA,WACA,aAGIC,GAAkBP,aAAS,EAATA,EAAWQ,WAAYC,SAASC,cAExD,IAAIR,EAoBJ,GAhBIX,GACFc,EAAsBM,KAAK,OAGzBX,GACFM,EAAmCK,KAAK,QAGtCN,EAAsBO,SAASR,EAAMS,OAAUT,EAAMU,SAAYrB,GACnEW,EAAMW,iBAGJtB,GAAea,EAAmCM,SAASR,EAAMS,OACnET,EAAMW,iBAGJtB,EACF,OAAQW,EAAMS,MACZ,IAAK,YACL,IAAK,QAGH,OAFAnB,GAAe,QACfC,EAAqB,GAEvB,IAAK,UAGH,OAFAD,GAAe,QACfC,EAAqBE,EAAgB,GAEvC,IAAK,SAGH,OAFAH,GAAe,QACfF,GAAY,GAEd,IAAK,MACH,GAAIQ,aAAS,EAATA,EAAWQ,QAEb,YADAR,EAAUQ,QAAQQ,QAGpBtB,GAAe,GACfF,GAAY,QAGhB,OAAQY,EAAMS,MACZ,IAAK,YACH,OAAKtB,OAKLI,GAAqBsB,GACZA,EAAY,EAAIpB,EAAgB,EAAI,EAAIoB,EAAY,KAL3DzB,GAAY,QACZG,EAAqB,IAOzB,IAAK,UACH,OAAKJ,OAMLI,GAAqBsB,GACZA,EAAY,EAAI,EAAIpB,EAAgB,EAAIoB,EAAY,KAN3DzB,GAAY,QACZG,EAAqBE,EAAgB,IAQzC,IAAK,QACH,OAAKN,GAMLK,EAAsBQ,EAAMc,QAC5BpB,GAAe,QACfN,GAAY,KAPVA,GAAY,QACZG,EAAqB,IASzB,IAAK,QACL,IAAK,OAGH,YAFAA,EAAqB,GAGvB,IAAK,MACH,OAAIE,GAAiBI,GAAmBV,IAAagB,GACnDb,GAAe,QACS,QAAxByB,EAAApB,EAAeS,eAAS,IAAAW,GAAAA,EAAAH,WAEfhB,eAAAA,EAAWQ,UAAWjB,IAAagB,OAC5CP,EAAUQ,QAAQQ,aAGpBxB,GAAY,GAGd,IAAK,SAIH,YAHID,GACFC,GAAY,IAGhB,IAAK,MAEH,YADAG,EAAqBE,EAAgB,GAEvC,IAAK,YAKH,YAJIO,EAAMU,SAAWvB,IACnBa,EAAMW,iBACNpB,EAAqB,KAGzB,IAAK,aAKH,YAJIS,EAAMU,SAAWvB,IACnBa,EAAMW,iBACNpB,EAAqBE,EAAgB,KAI5C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("react"),t=require("./Select.interfaces.cjs.js");exports.useSelectPositionList=({expanded:n,optionListReference:o,addBtnRef:i,containerReference:r})=>{const[c,s]=e.useState({wrapper:void 0,list:void 0}),[u,a]=e.useState(0),[l,p]=e.useState(t.Position.Below);e.useEffect((()=>{d()}),[n]);const d=()=>{if(!n||!o.current||!r.current)return;const e=r.current.getBoundingClientRect().bottom,i=window.innerHeight-r.current.getBoundingClientRect().top;let c=t.Position.Below;e>i&&(c=t.Position.Above),p(c),g(c)},g=e=>{var n;const c=null===(n=o.current)||void 0===n?void 0:n.getBoundingClientRect().height,u=i.current?i.current.getBoundingClientRect().height+parseInt(getComputedStyle(i.current).marginBottom):0,l=e===t.Position.Below?"top":"bottom";if(!r.current)return void 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");const p="top"===l?window.innerHeight-r.current.getBoundingClientRect().bottom-16:r.current.getBoundingClientRect().top-16;if(c&&p<c+u){return s({wrapper:`${p}px`,list:u>0?p-u+"px":"none"}),void a(100)}s({wrapper:void 0,list:void 0}),a(100)};return{optionsListMaxHeight:c,opacity:u,setOpacity:a,listPosition:l,setListPosition:p}};
|
|
2
2
|
//# sourceMappingURL=useSelectPositionList.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectPositionList.cjs.js","sources":["../../../../../../src/components/Form/Select/useSelectPositionList.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 { useEffect, useState } from \"react\";\nimport { Position, UseSelectPositionListParams } from \"./Select.interfaces\";\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<
|
|
1
|
+
{"version":3,"file":"useSelectPositionList.cjs.js","sources":["../../../../../../src/components/Form/Select/useSelectPositionList.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 { useEffect, useState } from \"react\";\nimport { Position, UseSelectPositionListParams } from \"./Select.interfaces\";\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<Position>(Position.Below);\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.Below;\n\n // Set the position of the select\n if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n position = Position.Above;\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 === Position.Below ? \"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":["expanded","optionListReference","addBtnRef","containerReference","optionsListMaxHeight","setOptionsListMaxHeight","useState","wrapper","undefined","list","opacity","setOpacity","listPosition","setListPosition","Position","Below","useEffect","rePositionList","current","spaceOnTopOfSelect","getBoundingClientRect","bottom","spaceOnBottomOfSelect","window","innerHeight","top","position","Above","calculateOptionListMaxHeight","listHeight","_a","height","addNewButtonHeightWithMargin","parseInt","getComputedStyle","marginBottom","transformOrigin","console","error","availableSpace"],"mappings":"0GAoBqC,EACnCA,WACAC,sBACAC,YACAC,yBAEA,MAAOC,EAAsBC,GAA2BC,WAGrD,CACDC,aAASC,EACTC,UAAMD,KAEDE,EAASC,GAAcL,EAAQA,SAAC,IAChCM,EAAcC,GAAmBP,EAAAA,SAAmBQ,EAAAA,SAASC,OAEpEC,EAAAA,WAAU,KACRC,GAAgB,GACf,CAACjB,IAEJ,MAAMiB,EAAiB,KACrB,IAAKjB,IAAaC,EAAoBiB,UAAYf,EAAmBe,QACnE,OAKF,MAAMC,EAAqBhB,EAAmBe,QAAQE,wBAAwBC,OAGxEC,EACJC,OAAOC,YAAcrB,EAAmBe,QAAQE,wBAAwBK,IAG1E,IAAIC,EAAWZ,EAAQA,SAACC,MAGpBI,EAAqBG,IACvBI,EAAWZ,EAAQA,SAACa,OAGtBd,EAAgBa,GAGhBE,EAA6BF,EAAS,EAGlCE,EAAgCF,UAEpC,MAAMG,EAA0C,QAA7BC,EAAA7B,EAAoBiB,eAAS,IAAAY,OAAA,EAAAA,EAAAV,wBAAwBW,OAClEC,EAA+B9B,EAAUgB,QAC3ChB,EAAUgB,QAAQE,wBAAwBW,OAC1CE,SAASC,iBAAiBhC,EAAUgB,SAASiB,cAC7C,EACEC,EAAkBV,IAAaZ,EAAAA,SAASC,MAAQ,MAAQ,SAE9D,IAAKZ,EAAmBe,QAItB,YAHAmB,QAAQC,MACN,6LAKJ,MAAMC,EACgB,QAApBH,EACIb,OAAOC,YAAcrB,EAAmBe,QAAQE,wBAAwBC,OAAS,GACjFlB,EAAmBe,QAAQE,wBAAwBK,IAAM,GAE/D,GAAII,GAAcU,EAAiBV,EAAaG,EAA8B,CAU5E,OAFA3B,EAPwB,CACtBE,QAAS,GAAGgC,MACZ9B,KACEuB,EAA+B,EACxBO,EAAiBP,EAApB,KACA,cAGRrB,EAAW,IAEZ,CAEDN,EAAwB,CAAEE,aAASC,EAAWC,UAAMD,IACpDG,EAAW,IAAI,EAGjB,MAAO,CACLP,uBACAM,UACAC,aACAC,eACAC,kBACD"}
|