@onewelcome/react-lib-components 6.0.0 → 6.2.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.cjs.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\nexport interface Props extends ComponentPropsWithRef<\"select\">, FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n  selectButtonProps?: ComponentPropsWithRef<\"button\">;\n  className?: string;\n  value: string;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n}\n\n/** Amount of items to be rendered before a search input is rendered */\nconst renderSearchCondition = 10;\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    ...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] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n  const searchInputRef = useRef<HTMLInputElement>(null);\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    renderSearchCondition\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference });\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 a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    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        });\n      });\n    }\n  };\n\n  const shouldRenderSearch =\n    expanded && Array.isArray(children) && children.length > renderSearchCondition;\n\n  const renderSearch = () => (\n    <Input\n      {...searchInputProps}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={classes[\"select-search\"]}\n      wrapperProps={{\n        className: searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={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    searchInputProps?.reset && resetSearchState();\n  }, [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        {Array.isArray(children) && children.length > renderSearchCondition && 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: 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 role=\"listbox\">{renderOptions()}</ul>\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n\nexport const Select = React.forwardRef(SelectComponent);\n"],"names":["renderSearchCondition","SelectComponent","children","name","disabled","labeledBy","placeholder","describedBy","searchPlaceholder","searchInputProps","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","rest","ref","expanded","setExpanded","useState","filter","setFilter","display","setDisplay","containerReference","useRef","optionListReference","isSearching","setIsSearching","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","nativeSelect","createRef","searchInputRef","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","length","createElement","classes","map","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","shouldRenderSearch","Array","isArray","renderSearch","Input","onFocus","onBlur","filterResults","wrapperProps","_a","style","type","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","Select","forwardRef"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../../lib/style-inject.js");var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select-module_sr-only__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:transparent;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 4px 5px 0 rgba(1,5,50,.2);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}.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;max-height:21.25rem;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__4okI5 ul li{cursor:pointer;font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin:0;padding:.5rem .75rem;position:relative}.Select-module_select__4okI5 ul li:after{background-color:transparent;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.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:active:after,.Select-module_select__4okI5 ul li:hover:after{background-color:var(--color-primary)}.Select-module_select__4okI5 ul li:active:after{opacity:.1}.Select-module_select__4okI5 ul li.Select-module_disabled__ySi2M{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_selected-option__wUy3C{color:var(--color-primary)}.Select-module_selected-option__wUy3C:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.Select-module_selected__qlDcZ{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.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,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UiwwQkFHRixDQUNBLHdEQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLHNEQUNFLGtCQUFtQixDQUNuQixpQkFDRixDQUNBLGdFQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsa0NBQ0UsdUJBQ0YsQ0FFQSxvQ0FJRSwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRjdCLHFCQUFzQixDQUZ0QixpQkFBa0IsQ0FDbEIsVUFJRixDQUVBLCtCQUdFLHlDQUEwQyxDQUQxQyx1QkFBd0IsQ0FEeEIsa0JBR0YsQ0FDQSxpQ0FDRSxtQkFDRixDQUVBLHdDQUNFLGlFQUNFLGlEQUNGLENBQ0EsK0dBQ0UsdURBQ0YsQ0FDRiIsImZpbGUiOiJTZWxlY3QubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgW2RhdGEtZGlzcGxheV0ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uc2VsZWN0LmV4cGFuZGVkIC5saXN0LXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saWdodCk7XG59XG4uc2VsZWN0Om5vdCguZXhwYW5kZWQpIGJ1dHRvbjpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgYnV0dG9uOm5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdDpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZGlzYWJsZWQpO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMik7XG4gIGJveC1zaGFkb3c6IDBweCAzcHggMTRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xMjE1Njg2Mjc1KTtcbiAgYm94LXNoYWRvdzogMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICB0b3A6IDQ0cHg7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWF4LWhlaWdodDogMjEuMjVyZW07XG59XG4uc2VsZWN0IHVsIGxpIHtcbiAgcGFkZGluZzogMC41cmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zZWxlY3QgdWwgbGk6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDAuMDU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC12YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCB1bCBsaTpob3ZlcjphZnRlciwgLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3QgdWwgbGk6YWN0aXZlOmFmdGVyIHtcbiAgb3BhY2l0eTogMC4xO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3RlZC1vcHRpb246YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';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","selected-option":"Select-module_selected-option__wUy3C",selected:"Select-module_selected__qlDcZ",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["default"](l);exports["default"]=c;
-//# sourceMappingURL=Select.module.cjs.js.map

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

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

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

@@ -1,2 +0,0 @@
-import e,{createRef as o,useEffect as t}from"react";import l from"./Select.module.esm.js";const c=({children:c,className:n,isSelected:r=false,shouldClick:i,hasFocus:a,selectOpened:s,isSearching:d,childIndex:u,onOptionSelect:f,onFocusChange:p,disabled:m,value:h,...v},S)=>{let b=S||o();t((()=>{if(r&&b.current&&i)b.current.click()}),[r,i]);t((()=>{if(b.current&&a&&s&&!d){p&&u&&p(u);b.current.focus()}}),[a,b,s,d]);const g=()=>f===null||f===void 0?void 0:f(b);return e.createElement("li",{...v,ref:b,"data-value":h,className:`${r?l["selected-option"]:""} ${m?l.disabled:""} ${n!==null&&n!==void 0?n:""}`,onClick:g,onKeyDown:e=>{if(e.code==="Enter"){e.stopPropagation();e.preventDefault();g()}},"aria-selected":r,role:"option",tabIndex:m?-1:0},c)};const n=e.forwardRef(c);export{n as Option};
-//# sourceMappingURL=Option.esm.js.map

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}\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    ...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) {\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","rest","ref","innerOptionRef","createRef","useEffect","current","click","focus","onSelectHandler","React","createElement","classes","onClick","onKeyDown","event","code","stopPropagation","preventDefault","role","tabIndex","Option","forwardRef"],"mappings":"0FAyCA,MAAMA,EAAkE,EAEpEC,WACAC,YACAC,aAAa,MACbC,cACAC,WACAC,eACAC,cACAC,aACAC,iBACAC,gBACAC,WACAC,WACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAoCE,IAE1DC,GAAU,KACR,GAAId,GAAcY,EAAeG,SAAWd,EAC1CW,EAAeG,QAAQC,OACxB,GACA,CAAChB,EAAYC,IAEhBa,GAAU,KACR,GAAIF,EAAeG,SAAWb,GAAYC,IAAiBC,EAAa,CACtEG,GAAiBF,GAAcE,EAAcF,GAC7CO,EAAeG,QAAQE,OACxB,IACA,CAACf,EAAUU,EAAgBT,EAAcC,IAE5C,MAAMc,EAAkB,IAAMZ,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBM,GAE/C,OACEO,EACMC,cAAA,KAAA,IAAAV,EACJC,IAAKC,EAAc,aACPH,EACZV,UAAW,GAAGC,EAAaqB,EAAQ,mBAAqB,MACtDb,EAAWa,EAAQb,SAAW,MAC5BT,IAAS,MAATA,SAAS,EAATA,EAAa,KACjBuB,QAASJ,EACTK,UAAWC,IACT,GAAIA,EAAMC,OAAS,QAAS,CAC1BD,EAAME,kBACNF,EAAMG,iBAENT,GACD,GACF,gBACclB,EACf4B,KAAK,SACLC,SAAUrB,GAAY,EAAI,GAEzBV,EAEH,EAGS,MAAAgC,EAASX,EAAMY,WAAWlC"}

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

@@ -1,2 +0,0 @@
-import e from"./Select.module.esm.js";import t,{useState as s,useRef as n,createRef as r,useEffect as o,Fragment as a}from"react";import{Input as l}from"../Input/Input.esm.js";import{Icon as c,Icons as i}from"../../Icon/Icon.esm.js";import{useBodyClick as u}from"../../src/hooks/useBodyClick.esm.js";import d from"../../src/readyclasses.module.esm.js";import{filterProps as p}from"../../src/util/helper.esm.js";import{useArrowNavigation as m,useSelectPositionList as h}from"./SelectService.esm.js";import{useDetermineStatusIcon as f}from"../../src/hooks/useDetermineStatusIcon.esm.js";const v=10;const y=({children:y,name:b,disabled:E=false,labeledBy:C,placeholder:g,describedBy:N,searchPlaceholder:x="Search item",searchInputProps:S,selectButtonProps:w,className:I,error:j=false,success:k=false,value:A,clearLabel:L="Clear selection",noResultsLabel:P="No results found",onChange:$,...B},R)=>{const[F,O]=s(false);const[D,H]=s("");const[K,M]=s("");const T=n(null);const U=n(null);const[q,z]=s(false);const[G,J]=s(-1);const[Q,V]=s(false);const[W,X]=s(false);const Y=R||r();const Z=n(null);const _=e=>{if(Y.current&&e){Y.current.value=e.getAttribute("data-value");Y.current.dispatchEvent(new Event("change",{bubbles:true}))}O(false)};const ee=n(null);const{onArrowNavigation:te}=m({expanded:F,setExpanded:O,isSearching:q,setIsSearching:z,setFocusedSelectItem:J,onOptionChangeHandler:_,childrenCount:t.Children.count(y),setShouldClick:V,searchInputRef:Z,renderSearchCondition:v});const{listPosition:se,opacity:ne,optionsListMaxHeight:re,setListPosition:oe,setOpacity:ae}=h({expanded:F,optionListReference:U,containerReference:T});const le=e=>{t.Children.forEach(y,(t=>{if(t.props.value===e)M(t.props.children)}))};const ce=()=>{if(q||D!==""){const n=t.Children.toArray(y).filter((e=>e.props.children.toLowerCase().match(D.toLowerCase())!==null));const r=s(n);if(r.length===0)return t.createElement("li",{className:e["no-results"]},P);return s(n)}return s(y);function s(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{J(e)},onOptionSelect:e=>{_(e.current);V(false)},isSelected:e.props.value===A,isSearching:q,selectOpened:F,childIndex:s,hasFocus:G===s,shouldClick:Q})))}};const ie=F&&Array.isArray(y)&&y.length>v;const ue=()=>{var s;return t.createElement(l,{...S,ref:Z,onFocus:()=>z(true),onBlur:()=>z(false),onChange:pe,className:e["select-search"],wrapperProps:{className:(s=S===null||S===void 0?void 0:S.wrapperProps)===null||s===void 0?void 0:s.className},style:{display:F?"block":"none"},type:"text",name:"search-option",placeholder:x})};const de=()=>F?t.createElement(c,{className:e["chevron-icon"],icon:i.ChevronUp}):t.createElement(c,{className:e["chevron-icon"],icon:i.ChevronDown});const pe=e=>{H(e.currentTarget.value)};const me=f({success:k,error:j});const he=e=>{$===null||$===void 0?void 0:$(e)};o((()=>{if(F){J(0);X(true)}if(!F&&ee.current&&W){ee.current.focus();X(false)}}),[F,ee.current,W]);o((()=>{le(A)}),[A]);u((e=>!e.target.closest(".custom-select")&&F),(()=>{O(false);oe({top:0,bottom:"initial"});ae(0)}),F);const fe=()=>{H("");z(false);J(-1)};o((()=>{(S===null||S===void 0?void 0:S.reset)&&fe()}),[S===null||S===void 0?void 0:S.reset]);const ve=[];F&&ve.push(e.expanded);j&&ve.push(e.error);E&&ve.push(e.disabled);I&&ve.push(I);k&&ve.push(e.success);return t.createElement(a,null,t.createElement("select",{...p(B,/^data-/,false),tabIndex:-1,"aria-hidden":"true",ref:Y,name:b,onChange:he,className:d["sr-only"]},t.createElement("option",{value:""}),t.Children.map(y,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...p(B,/^data-/),ref:T,onKeyDown:te,className:`custom-select ${e.select} ${ve.join(" ")} ${I!==null&&I!==void 0?I:""}`},Array.isArray(y)&&y.length>v&&ue(),t.createElement("button",{...w,onClick:()=>{O(!F)},ref:ee,type:"button",name:b,className:`${e["custom-select"]} ${ve.join(" ")} `,style:{display:ie?"none":"initial"},disabled:E,"aria-disabled":E,"aria-invalid":j,"aria-expanded":F,"aria-haspopup":"listbox","aria-labelledby":C,"aria-describedby":N},t.createElement("div",{"data-display":true,className:e["selected"]},!A&&g&&t.createElement("span",{className:e["placeholder"]},g),(A===null||A===void 0?void 0:A.length)>0&&t.createElement("span",{"data-display-inner":true},K)),t.createElement("div",{className:e["status"]},me||de())),t.createElement("div",{ref:U,className:`list-wrapper ${e["list-wrapper"]}`,style:{display:F?"block":"none",opacity:ne,maxHeight:re,pointerEvents:F?"auto":"none",...se}},t.createElement("ul",{role:"listbox"},ce()))))};const b=t.forwardRef(y);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\nexport interface Props extends ComponentPropsWithRef<\"select\">, FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n  selectButtonProps?: ComponentPropsWithRef<\"button\">;\n  className?: string;\n  value: string;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n}\n\n/** Amount of items to be rendered before a search input is rendered */\nconst renderSearchCondition = 10;\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    ...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] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n  const searchInputRef = useRef<HTMLInputElement>(null);\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    renderSearchCondition\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference });\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 a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    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        });\n      });\n    }\n  };\n\n  const shouldRenderSearch =\n    expanded && Array.isArray(children) && children.length > renderSearchCondition;\n\n  const renderSearch = () => (\n    <Input\n      {...searchInputProps}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={classes[\"select-search\"]}\n      wrapperProps={{\n        className: searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={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    searchInputProps?.reset && resetSearchState();\n  }, [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        {Array.isArray(children) && children.length > renderSearchCondition && 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: 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 role=\"listbox\">{renderOptions()}</ul>\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n\nexport const Select = React.forwardRef(SelectComponent);\n"],"names":["renderSearchCondition","SelectComponent","children","name","disabled","labeledBy","placeholder","describedBy","searchPlaceholder","searchInputProps","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","rest","ref","expanded","setExpanded","useState","filter","setFilter","display","setDisplay","containerReference","useRef","optionListReference","isSearching","setIsSearching","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","nativeSelect","createRef","searchInputRef","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","length","createElement","classes","map","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","shouldRenderSearch","Array","isArray","renderSearch","Input","onFocus","onBlur","filterResults","wrapperProps","_a","style","type","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","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:transparent;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 4px 5px 0 rgba(1,5,50,.2);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}.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;max-height:21.25rem;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__4okI5 ul li{cursor:pointer;font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin:0;padding:.5rem .75rem;position:relative}.Select-module_select__4okI5 ul li:after{background-color:transparent;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.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:active:after,.Select-module_select__4okI5 ul li:hover:after{background-color:var(--color-primary)}.Select-module_select__4okI5 ul li:active:after{opacity:.1}.Select-module_select__4okI5 ul li.Select-module_disabled__ySi2M{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_selected-option__wUy3C{color:var(--color-primary)}.Select-module_selected-option__wUy3C:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.Select-module_selected__qlDcZ{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.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,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UiwwQkFHRixDQUNBLHdEQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLHNEQUNFLGtCQUFtQixDQUNuQixpQkFDRixDQUNBLGdFQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsa0NBQ0UsdUJBQ0YsQ0FFQSxvQ0FJRSwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRjdCLHFCQUFzQixDQUZ0QixpQkFBa0IsQ0FDbEIsVUFJRixDQUVBLCtCQUdFLHlDQUEwQyxDQUQxQyx1QkFBd0IsQ0FEeEIsa0JBR0YsQ0FDQSxpQ0FDRSxtQkFDRixDQUVBLHdDQUNFLGlFQUNFLGlEQUNGLENBQ0EsK0dBQ0UsdURBQ0YsQ0FDRiIsImZpbGUiOiJTZWxlY3QubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgW2RhdGEtZGlzcGxheV0ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uc2VsZWN0LmV4cGFuZGVkIC5saXN0LXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saWdodCk7XG59XG4uc2VsZWN0Om5vdCguZXhwYW5kZWQpIGJ1dHRvbjpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgYnV0dG9uOm5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdDpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZGlzYWJsZWQpO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMik7XG4gIGJveC1zaGFkb3c6IDBweCAzcHggMTRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xMjE1Njg2Mjc1KTtcbiAgYm94LXNoYWRvdzogMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICB0b3A6IDQ0cHg7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWF4LWhlaWdodDogMjEuMjVyZW07XG59XG4uc2VsZWN0IHVsIGxpIHtcbiAgcGFkZGluZzogMC41cmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zZWxlY3QgdWwgbGk6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDAuMDU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC12YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCB1bCBsaTpob3ZlcjphZnRlciwgLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3QgdWwgbGk6YWN0aXZlOmFmdGVyIHtcbiAgb3BhY2l0eTogMC4xO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3RlZC1vcHRpb246YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';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","selected-option":"Select-module_selected-option__wUy3C",selected:"Select-module_selected__qlDcZ",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,23 +0,0 @@
-import React, { ComponentPropsWithRef, ReactElement } from "react";
-import { Props as InputProps } from "../Input/Input";
-import { FormElement } from "../form.interfaces";
-type PartialInputProps = Partial<InputProps>;
-export interface Props extends ComponentPropsWithRef<"select">, FormElement {
-    children: ReactElement[];
-    name?: string;
-    labeledBy?: string;
-    describedBy?: string;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-    selectButtonProps?: ComponentPropsWithRef<"button">;
-    className?: string;
-    value: string;
-    clearLabel?: string;
-    noResultsLabel?: string;
-    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
-}
-export declare const Select: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-export {};

package/src/components/Breadcrumbs/Breadcrumbs.test.tsx

@@ -1,64 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import React from "react";
-import { Breadcrumbs, Props } from "./Breadcrumbs";
-import { render } from "@testing-library/react";
-import { Link } from "../Link/Link";
-
-const defaultParams: Props = {
-  ariaLabel: "Breadcrumbs",
-  children: [
-    <Link key="0" to="#1" data-testid="link">
-      Test1
-    </Link>,
-    <Link key="1" to="#2" data-testid="link">
-      Test2
-    </Link>
-  ]
-};
-
-const createBreadcrumbs = (params?: (defaultParams: Props) => Props) => {
-  let parameters: Props = defaultParams;
-  if (params) {
-    parameters = params(defaultParams);
-  }
-  const queries = render(<Breadcrumbs {...parameters} data-testid="breadcrumbs"></Breadcrumbs>);
-  const breadcrumbs = queries.getByTestId("breadcrumbs");
-
-  return {
-    ...queries,
-    breadcrumbs
-  };
-};
-
-describe("Breadcrumbs should render", () => {
-  it("renders without crashing", () => {
-    const { breadcrumbs } = createBreadcrumbs();
-
-    expect(breadcrumbs).toBeDefined();
-    expect(breadcrumbs.firstChild).not.toHaveAttribute("aria-current");
-    if (breadcrumbs.firstChild) {
-      const homeIcon = (breadcrumbs.firstChild as HTMLElement).querySelector(
-        "[class*='icon-home-filled']"
-      );
-      expect(homeIcon).toBeInTheDocument();
-    }
-    expect((breadcrumbs.firstChild as HTMLElement).tagName).toEqual("A");
-    expect(breadcrumbs.lastChild).toHaveAttribute("aria-current", "page");
-    expect((breadcrumbs.lastChild as HTMLElement).tagName).toEqual("SPAN");
-  });
-});

package/src/components/Button/BaseButton.test.tsx

@@ -1,133 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import React, { useEffect, useRef } from "react";
-import { BaseButton, Props } from "./BaseButton";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-const defaultParams: Props = {};
-
-const createBaseButton = (params?: (defaultParams: Props) => Props) => {
-  let parameters: Props = defaultParams;
-  if (params) {
-    parameters = params(defaultParams);
-  }
-  const queries = render(
-    <BaseButton {...parameters} data-testid="baseButton">
-      baseButton content
-    </BaseButton>
-  );
-  const baseButton = queries.getByTestId("baseButton");
-
-  return {
-    ...queries,
-    baseButton
-  };
-};
-
-describe("BaseButton should render", () => {
-  it("renders without crashing", () => {
-    const { baseButton } = createBaseButton();
-
-    expect(baseButton).toBeDefined();
-    expect(baseButton).toHaveTextContent("baseButton content");
-  });
-});
-
-describe("On click handler", () => {
-  it("executes the onclick handler", async () => {
-    const onClickHandler = jest.fn();
-    const { baseButton } = createBaseButton(defaultParams => ({
-      ...defaultParams,
-      onClick: onClickHandler
-    }));
-
-    await userEvent.click(baseButton);
-
-    expect(onClickHandler).toBeCalled();
-  });
-});
-
-describe("Properties of the button", () => {
-  it("should be disabled, function should not have been called", async () => {
-    const onClickHandler = jest.fn();
-    const { baseButton } = createBaseButton(defaultParams => ({
-      ...defaultParams,
-      disabled: true,
-      onClick: onClickHandler
-    }));
-
-    await userEvent.click(baseButton);
-    expect(onClickHandler).toHaveBeenCalledTimes(0);
-  });
-
-  it("when loading onClick function should not have been called", async () => {
-    const onClickHandler = jest.fn();
-    const { baseButton } = createBaseButton(defaultParams => ({
-      ...defaultParams,
-      loading: true,
-      onClick: onClickHandler
-    }));
-
-    await userEvent.click(baseButton);
-    expect(onClickHandler).toHaveBeenCalledTimes(0);
-  });
-
-  it('should have the class "TESTING"', () => {
-    const { baseButton } = createBaseButton(defaultParams => ({
-      ...defaultParams,
-      className: "TESTING"
-    }));
-
-    expect(baseButton).toHaveClass("TESTING");
-  });
-
-  it('should have a "name" property with the value "button"', () => {
-    const { baseButton } = createBaseButton(defaultParams => ({
-      ...defaultParams,
-      name: "button"
-    }));
-
-    expect(baseButton).toHaveAttribute("name", "button");
-  });
-});
-
-describe("ref should work", () => {
-  it("should give back the proper data prop, this also checks if the component propagates ...rest properly", () => {
-    const ExampleComponent = ({
-      propagateRef
-    }: {
-      propagateRef?: (ref: React.RefObject<HTMLElement>) => void;
-    }) => {
-      const ref = useRef(null);
-
-      useEffect(() => {
-        if (ref.current) {
-          propagateRef && propagateRef(ref);
-        }
-      }, [ref]);
-
-      return <BaseButton {...defaultParams} data-ref="testing" ref={ref} />;
-    };
-
-    const refCheck = (ref: React.RefObject<HTMLElement>) => {
-      expect(ref.current).toHaveAttribute("data-ref", "testing");
-    };
-
-    render(<ExampleComponent propagateRef={refCheck} />);
-  });
-});

package/src/components/Button/Button.test.tsx

@@ -1,150 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import React, { useRef, useEffect } from "react";
-import { Button, Props } from "./Button";
-import { render } from "@testing-library/react";
-import { Icon, Icons } from "../Icon/Icon";
-
-const defaultParams: Props = {};
-
-const createButton = (params?: (defaultParams: Props) => Props) => {
-  let parameters: Props = defaultParams;
-  if (params) {
-    parameters = params(defaultParams);
-  }
-  const queries = render(
-    <Button {...parameters} data-testid="button">
-      button content
-    </Button>
-  );
-  const button = queries.getByTestId("button");
-
-  return {
-    ...queries,
-    button
-  };
-};
-
-describe("Button should render", () => {
-  it("renders without crashing", () => {
-    const { button } = createButton();
-
-    expect(button).toBeDefined();
-  });
-});
-
-describe("ref should work", () => {
-  it("should give back the proper data prop, this also checks if the component propagates ...rest properly", () => {
-    const ExampleComponent = ({
-      propagateRef
-    }: {
-      propagateRef?: (ref: React.RefObject<HTMLElement>) => void;
-    }) => {
-      const ref = useRef(null);
-
-      useEffect(() => {
-        if (ref.current) {
-          propagateRef && propagateRef(ref);
-        }
-      }, [ref]);
-
-      return <Button {...defaultParams} data-ref="testing" ref={ref} />;
-    };
-
-    const refCheck = (ref: React.RefObject<HTMLElement>) => {
-      expect(ref.current).toHaveAttribute("data-ref", "testing");
-    };
-
-    render(<ExampleComponent propagateRef={refCheck} />);
-  });
-});
-
-describe("Button should render", () => {
-  it("renders without crashing", () => {
-    const { button } = createButton();
-
-    expect(button).toBeDefined();
-  });
-});
-
-describe("Different variants of the button", () => {
-  it('should have a class of "primary"', () => {
-    const { button } = createButton();
-
-    expect(button.classList.contains("primary")).toBe(true);
-  });
-
-  it('should have a class of "success"', () => {
-    const { button } = createButton(defaultParams => ({ ...defaultParams, color: "success" }));
-
-    expect(button.classList.contains("success")).toBe(true);
-  });
-
-  it('should have a class of "danger"', () => {
-    const { button } = createButton(defaultParams => ({ ...defaultParams, color: "danger" }));
-
-    expect(button.classList.contains("danger")).toBe(true);
-  });
-
-  it('should have a class of "warning"', () => {
-    const { button } = createButton(defaultParams => ({ ...defaultParams, color: "warning" }));
-
-    expect(button.classList.contains("warning")).toBe(true);
-  });
-
-  it('should have a class of "fill"', () => {
-    const { button } = createButton(defaultParams => ({ ...defaultParams, variant: "fill" }));
-
-    expect(button.classList.contains("fill")).toBe(true);
-  });
-
-  it('should have a class of "outline"', () => {
-    const { button } = createButton(defaultParams => ({ ...defaultParams, variant: "outline" }));
-
-    expect(button.classList.contains("outline")).toBe(true);
-  });
-
-  it('should have a class of "text"', () => {
-    const { button } = createButton(defaultParams => ({ ...defaultParams, variant: "text" }));
-
-    expect(button.classList.contains("text")).toBe(true);
-  });
-});
-
-describe("Button contains an icon", () => {
-  it("Contains an icon at the start", () => {
-    const { button } = createButton(defaultParams => ({
-      ...defaultParams,
-      startIcon: <Icon icon={Icons.Calendar} />
-    }));
-
-    expect(button.classList.contains("has-icon")).toBe(true);
-    expect(button.firstElementChild?.nodeName).toBe("I");
-    expect(button.querySelector("i + span")!.innerHTML).toBe("button content");
-  });
-
-  it("Contains an icon at the end", () => {
-    const { button } = createButton(defaultParams => ({
-      ...defaultParams,
-      endIcon: <Icon icon={Icons.Calendar} />
-    }));
-
-    expect(button.classList.contains("has-icon")).toBe(true);
-    expect(button.lastElementChild?.nodeName).toBe("I");
-    expect(button.querySelector("span")!.innerHTML).toBe("button content");
-  });
-});