@onewelcome/react-lib-components 6.1.0 → 6.2.0

package/dist/cjs/src/components/Form/Select/Select.d.ts

@@ -1,43 +0,0 @@
-import React, { ComponentPropsWithRef, ReactElement } from "react";
-import { Props as InputProps } from "../Input/Input";
-import { FormElement } from "../form.interfaces";
-type PartialInputProps = Partial<InputProps>;
-interface SearchProps {
-    enabled?: boolean;
-    renderThreshold?: number;
-    searchPlaceholder?: string;
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-}
-export interface Props extends ComponentPropsWithRef<"select">, FormElement {
-    children: ReactElement[];
-    name?: string;
-    labeledBy?: string;
-    describedBy?: string;
-    placeholder?: string;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-    selectButtonProps?: ComponentPropsWithRef<"button">;
-    search?: SearchProps;
-    className?: string;
-    value: string;
-    clearLabel?: string;
-    noResultsLabel?: string;
-    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
-    addNew?: {
-        label: string;
-        onAddNew: (value: string) => void;
-        btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
-    };
-}
-export declare const Select: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Option.esm.js","sources":["../../../../../../src/components/Form/Select/Option.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  RefObject,\n  useEffect,\n  ReactNode\n} from \"react\";\nimport classes from \"./Select.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"li\"> {\n  children: ReactNode;\n  value: string;\n  disabled?: boolean;\n  isSelected?: boolean;\n  selectOpened?: boolean;\n  hasFocus?: boolean;\n  shouldClick?: boolean;\n  isSearching?: boolean;\n  label?: string;\n  childIndex?: number;\n  onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  isAddBtnFocused?: boolean;\n}\n\nconst OptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  {\n    children,\n    className,\n    isSelected = false,\n    shouldClick,\n    hasFocus,\n    selectOpened,\n    isSearching,\n    childIndex,\n    onOptionSelect,\n    onFocusChange,\n    disabled,\n    value,\n    isAddBtnFocused,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  useEffect(() => {\n    if (isSelected && innerOptionRef.current && shouldClick) {\n      innerOptionRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus && selectOpened && !isSearching && !isAddBtnFocused) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerOptionRef.current.focus();\n    }\n  }, [hasFocus, innerOptionRef, selectOpened, isSearching]);\n\n  const onSelectHandler = () => onOptionSelect?.(innerOptionRef);\n\n  return (\n    <li\n      {...rest}\n      ref={innerOptionRef}\n      data-value={value}\n      className={`${isSelected ? classes[\"selected-option\"] : \"\"} ${\n        disabled ? classes.disabled : \"\"\n      } ${className ?? \"\"}`}\n      onClick={onSelectHandler}\n      onKeyDown={event => {\n        if (event.code === \"Enter\") {\n          event.stopPropagation();\n          event.preventDefault();\n\n          onSelectHandler();\n        }\n      }}\n      aria-selected={isSelected}\n      role=\"option\"\n      tabIndex={disabled ? -1 : 0}\n    >\n      {children}\n    </li>\n  );\n};\n\nexport const Option = React.forwardRef(OptionComponent);\n"],"names":["OptionComponent","children","className","isSelected","shouldClick","hasFocus","selectOpened","isSearching","childIndex","onOptionSelect","onFocusChange","disabled","value","isAddBtnFocused","rest","ref","innerOptionRef","createRef","useEffect","current","click","focus","onSelectHandler","React","createElement","classes","onClick","onKeyDown","event","code","stopPropagation","preventDefault","role","tabIndex","Option","forwardRef"],"mappings":"0FA0CA,MAAMA,EAAkE,EAEpEC,WACAC,YACAC,aAAa,MACbC,cACAC,WACAC,eACAC,cACAC,aACAC,iBACAC,gBACAC,WACAC,QACAC,qBACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAoCE,IAE1DC,GAAU,KACR,GAAIf,GAAca,EAAeG,SAAWf,EAC1CY,EAAeG,QAAQC,OACxB,GACA,CAACjB,EAAYC,IAEhBc,GAAU,KACR,GAAIF,EAAeG,SAAWd,GAAYC,IAAiBC,IAAgBM,EAAiB,CAC1FH,GAAiBF,GAAcE,EAAcF,GAC7CQ,EAAeG,QAAQE,OACxB,IACA,CAAChB,EAAUW,EAAgBV,EAAcC,IAE5C,MAAMe,EAAkB,IAAMb,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBO,GAE/C,OACEO,EACMC,cAAA,KAAA,IAAAV,EACJC,IAAKC,EAAc,aACPJ,EACZV,UAAW,GAAGC,EAAasB,EAAQ,mBAAqB,MACtDd,EAAWc,EAAQd,SAAW,MAC5BT,IAAS,MAATA,SAAS,EAATA,EAAa,KACjBwB,QAASJ,EACTK,UAAWC,IACT,GAAIA,EAAMC,OAAS,QAAS,CAC1BD,EAAME,kBACNF,EAAMG,iBAENT,GACD,GACF,gBACcnB,EACf6B,KAAK,SACLC,SAAUtB,GAAY,EAAI,GAEzBV,EAEH,EAGS,MAAAiC,EAASX,EAAMY,WAAWnC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.esm.js","sources":["../../../../../../src/components/Form/Select/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  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Input, Props as InputProps } from \"../Input/Input\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useBodyClick } from \"../../../hooks/useBodyClick\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../util/helper\";\nimport { useArrowNavigation, useSelectPositionList } from \"./SelectService\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\ntype PartialInputProps = Partial<InputProps>;\n\ninterface SearchProps {\n  enabled?: boolean;\n  renderThreshold?: number;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface Props extends ComponentPropsWithRef<\"select\">, FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  /**\n   * @deprecated\n   */\n  searchPlaceholder?: string;\n  /**\n   * @deprecated\n   */\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n  selectButtonProps?: ComponentPropsWithRef<\"button\">;\n  search?: SearchProps;\n  className?: string;\n  value: string;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n  addNew?: {\n    label: string;\n    onAddNew: (value: string) => void;\n    btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  };\n}\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, Props> = (\n  {\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    searchPlaceholder = \"Search item\",\n    searchInputProps,\n    selectButtonProps,\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [filter, setFilter] = useState(\"\");\n  const [display, setDisplay] = useState(\"\");\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [isSearching, setIsSearching] = useState(false);\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\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const addBtnRef = useRef<HTMLButtonElement>(null);\n\n  const addNewLabel = addNew?.label ?? \"Create new\";\n\n  const getRenderThreshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = Array.isArray(children) && children.length > getRenderThreshold;\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return children.length > DEFAULT_RENDER_THRESHOLD;\n  };\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: React.Children.count(children),\n    setShouldClick,\n    searchInputRef,\n    addBtnRef,\n    renderThreshold: getRenderThreshold\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 renderSearch = () => (\n    <Input\n      {...(search?.searchInputProps ?? searchInputProps)}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={classes[\"select-search\"]}\n      wrapperProps={{\n        className:\n          search?.searchInputProps?.wrapperProps?.className ??\n          searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={search?.searchPlaceholder ?? searchPlaceholder}\n    />\n  );\n\n  const 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 filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\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 resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  useEffect(() => {\n    (search?.searchInputProps?.reset || searchInputProps?.reset) && resetSearchState();\n  }, [searchInputProps?.reset, search?.searchInputProps?.reset]);\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <Fragment>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")} ${\n          className ?? \"\"\n        }`}\n      >\n        {shouldRenderSearch() && 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 && shouldRenderSearch() ? \"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,\n            pointerEvents: expanded ? \"auto\" : \"none\",\n            ...listPosition\n          }}\n        >\n          <ul className={addNew && classes[\"has-sibling\"]} role=\"listbox\">\n            {renderOptions()}\n          </ul>\n          {addNew && (\n            <button\n              data-testid={\"select-action-button\"}\n              className={classes[\"action-button\"]}\n              onClick={() => addNew.onAddNew(filter)}\n              ref={addBtnRef}\n              {...addNew.btnProps}\n            >\n              {!filter && addNewLabel}\n              {filter && <span style={{ fontWeight: \"700\" }}>{`\"${filter}\"`}</span>}\n              {filter && ` (${addNewLabel.toLowerCase()})`}\n            </button>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n};\nexport const Select = React.forwardRef(SelectComponent);\n"],"names":["SelectComponent","children","name","disabled","labeledBy","placeholder","describedBy","searchPlaceholder","searchInputProps","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","addNew","search","rest","ref","expanded","setExpanded","useState","filter","setFilter","display","setDisplay","containerReference","useRef","optionListReference","isSearching","setIsSearching","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","DEFAULT_RENDER_THRESHOLD","nativeSelect","createRef","searchInputRef","addBtnRef","addNewLabel","_a","label","getRenderThreshold","_b","renderThreshold","hasEnoughChildren","Array","isArray","length","shouldRenderSearch","enabled","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","React","Children","count","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","syncDisplayValue","val","forEach","child","props","renderOptions","filteredChildren","toArray","toLowerCase","match","internalChildren","_internalRenderChildren","createElement","classes","map","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","isAddBtnFocused","document","activeElement","renderSearch","Input","onFocus","onBlur","filterResults","wrapperProps","_d","_c","_e","style","type","_f","renderChevronIcon","Icon","icon","Icons","ChevronUp","ChevronDown","event","currentTarget","useDetermineStatusIcon","nativeOnChangeHandler","useEffect","focus","useBodyClick","target","closest","top","bottom","resetSearchState","reset","additionalClasses","push","Fragment","filterProps","tabIndex","readyclasses","onKeyDown","select","join","onClick","maxHeight","pointerEvents","role","onAddNew","btnProps","fontWeight","Select","forwardRef"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import e from "../../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select-module_sr-only__TQqez{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select-module_hidden__pKi-5{display:none}.Select-module_slide-in__gD4nj{animation:Select-module_slide-in__gD4nj .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-in__gD4nj{animation-duration:.1ms}}.Select-module_slide-out__qNAXK{animation:Select-module_slide-out__qNAXK .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-out__qNAXK{animation-duration:.1ms}}@keyframes Select-module_slide-in__gD4nj{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select-module_slide-out__qNAXK{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__4okI5{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__4okI5{transition-duration:.1ms}}.Select-module_select__4okI5 [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select-module_select__4okI5.Select-module_expanded__mnk2x .Select-module_list-wrapper__Dk9pW{background:var(--light)}.Select-module_select__4okI5:not(.Select-module_expanded__mnk2x) button:focus:not(.Select-module_error__5k7oW){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select-module_select__4okI5:hover:not(.Select-module_disabled__ySi2M):not(.Select-module_expanded__mnk2x):not(.Select-module_error__5k7oW) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{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__4okI5 .Select-module_custom-select__qtuLR{transition-duration:.1ms}}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR:focus{outline:0}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_error__5k7oW{border-color:var(--error);color:var(--error)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_error__5k7oW:focus{border-width:var(--input-border-width-focus)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_disabled__ySi2M{border-color:var(--color-disabled)}.Select-module_select__4okI5 .Select-module_list-wrapper__Dk9pW{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__4okI5 ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__4okI5 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__4okI5 ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:var(--input-border-width-focus)}.Select-module_select__4okI5 ul li:hover{background-color:var(--color-blue-grey50)}.Select-module_select__4okI5 ul li:active{background-color:var(--color-blue-grey100)}.Select-module_select__4okI5 ul li.Select-module_disabled__ySi2M{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}ul.Select-module_has-sibling__M4XC-{padding-bottom:2px}.Select-module_selected-option__wUy3C{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__qlDcZ{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select-module_action-button__IAzO2{background-color:var(--light);border:none;border-radius:var(--input-border-radius);border-top:1px solid var(--color-blue-grey50);box-sizing:border-box;color:var(--default);cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size);height:2.5rem;margin:0 0 .25rem;padding:.625rem .75rem;text-align:left;width:100%}.Select-module_action-button__IAzO2:focus{border-radius:0;outline:1px solid;outline-offset:0}.Select-module_action-button__IAzO2:hover{background-color:var(--color-blue-grey50)}.Select-module_action-button__IAzO2:active{background-color:var(--color-blue-grey100)}.Select-module_status__p90CC{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select-module_status__p90CC [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select-module_status__p90CC [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select-module_status__p90CC .Select-module_chevron-icon__I1QHG{color:var(--default);font-size:.625rem}.Select-module_status__p90CC *+*{margin-left:1.25rem}.Select-module_placeholder__sGzfV{color:var(--greyed-out)}.Select-module_select-search__icP-u{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select-module_disabled__ySi2M{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select-module_disabled__ySi2M>*{pointer-events:none}@media only screen and (min-width:30em){.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{padding:0 calc(.5rem - var(--input-border-width))}.Select-module_select__4okI5:not(.Select-module_expanded__mnk2x) button:focus:not(.Select-module_error__5k7oW){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2QkFRRSw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUx6QyxxQkFBc0IsQ0FPdEIsdUNBQXdDLENBUnhDLGlCQUFrQixDQUdsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUtGLENBQ0EsdUNBQ0UsNkJBQ0Usd0JBQ0YsQ0FDRixDQUNBLDRDQUNFLDBCQUEyQixDQUMzQiw4QkFDRixDQUNBLDhGQUNFLHVCQUNGLENBQ0EsK0dBQ0UsK0RBQWdFLENBQ2hFLHVEQUNGLENBQ0EsK0pBR0UseUNBQTBDLENBRjFDLDJCQUE0QixDQUM1QixzQ0FFRixDQUNBLGlFQUtFLHdCQUE2QixDQUM3QixzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHNDQUF1QyxDQUN2QyxzQ0FBdUMsQ0FHdkMsY0FBZSxDQURmLHVDQUF3QyxDQVB4Qyx1REFBMEQsQ0FDMUQsaURBQW1ELENBSG5ELGlCQUFrQixDQVlsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUF1QyxDQVp2QyxVQWFGLENBQ0EsdUNBQ0UsaUVBQ0Usd0JBQ0YsQ0FDRixDQUNBLHVFQUNFLFNBQ0YsQ0FDQSw0RkFDRSx5QkFBMEIsQ0FDMUIsa0JBQ0YsQ0FDQSxrR0FDRSw0Q0FDRixDQUNBLCtGQUNFLGtDQUNGLENBQ0EsZ0VBQ0UscUNBQXNDLENBR3RDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBRXZDLHlDQUFxRCxDQUlyRCxNQUFPLENBRVAsYUFBYyxDQUxkLGlCQUFrQixDQUVsQixRQUFTLENBRVQsVUFBVyxDQUhYLFVBS0YsQ0FDQSxnQ0FNRSw2QkFBOEIsQ0FDOUIsd0NBQXlDLENBTnpDLHFCQUFzQixDQU90QixvQkFBcUIsQ0FIckIsZUFBZ0IsQ0FEaEIsUUFBUyxDQUZULGdCQUFrQixDQU9sQixlQUFnQixDQU5oQixVQU9GLENBQ0EsbUNBTUUscUJBQXNCLENBRXRCLGNBQWUsQ0FOZix1Q0FBd0MsQ0FHeEMsbUJBQW9CLENBRnBCLFFBQVMsQ0FJVCxpQkFBa0IsQ0FObEIscUJBQXdCLENBR3hCLGlCQUtGLENBQ0EseUNBQ0UscUVBQXNFLENBQ3RFLDhDQUNGLENBQ0EseUNBQ0UseUNBQ0YsQ0FDQSwwQ0FDRSwwQ0FDRixDQUNBLGlFQUVFLGdDQUFpQyxDQURqQyx1QkFBd0IsQ0FFeEIsbUJBQ0YsQ0FFQSxvQ0FDRSxrQkFDRixDQUVBLHNDQU9FLGtDQUFvQyxDQUNwQyw2Q0FBK0MsQ0FGL0MsK0JBQWlDLENBR2pDLDBCQUEyQixDQVIzQixVQUFXLENBSVgsV0FBWSxDQURaLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FPRixDQUVBLCtCQUlFLG1CQUFvQixDQUhwQixpQkFBa0IsQ0FDbEIsT0FBUSxDQUNSLDBCQUVGLENBRUEsb0NBT0UsNkJBQThCLENBTjlCLFdBQVksQ0FPWix3Q0FBeUMsQ0FOekMsNkNBQThDLENBUzlDLHFCQUFzQixDQUZ0QixvQkFBcUIsQ0FHckIsY0FBZSxDQUNmLDhCQUErQixDQUMvQix1Q0FBd0MsQ0FWeEMsYUFBYyxDQUVkLGlCQUFtQixDQURuQixzQkFBeUIsQ0FLekIsZUFBZ0IsQ0FQaEIsVUFZRixDQUNBLDBDQUdFLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQixnQkFFRixDQUNBLDBDQUNFLHlDQUNGLENBQ0EsMkNBQ0UsMENBQ0YsQ0FFQSw2QkFNRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUpiLGlCQUFrQixDQUVsQixjQUFnQixDQURoQixPQUFRLENBRVIsMEJBR0YsQ0FDQSx3REFDRSxvQkFBcUIsQ0FDckIsaUJBQ0YsQ0FDQSxzREFDRSxrQkFBbUIsQ0FDbkIsaUJBQ0YsQ0FDQSxnRUFDRSxvQkFBcUIsQ0FDckIsaUJBQ0YsQ0FDQSxpQ0FDRSxtQkFDRixDQUVBLGtDQUNFLHVCQUNGLENBRUEsb0NBSUUsMkJBQTRCLENBQzVCLDRCQUE2QixDQUY3QixxQkFBc0IsQ0FGdEIsaUJBQWtCLENBQ2xCLFVBSUYsQ0FFQSwrQkFHRSx5Q0FBMEMsQ0FEMUMsdUJBQXdCLENBRHhCLGtCQUdGLENBQ0EsaUNBQ0UsbUJBQ0YsQ0FFQSx3Q0FDRSxpRUFDRSxpREFDRixDQUNBLCtHQUNFLHVEQUNGLENBQ0YiLCJmaWxlIjoiU2VsZWN0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IFtkYXRhLWRpc3BsYXldIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWRlZmF1bHQpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuLnNlbGVjdC5leHBhbmRlZCAubGlzdC13cmFwcGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tbGlnaHQpO1xufVxuLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXI6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykgc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSk7XG59XG4uc2VsZWN0OmhvdmVyOm5vdCguZGlzYWJsZWQpOm5vdCguZXhwYW5kZWQpOm5vdCguZXJyb3IpIGJ1dHRvbjpub3QoOmZvY3VzKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMi42MjVyZW0gLSAyICogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3Q6Zm9jdXMge1xuICBvdXRsaW5lOiAwO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5lcnJvcjpmb2N1cyB7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWRpc2FibGVkKTtcbn1cbi5zZWxlY3QgLmxpc3Qtd3JhcHBlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJveC1zaGFkb3c6IDAgOHB4IDEwcHggMCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICB0b3A6IDQ0cHg7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxudWwuaGFzLXNpYmxpbmcge1xuICBwYWRkaW5nLWJvdHRvbTogMnB4O1xufVxuXG4uc2VsZWN0ZWQtb3B0aW9uIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG5cbi5zZWxlY3RlZCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5hY3Rpb24tYnV0dG9uIHtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAyLjVyZW07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDAuNzVyZW07XG4gIG1hcmdpbjogMCAwIDAuMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xufVxuLmFjdGlvbi1idXR0b246Zm9jdXMge1xuICBvdXRsaW5lOiAxcHggc29saWQ7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiAwO1xufVxuLmFjdGlvbi1idXR0b246aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MCk7XG59XG4uYWN0aW9uLWJ1dHRvbjphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';var c={"sr-only":"Select-module_sr-only__TQqez",hidden:"Select-module_hidden__pKi-5","slide-in":"Select-module_slide-in__gD4nj","slide-out":"Select-module_slide-out__qNAXK",select:"Select-module_select__4okI5",expanded:"Select-module_expanded__mnk2x","list-wrapper":"Select-module_list-wrapper__Dk9pW",error:"Select-module_error__5k7oW",disabled:"Select-module_disabled__ySi2M","custom-select":"Select-module_custom-select__qtuLR","has-sibling":"Select-module_has-sibling__M4XC-","selected-option":"Select-module_selected-option__wUy3C",selected:"Select-module_selected__qlDcZ","action-button":"Select-module_action-button__IAzO2",status:"Select-module_status__p90CC","chevron-icon":"Select-module_chevron-icon__I1QHG",placeholder:"Select-module_placeholder__sGzfV","select-search":"Select-module_select-search__icP-u"};e(l);export{c as default};
-//# sourceMappingURL=Select.module.esm.js.map

package/dist/esm/src/components/Form/Select/Select.d.ts

@@ -1,43 +0,0 @@
-import React, { ComponentPropsWithRef, ReactElement } from "react";
-import { Props as InputProps } from "../Input/Input";
-import { FormElement } from "../form.interfaces";
-type PartialInputProps = Partial<InputProps>;
-interface SearchProps {
-    enabled?: boolean;
-    renderThreshold?: number;
-    searchPlaceholder?: string;
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-}
-export interface Props extends ComponentPropsWithRef<"select">, FormElement {
-    children: ReactElement[];
-    name?: string;
-    labeledBy?: string;
-    describedBy?: string;
-    placeholder?: string;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-    selectButtonProps?: ComponentPropsWithRef<"button">;
-    search?: SearchProps;
-    className?: string;
-    value: string;
-    clearLabel?: string;
-    noResultsLabel?: string;
-    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
-    addNew?: {
-        label: string;
-        onAddNew: (value: string) => void;
-        btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
-    };
-}
-export declare const Select: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-export {};