@procore/core-react 11.22.0 → 11.23.0

package/dist/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiSelect.js","names":["Clear","React","Box","MenuImperative","useMenuImperativeControlNavigation","OverlayTrigger","Spinner","Token","Typography","isEventSource","useI18nContext","addSubcomponents","StyledMultiSelectArrow","StyledMultiSelectArrowContainer","StyledMultiSelectButton","StyledMultiSelectClearIcon","StyledMultiSelectMenu","StyledMultiSelectSearch","StyledMultiSelectSearchIcon","StyledMultiSelectSearchInput","StyledMultiSelectToken","StyledMultiSelectValues","targetShowKeys","targetHideKeys","overlayHideKeys","emptyArray","noop","returnTrue","isAlphaNumeric","str","length","match","setFocusTo","ref","current","focus","isOption","obj","_typeof","type","Option","defaultIsOptionDisabled","defaultGetId","item","id","defaultGetLabel","label","defaultGetGroup","groupId","defaultIsSelectable","defaultOptionRenderer","_ref","_qa$option","getId","getLabel","qa","value","props","_objectWithoutProperties","_excluded","createElement","_extends","key","option","call","defaultGroupHeaderRenderer","group","Group","concat","clickable","defaultTokenRenderer","_ref2","_qa$token","_qa$tokenClear","focused","disabled","removeToken","token","Label","Remove","onClick","tokenClear","useMultiSelect","_ref3","getGroup","menuRef","_ref3$onChange","onChange","onSearch_","onSearch","options_","options","optgroups","_React$useState","useState","_React$useState2","_slicedToArray","index","setIndex","_React$useState3","_React$useState4","search","setSearch","valueIds","reduce","acc","cur","add","Set","count","useMemo","filter","opt","toLowerCase","includes","useCallback","e","target","setTimeout","_menuRef$current","highlightFirst","clearToken","removeSelection","selection","selected","s","onSelect","newSelected","has","_toConsumableArray","i","decrementToken","Math","max","incrementToken","onKeyDown","event","_menuRef$current2","select","_menuRef$current3","prev","_menuRef$current4","next","repeat","useEffect","groupedOptions","optionsByGroup","_ref4","_objectSpread","_defineProperty","orphanOptions","forEach","groupOptions","push","console","warn","flatMap","groupHeader","isGroupHeader","ids","domHandlers","forwardRef","_ref5","_excluded2","Item","GroupedOptions","_ref6","multiselect","groupHeaderRenderer","optionRenderer","isOptionDisabled","Options","map","MultiSelect_","MultiSelect","_ref7","_ref7$afterHide","afterHide","_ref7$afterShow","afterShow","_ref7$beforeHide","beforeHide","_ref7$beforeShow","beforeShow","_ref7$block","block","_ref7$disabled","emptyMessage","_ref7$error","error","footer","_ref7$getId","_ref7$getLabel","_ref7$getGroup","_ref7$loading","loading","_ref7$onChange","onScrollBottom","_ref7$options","_ref7$isOptionDisable","_ref7$optionRenderer","_ref7$groupHeaderRend","_ref7$tokenRenderer","tokenRenderer","placeholder","_ref7$placement","placement","_ref7$value","_ref7$tabIndex","tabIndex","ariaLabelledBy","_ref7$qa","_excluded3","i18n","ownRef","useRef","targetRef","searchRef","_useMenuImperativeCon","menuNavigationTriggerProps","menuProps","I18n","hasClearIcon","isNavigatingTokens","overlay","shadowStrength","role","padding","color","intent","italic","t","Footer","canFlip","_menuRef$current5","MouseEvent","hideKeys","showKeys","trigger","_ref8","disable","enable","isVisible","$block","$error","$emptyValue","$disabled","$hasClearIcon","$loading","$open","$isNavigatingTokens","onBlur","preventDefault","stopPropagation","size","variant","icon","displayName"],"sources":["../../src/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { Spinner } from '../Spinner/Spinner'\nimport { Token } from '../Token/Token'\nimport { Typography } from '../Typography/Typography'\nimport { isEventSource } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledMultiSelectArrow,\n  StyledMultiSelectArrowContainer,\n  StyledMultiSelectButton,\n  StyledMultiSelectClearIcon,\n  StyledMultiSelectMenu,\n  StyledMultiSelectSearch,\n  StyledMultiSelectSearchIcon,\n  StyledMultiSelectSearchInput,\n  StyledMultiSelectToken,\n  StyledMultiSelectValues,\n} from './MultiSelect.styles'\nimport {\n  ChangeEvent,\n  GroupedOptionsProps,\n  GroupHeader,\n  GroupItem,\n  MultiSelectConfig,\n  MultiSelectHook,\n  MultiSelectOptionProps,\n  MultiSelectProps,\n  OptionItem,\n  OptionRendererProps,\n  TokenRendererProps,\n} from './MultiSelect.types'\n\nconst targetShowKeys = ['ArrowDown', 'Down']\n\nconst targetHideKeys = ['Esc', 'Escape']\n\nconst overlayHideKeys = targetHideKeys\n\nconst emptyArray: OptionItem[] = []\n\nfunction noop() {}\n\nfunction returnTrue() {\n  return true\n}\n\nfunction isAlphaNumeric(str: string) {\n  return str.length === 1 && str.match(/[A-Za-z0-9 _.,!\"'/$]*/i)\n}\n\nfunction setFocusTo(ref: React.RefObject<HTMLElement>) {\n  if (ref.current) {\n    ref.current.focus()\n  }\n}\n\nfunction isOption(obj: React.ReactChild) {\n  return typeof obj === 'object' && obj.type === Option\n}\n\nfunction defaultIsOptionDisabled() {\n  return false\n}\n\nfunction defaultGetId(item: OptionItem) {\n  return item.id\n}\n\nfunction defaultGetLabel(item: OptionItem) {\n  return item.label\n}\n\nfunction defaultGetGroup(item: OptionItem) {\n  return item.groupId\n}\n\nfunction defaultIsSelectable(obj: React.ReactChild) {\n  typeof obj === 'object' && obj.type === Option\n}\n\nfunction defaultOptionRenderer(\n  item: OptionItem,\n  { getId, getLabel, qa, value, ...props }: OptionRendererProps\n) {\n  return (\n    <Option\n      key={getId(item)}\n      value={value || item}\n      data-qa={qa?.option?.(item)}\n      {...props}\n    >\n      {getLabel(item)}\n    </Option>\n  )\n}\n\nfunction defaultGroupHeaderRenderer(group: GroupItem) {\n  return (\n    <MenuImperative.Group key={`group_${group.id}`} clickable={false}>\n      {group.label}\n    </MenuImperative.Group>\n  )\n}\n\nfunction defaultTokenRenderer({\n  focused,\n  disabled,\n  option,\n  removeToken,\n  getLabel,\n  qa,\n}: TokenRendererProps) {\n  return (\n    <Token disabled={disabled} focused={focused} data-qa={qa?.token?.(option)}>\n      <Token.Label>{getLabel(option)}</Token.Label>\n      <Token.Remove\n        data-close\n        onClick={removeToken}\n        data-qa={qa?.tokenClear?.(option)}\n      />\n    </Token>\n  )\n}\n\nfunction useMultiSelect({\n  getId,\n  getLabel,\n  getGroup,\n  menuRef,\n  onChange = noop,\n  onSearch: onSearch_,\n  options: options_,\n  value,\n  optgroups,\n}: MultiSelectConfig): MultiSelectHook {\n  const [index, setIndex] = React.useState<number | null>(null)\n\n  const [search, setSearch] = React.useState<string>('')\n\n  const valueIds = value.reduce<Set<number | string>>((acc, cur) => {\n    acc.add(getId(cur))\n\n    return acc\n  }, new Set())\n\n  const count = value.length\n\n  const options = React.useMemo(\n    function () {\n      if (onSearch_) {\n        return options_\n      }\n\n      return options_.filter((opt) =>\n        getLabel(opt).toLowerCase().includes(search.toLowerCase())\n      )\n    },\n    [options_, onSearch_, getLabel, search]\n  )\n\n  const onSearch = React.useCallback(\n    function (e: ChangeEvent) {\n      if (onSearch_) {\n        onSearch_(e)\n      }\n\n      setSearch(e.target.value)\n\n      // TODO: because menu highlighting is now imperative, we have to wait\n      // for a render to highlight the first item. Is there a better way\n      // to schedule this?\n      setTimeout(() => menuRef.current?.highlightFirst(), 0)\n    },\n    [menuRef, onSearch_]\n  )\n\n  const clearToken = () => setIndex(null)\n\n  const removeSelection = React.useCallback(\n    function (selection: OptionItem, selected: OptionItem[]) {\n      return selected.filter((s) => getId(s) !== getId(selection))\n    },\n    [getId]\n  )\n\n  const onSelect = React.useCallback(\n    (selection: Selection) => {\n      const newSelected = valueIds.has(getId(selection.item))\n        ? removeSelection(selection.item, value)\n        : [...value, selection.item]\n\n      setSearch('')\n\n      onChange(newSelected)\n    },\n    [setSearch, onChange, getId, removeSelection, value, valueIds]\n  )\n\n  const removeToken = React.useCallback(\n    function (i: number) {\n      onChange(removeSelection(value[i], value))\n    },\n    [value, onChange, removeSelection]\n  )\n\n  const decrementToken = React.useCallback(\n    function () {\n      if (index === null) {\n        // index is null, set it to the last token index\n        setIndex(count - 1)\n      } else {\n        // decrementToken by one, don't go below 0\n        setIndex(Math.max(0, index - 1))\n      }\n    },\n    [count, index, setIndex]\n  )\n\n  const incrementToken = React.useCallback(\n    function () {\n      if (index === count - 1) {\n        setIndex(null)\n      } else if (index !== null) {\n        setIndex(index + 1)\n      }\n    },\n    [count, index, setIndex]\n  )\n\n  const onKeyDown = React.useCallback(\n    function (event: React.KeyboardEvent<HTMLInputElement>) {\n      if (event.key === 'Enter') {\n        menuRef.current?.select(event)\n      }\n\n      if (event.key === 'ArrowUp' || event.key === 'Up') {\n        menuRef.current?.prev()\n      }\n\n      if (event.key === 'ArrowDown' || event.key === 'Down') {\n        menuRef.current?.next()\n      }\n\n      if (search === '') {\n        if (event.key === 'Backspace') {\n          // to prevent accidentally deleting too many tokens, don't do anything\n          // on repeating key events\n          if (event.repeat) {\n            return\n          }\n\n          // if we are focused on a token, remove it, otherwise remove the last token\n          removeToken(index !== null ? index : count - 1)\n\n          if (count >= 1) {\n            decrementToken()\n          } else {\n            clearToken()\n          }\n        }\n\n        if (event.key === 'ArrowLeft' || event.key === 'Left') {\n          decrementToken()\n        }\n\n        if (event.key === 'ArrowRight' || event.key === 'Right') {\n          incrementToken()\n        }\n      }\n    },\n    [count, decrementToken, incrementToken, index, menuRef, removeToken, search]\n  )\n\n  React.useEffect(\n    function () {\n      // if we've deleted a token and our new count is less than\n      // our current index, clear the index\n      if (count <= (index || 0)) {\n        clearToken()\n      }\n    },\n    [count, index]\n  )\n\n  const groupedOptions = React.useMemo(() => {\n    if (!optgroups || !optgroups.length) {\n      return options\n    }\n\n    const optionsByGroup: Record<string, (OptionItem | GroupHeader)[]> =\n      optgroups.reduce((acc, { id }) => {\n        return {\n          ...acc,\n          [id]: [],\n        }\n      }, {})\n\n    const orphanOptions = [] as OptionItem[]\n\n    options.forEach((option) => {\n      const groupId = getGroup(option)\n      const groupOptions = optionsByGroup[groupId]\n\n      if (!groupId || !groupOptions) {\n        orphanOptions.push(option)\n        return\n      }\n\n      optionsByGroup[groupId].push(option)\n    })\n\n    if (orphanOptions.length) {\n      console.warn(\n        `Could not find option groups for the options below. Make sure that every option has a proper \"groupId\" field or if \"getGroup\" is implemented correctly.`,\n        orphanOptions\n      )\n    }\n\n    return optgroups.flatMap((group: GroupItem) => {\n      const groupHeader = { ...group, isGroupHeader: true }\n      const groupOptions = optionsByGroup[group.id]\n\n      if (!groupOptions.length) {\n        return []\n      }\n\n      return [groupHeader, ...groupOptions]\n    }, [])\n  }, [options, getGroup, optgroups])\n\n  return {\n    ids: valueIds,\n    index,\n    menuRef,\n    options: groupedOptions,\n    search,\n\n    clearToken,\n    decrementToken,\n    incrementToken,\n    onSearch,\n    onSelect,\n    removeToken,\n\n    domHandlers: {\n      onKeyDown,\n    },\n  }\n}\n\nexport const Option = React.forwardRef<HTMLDivElement, MultiSelectOptionProps>(\n  function Option({ value, ...props }, ref) {\n    return <MenuImperative.Item ref={ref} {...props} item={value} />\n  }\n)\n\nfunction GroupedOptions({\n  multiselect,\n  groupHeaderRenderer,\n  optionRenderer,\n  getId,\n  getLabel,\n  isOptionDisabled,\n  qa,\n}: GroupedOptionsProps) {\n  return (\n    <MenuImperative.Options>\n      {multiselect.options.map((opt) => {\n        if (opt.isGroupHeader) {\n          const groupHeader: GroupHeader = opt\n          return groupHeaderRenderer(groupHeader)\n        }\n\n        return optionRenderer(opt, {\n          getId,\n          getLabel,\n          // @ts-ignore\n          // Object literal may only specify known properties, and 'key' does not exist in type 'OptionRendererProps'.\n          key: getId(opt),\n          selected: multiselect.ids.has(getId(opt)),\n          disabled: isOptionDisabled(opt),\n          value: opt,\n          qa,\n        })\n      })}\n    </MenuImperative.Options>\n  )\n}\n\n/**\n\n Multi selects allow our users to choose one to many options from a list,\n presented in a dropdown. We typically see these selects on forms.\n\n Other select components are group select, select, and tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/multiselect--basic)\n\n @see [Design Guidelines](https://design.procore.com/multi-select)\n\n */\nconst MultiSelect_ = React.forwardRef<HTMLDivElement, MultiSelectProps>(\n  function MultiSelect(\n    {\n      afterHide = noop,\n      afterShow = noop,\n      beforeHide = returnTrue,\n      beforeShow = returnTrue,\n      block = false,\n      disabled = false,\n      emptyMessage,\n      error = false,\n      footer,\n      getId = defaultGetId,\n      getLabel = defaultGetLabel,\n      getGroup = defaultGetGroup,\n      loading = false,\n      onChange = noop,\n      onScrollBottom,\n      onSearch,\n      options = emptyArray,\n      isOptionDisabled = defaultIsOptionDisabled,\n      optionRenderer = defaultOptionRenderer,\n      optgroups,\n      groupHeaderRenderer = defaultGroupHeaderRenderer,\n      tokenRenderer = defaultTokenRenderer,\n      placeholder,\n      placement = 'bottom-left',\n      value = emptyArray,\n      tabIndex = 0,\n      ['aria-labelledby']: ariaLabelledBy,\n      qa = {},\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const ownRef = React.useRef<HTMLDivElement>()\n    const targetRef = (ref as React.RefObject<HTMLDivElement>) || ownRef\n\n    const searchRef = React.useRef<HTMLInputElement>(null)\n\n    const menuRef = React.useRef<MenuRef | null>(null)\n    const { menuNavigationTriggerProps, menuProps } =\n      useMenuImperativeControlNavigation(menuRef)\n\n    const I18n = useI18nContext()\n\n    const multiselect = useMultiSelect({\n      getId,\n      getLabel,\n      getGroup,\n      menuRef,\n      onSearch,\n      options,\n      onChange: function (value) {\n        onChange(value)\n\n        setFocusTo(searchRef)\n      },\n      value,\n      optgroups,\n    })\n\n    const hasClearIcon = value.length > 0 && !loading\n\n    const isNavigatingTokens = multiselect.index !== null\n\n    const overlay = (\n      <StyledMultiSelectMenu shadowStrength={2}>\n        <MenuImperative\n          {...menuProps}\n          ref={menuRef}\n          onScrollBottom={onScrollBottom}\n          onSelect={multiselect.onSelect}\n          data-qa=\"multi-select-menu\"\n          role=\"listbox\"\n        >\n          {multiselect.options.length ? (\n            <GroupedOptions\n              multiselect={multiselect}\n              getId={getId}\n              getLabel={getLabel}\n              isOptionDisabled={isOptionDisabled}\n              groupHeaderRenderer={groupHeaderRenderer}\n              optionRenderer={optionRenderer}\n              qa={qa}\n            />\n          ) : (\n            <Box padding=\"md lg\">\n              <Typography color=\"gray45\" intent=\"small\" italic>\n                {emptyMessage || I18n.t('core.multiSelect.noResults')}\n              </Typography>\n            </Box>\n          )}\n          {footer && <MenuImperative.Footer>{footer}</MenuImperative.Footer>}\n        </MenuImperative>\n      </StyledMultiSelectMenu>\n    )\n\n    return (\n      <OverlayTrigger\n        canFlip={true}\n        afterHide={() => {\n          multiselect.clearToken()\n\n          afterHide()\n        }}\n        afterShow={() => {\n          multiselect.clearToken()\n\n          menuRef.current?.highlightFirst()\n\n          afterShow()\n        }}\n        beforeHide={(e) => {\n          // if we are clicking somewhere in the target, set focus on the search\n          if (e instanceof MouseEvent && isEventSource(targetRef, e)) {\n            setFocusTo(searchRef)\n          }\n\n          return beforeHide(e)\n        }}\n        beforeShow={(e) => {\n          setFocusTo(searchRef)\n\n          return beforeShow(e)\n        }}\n        hideKeys={{\n          overlay: overlayHideKeys,\n          target: targetHideKeys,\n        }}\n        overlay={overlay}\n        placement={placement}\n        ref={targetRef}\n        showKeys={targetShowKeys}\n        trigger=\"click\"\n      >\n        {({ disable, enable, isVisible }) => {\n          return (\n            <StyledMultiSelectButton\n              $block={block}\n              $error={error}\n              $emptyValue={value.length === 0}\n              $disabled={disabled}\n              $hasClearIcon={hasClearIcon}\n              $loading={loading}\n              $open={isVisible}\n              {...props}\n            >\n              <StyledMultiSelectValues>\n                {value.map((selection, i) => {\n                  return (\n                    <StyledMultiSelectToken key={getId(selection)}>\n                      {tokenRenderer({\n                        option: selection,\n                        focused: i === multiselect.index,\n                        disabled: disabled,\n                        getLabel,\n                        removeToken: function () {\n                          multiselect.removeToken(i)\n                        },\n                        qa,\n                      })}\n                    </StyledMultiSelectToken>\n                  )\n                })}\n\n                <StyledMultiSelectSearch>\n                  <StyledMultiSelectSearchInput\n                    aria-labelledby={ariaLabelledBy}\n                    data-qa=\"core-multiselect-input\"\n                    $isNavigatingTokens={isNavigatingTokens}\n                    disabled={disabled}\n                    onBlur={multiselect.clearToken}\n                    onChange={function (e) {\n                      multiselect.onSearch(e)\n                    }}\n                    {...menuNavigationTriggerProps}\n                    onKeyDown={function (e) {\n                      if (isNavigatingTokens && e.key !== 'Tab') {\n                        // if we are navigating tokens don't do any input but allow Tab\n                        e.preventDefault()\n                      }\n\n                      if (isVisible) {\n                        // if the overlay is visible, close it and keep focus\n                        if (e.key === 'Tab') {\n                          e.preventDefault()\n\n                          disable(e)\n                        }\n                        // if open, don't notify parents (like Modal) but still let OverlayTrigger close it and keep it focus\n                        if (e.key === 'Esc' || e.key === 'Escape') {\n                          e.stopPropagation()\n                          disable(e)\n                        }\n                      } else {\n                        // if we type in an alphanumeric character, show the overlay\n                        if (isAlphaNumeric(e.key)) {\n                          enable(e)\n                        }\n                      }\n\n                      multiselect.domHandlers.onKeyDown(e)\n                    }}\n                    placeholder={\n                      value?.length > 0\n                        ? ''\n                        : placeholder ?? I18n.t('core.multiSelect.selectValues')\n                    }\n                    ref={searchRef}\n                    tabIndex={tabIndex}\n                    value={multiselect.search}\n                  />\n                </StyledMultiSelectSearch>\n              </StyledMultiSelectValues>\n              <StyledMultiSelectSearchIcon>\n                <StyledMultiSelectClearIcon\n                  aria-label={i18n.t('core.multiSelect.clearAll')}\n                  data-close\n                  data-qa=\"core-multiselect-clear\"\n                  size=\"sm\"\n                  variant=\"tertiary\"\n                  disabled={disabled}\n                  icon={<Clear />}\n                  onClick={() => onChange([])}\n                  tabIndex={-1} // TODO revisit this accessibility\n                />\n                {loading ? (\n                  <Spinner color=\"blue50\" size=\"xs\" />\n                ) : (\n                  <StyledMultiSelectArrowContainer\n                    data-qa=\"multiselect-select-arrow\"\n                    onClick={(e) => isVisible && disable(e)}\n                  >\n                    <StyledMultiSelectArrow />\n                  </StyledMultiSelectArrowContainer>\n                )}\n              </StyledMultiSelectSearchIcon>\n            </StyledMultiSelectButton>\n          )\n        }}\n      </OverlayTrigger>\n    )\n  }\n)\n\nMultiSelect_.displayName = 'MultiSelect'\n\n/**\n * @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-multiselect--demo)\n * @see [Design Guidelines](https://design.procore.com/multi-select)\n */\nexport const MultiSelect = addSubcomponents(\n  {\n    Option,\n  },\n  MultiSelect_\n)\n"],"mappings":"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"}

package/dist/MultiSelect/MultiSelect.styles.js

@@ -1,28 +1,41 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
-import { StyledSelectArrow, StyledSelectArrowContainer, StyledSelectButton, StyledSelectClearIcon, StyledSelectMenu, } from '../Select/Select.styles';
+import { StyledSelectArrow, StyledSelectArrowContainer, StyledSelectButton, StyledSelectClearIcon, StyledSelectMenu } from '../Select/Select.styles';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
-export var StyledMultiSelectValues = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 2px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  min-width: 0;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 2px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  min-width: 0;\n  width: 100%;\n"])), spacing.md, spacing.xs);
-export var StyledMultiSelectToken = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 0 1 auto;\n\n  > div {\n    max-width: 178px;\n    width: 100%;\n  }\n"], ["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 0 1 auto;\n\n  > div {\n    max-width: 178px;\n    width: 100%;\n  }\n"])), spacing.xs);
-export var StyledMultiSelectSearchInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: transparent;\n  border-width: 0;\n  font-family: inherit;\n  padding: 0;\n  height: 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &:focus {\n    box-shadow: none;\n    outline: none;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"], ["\n  background-color: transparent;\n  border-width: 0;\n  font-family: inherit;\n  padding: 0;\n  height: 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &:focus {\n    box-shadow: none;\n    outline: none;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"])), getTypographyIntent('body'), function (_a) {
-    var $isNavigatingTokens = _a.$isNavigatingTokens;
-    return $isNavigatingTokens && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: transparent;\n    "], ["\n      color: transparent;\n    "])));
+export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledMultiSelectValues",
+  componentId: "core-11_23_0__sc-s9ym9q-0"
+})(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
+export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledMultiSelectToken",
+  componentId: "core-11_23_0__sc-s9ym9q-1"
+})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
+export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
+  displayName: "StyledMultiSelectSearchInput",
+  componentId: "core-11_23_0__sc-s9ym9q-2"
+})(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
+  var $isNavigatingTokens = _ref.$isNavigatingTokens;
+  return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
-export var StyledMultiSelectSearch = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 1;\n  max-width: 100%;\n  min-width: 24px;\n"], ["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 1;\n  max-width: 100%;\n  min-width: 24px;\n"])), spacing.xs);
-export var StyledMultiSelectSearchIcon = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  align-self: flex-start;\n  display: flex;\n  height: 34px;\n  justify-content: flex-end;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  min-width: 40px;\n  width: 40px;\n"], ["\n  align-items: center;\n  align-self: flex-start;\n  display: flex;\n  height: 34px;\n  justify-content: flex-end;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  min-width: 40px;\n  width: 40px;\n"])), spacing.xs, spacing.md);
+export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledMultiSelectSearch",
+  componentId: "core-11_23_0__sc-s9ym9q-3"
+})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
+export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledMultiSelectSearchIcon",
+  componentId: "core-11_23_0__sc-s9ym9q-4"
+})(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
 export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
 export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
-export var StyledMultiSelectButton = styled(StyledSelectButton)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: auto;\n  padding: 0;\n  white-space: normal;\n\n  &:focus-within {\n    ", "\n  }\n\n  ", "\n"], ["\n  height: auto;\n  padding: 0;\n  white-space: normal;\n\n  &:focus-within {\n    ", "\n  }\n\n  ", "\n"])), getFocus(), function (_a) {
-    var $emptyValue = _a.$emptyValue;
-    return $emptyValue && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", " {\n        cursor: pointer;\n      }\n    "], ["\n      ", " {\n        cursor: pointer;\n      }\n    "])), StyledMultiSelectSearchInput);
+export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
+  displayName: "StyledMultiSelectButton",
+  componentId: "core-11_23_0__sc-s9ym9q-5"
+})(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
+  var $emptyValue = _ref2.$emptyValue;
+  return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=MultiSelect.styles.js.map

package/dist/MultiSelect/MultiSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.styles.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,0OAAA,gFAIhC,EAAU,uBACT,EAAU,4DAI3B,KALgB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,CAI3B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,yNAAA,2CAE9B,EAAU,yGAQ3B,KARiB,OAAO,CAAC,EAAE,CAQ3B,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,mXAEtD,uIAQE,EAA2B,QAE3B,EAIC,iJAYQ,EAAa,UAEzB,KApBG,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAC,EAAuB;QAArB,mBAAmB,yBAAA;IACtB,OAAA,mBAAmB,IACnB,GAAG,sGAAA,mCAEF,IAAA;AAHD,CAGC,EAYQ,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,+LAAA,2CAE/B,EAAU,+EAK3B,KALiB,OAAO,CAAC,EAAE,CAK3B,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,gRAAA,uIAMpC,EAAU,uBACT,EAAU,2CAG3B,KAJgB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,CAG3B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,qBAAqB,CAAA;AAE/D,MAAM,CAAC,IAAM,+BAA+B,GAAG,0BAA0B,CAAA;AAEzE,MAAM,CAAC,IAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEvD,MAAM,CAAC,IAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAErD,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,kBAAkB,CAAC,8KAE/D,sFAMI,EAAU,aAGZ,EAMC,IACJ,KAVK,QAAQ,EAAE,EAGZ,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,4HAAA,UACC,EAA4B,6CAG/B,KAHG,4BAA4B,CAG/B;AALD,CAKC,CACJ,CAAA"}
+{"version":3,"file":"MultiSelect.styles.js","names":["styled","css","StyledSelectArrow","StyledSelectArrowContainer","StyledSelectButton","StyledSelectClearIcon","StyledSelectMenu","getTypographyIntent","colors","getFocus","spacing","StyledMultiSelectValues","div","withConfig","displayName","componentId","md","xs","StyledMultiSelectToken","StyledMultiSelectSearchInput","input","_ref","$isNavigatingTokens","gray45","StyledMultiSelectSearch","StyledMultiSelectSearchIcon","StyledMultiSelectClearIcon","StyledMultiSelectArrowContainer","StyledMultiSelectArrow","StyledMultiSelectMenu","StyledMultiSelectButton","_ref2","$emptyValue"],"sources":["../../src/MultiSelect/MultiSelect.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  StyledSelectArrow,\n  StyledSelectArrowContainer,\n  StyledSelectButton,\n  StyledSelectClearIcon,\n  StyledSelectMenu,\n} from '../Select/Select.styles'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledMultiSelectValues = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 2px;\n  margin-left: ${spacing.md}px;\n  margin-right: ${spacing.xs}px;\n  margin-top: 2px;\n  min-width: 0;\n  width: 100%;\n`\n\nexport const StyledMultiSelectToken = styled.div`\n  margin-bottom: 2px;\n  margin-right: ${spacing.xs}px;\n  margin-top: 2px;\n  flex: 0 1 auto;\n\n  > div {\n    max-width: 178px;\n    width: 100%;\n  }\n`\n\nexport const StyledMultiSelectSearchInput = styled.input<{\n  $isNavigatingTokens?: boolean\n}>`\n  background-color: transparent;\n  border-width: 0;\n  font-family: inherit;\n  padding: 0;\n  height: 24px;\n  width: 100%;\n\n  ${getTypographyIntent('body')}\n\n  ${({ $isNavigatingTokens }) =>\n    $isNavigatingTokens &&\n    css`\n      color: transparent;\n    `}\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &:focus {\n    box-shadow: none;\n    outline: none;\n  }\n\n  &::placeholder {\n    color: ${colors.gray45};\n  }\n`\n\nexport const StyledMultiSelectSearch = styled.div`\n  margin-bottom: 2px;\n  margin-right: ${spacing.xs}px;\n  margin-top: 2px;\n  flex: 1;\n  max-width: 100%;\n  min-width: 24px;\n`\n\nexport const StyledMultiSelectSearchIcon = styled.div`\n  align-items: center;\n  align-self: flex-start;\n  display: flex;\n  height: 34px;\n  justify-content: flex-end;\n  margin-left: ${spacing.xs}px;\n  margin-right: ${spacing.md}px;\n  min-width: 40px;\n  width: 40px;\n`\n\nexport const StyledMultiSelectClearIcon = StyledSelectClearIcon\n\nexport const StyledMultiSelectArrowContainer = StyledSelectArrowContainer\n\nexport const StyledMultiSelectArrow = StyledSelectArrow\n\nexport const StyledMultiSelectMenu = StyledSelectMenu\n\nexport const StyledMultiSelectButton = styled(StyledSelectButton)<{\n  $emptyValue: boolean\n}>`\n  height: auto;\n  padding: 0;\n  white-space: normal;\n\n  &:focus-within {\n    ${getFocus()}\n  }\n\n  ${({ $emptyValue }) =>\n    $emptyValue &&\n    css`\n      ${StyledMultiSelectSearchInput} {\n        cursor: pointer;\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,iBAAiB,EACjBC,0BAA0B,EAC1BC,kBAAkB,EAClBC,qBAAqB,EACrBC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,uBAAuB,gBAAGX,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAIhCL,OAAO,CAACM,EAAE,EACTN,OAAO,CAACO,EAAE,CAI3B;AAED,OAAO,IAAMC,sBAAsB,gBAAGlB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8GAE9BL,OAAO,CAACO,EAAE,CAQ3B;AAED,OAAO,IAAME,4BAA4B,gBAAGnB,MAAM,CAACoB,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAUpDR,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAc,IAAA;EAAA,IAAGC,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;EAAA,OACtBA,mBAAmB,IACnBrB,GAAG,wBAEF;AAAA,GAYQO,MAAM,CAACe,MAAM,CAEzB;AAED,OAAO,IAAMC,uBAAuB,gBAAGxB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAE/BL,OAAO,CAACO,EAAE,CAK3B;AAED,OAAO,IAAMQ,2BAA2B,gBAAGzB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qKAMpCL,OAAO,CAACO,EAAE,EACTP,OAAO,CAACM,EAAE,CAG3B;AAED,OAAO,IAAMU,0BAA0B,GAAGrB,qBAAqB;AAE/D,OAAO,IAAMsB,+BAA+B,GAAGxB,0BAA0B;AAEzE,OAAO,IAAMyB,sBAAsB,GAAG1B,iBAAiB;AAEvD,OAAO,IAAM2B,qBAAqB,GAAGvB,gBAAgB;AAErD,OAAO,IAAMwB,uBAAuB,gBAAG9B,MAAM,CAACI,kBAAkB,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAQ3DN,QAAQ,CAAC,CAAC,EAGZ,UAAAsB,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACX/B,GAAG,4BACCkB,4BAA4B,CAG/B;AAAA,EACJ"}

package/dist/MultiSelect/MultiSelect.test.js

@@ -0,0 +1,250 @@
+import { configure } from '@testing-library/dom'
+import '@testing-library/jest-dom'
+import {
+  render,
+  screen,
+  waitFor,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import React from 'react'
+import { MultiSelect } from './MultiSelect'
+
+configure({ testIdAttribute: 'data-qa' })
+
+const options = [
+  {
+    id: '1',
+    label: 'blue bird is a really long item and should overflow',
+    groupId: '1',
+  },
+  { id: '2', label: 'canary', groupId: '1' },
+  { id: '3', label: 'eagle', groupId: '1' },
+  { id: '4', label: 'falcon', groupId: '1' },
+  { id: '5', label: 'finch', groupId: '1' },
+  { id: '6', label: 'hawk', groupId: '2' },
+  { id: '7', label: 'owl', groupId: '2' },
+  { id: '8', label: 'pigeon', groupId: '2' },
+  { id: '9', label: 'raven', groupId: '2' },
+  { id: '10', label: 'toucan', groupId: '2' },
+]
+
+const groups = [
+  { id: '1', label: 'Group 1' },
+  { id: '2', label: 'Group 2' },
+]
+
+const qaTags = {
+  option: (option) => `option-${option.id}`,
+  token: (option) => `token-${option.id}`,
+  tokenClear: (option) => `clear-token-${option.id}`,
+}
+const values = [options[0], options[5]]
+const clearIcon = '[data-qa="core-multiselect-clear"]'
+const menuItem = 'option-'
+const menuItems = '[data-qa^="option-"]'
+const menuGroup = '[data-group="true"]'
+const placeholder = 'Select Values'
+const selectArrow = 'multiselect-select-arrow'
+const selectedInput = '[data-qa^="token-"]'
+const selectedMenuItem = '[data-selected="true"]'
+const optRemovalIcon = '[data-qa^="clear-token-"]'
+
+const getSelectedItems = (selector) => {
+  return getQuerySelectorAll(selector).length
+}
+
+const elementExists = (selector) => {
+  return getQuerySelector(selector).length > 0
+}
+
+const getOptionText = (id) => {
+  return options.find((option) => option.id === id).label
+}
+
+function BasicProps(props) {
+  const [value, setValue] = React.useState(props.values || [])
+
+  return (
+    <MultiSelect
+      onChange={setValue}
+      options={options}
+      value={value}
+      qa={qaTags}
+      {...props}
+    />
+  )
+}
+
+function click(element) {
+  return userEvent.click(element)
+}
+
+function getByPlaceholderText(text) {
+  return screen.getByPlaceholderText(text)
+}
+
+function getByTestId(testId) {
+  return screen.getByTestId(testId)
+}
+
+function getByText(text) {
+  return screen.getByText(text)
+}
+
+function getQuerySelector(selector) {
+  return document.querySelector(selector)
+}
+
+function getQuerySelectorAll(selector) {
+  return document.querySelectorAll(selector)
+}
+
+/**
+ *
+ * To get selected values in the button(input) and to omit options.
+ * Clicking on the removal icon toggles open state,
+ * so getByText finds two same texts sometimes
+ * @param text
+ * @returns {ReturnType<GetByText<HTMLElement>>}
+ */
+function getByTextSelectedInput(text) {
+  return screen.getByText(text, { selector: `${selectedInput} *` })
+}
+
+describe('MultiSelect', () => {
+  it('should render with selected options', async () => {
+    render(<BasicProps values={values} />)
+
+    expect(screen.queryByText(placeholder)).not.toBeInTheDocument()
+
+    await click(getByTestId(selectArrow))
+    await waitFor(() => {
+      expect(getSelectedItems(selectedInput)).toBe(2)
+      expect(Boolean(screen.getAllByText(options[0].label))).toBe(true)
+      expect(Boolean(screen.getAllByText(options[5].label))).toBe(true)
+      expect(getSelectedItems(selectedMenuItem)).toBe(2)
+    })
+  })
+
+  it('should select a single option', async () => {
+    const optionId = '2'
+
+    render(<BasicProps />)
+
+    await click(getByTestId(selectArrow))
+    await waitFor(() => getByTestId(`${menuItem}${optionId}`))
+
+    await click(getByTestId(`${menuItem}${optionId}`))
+
+    expect(getSelectedItems(selectedInput)).toBe(1)
+    expect(getSelectedItems(selectedMenuItem)).toBe(1)
+    expect(screen.getAllByText(getOptionText(optionId)).length).toBe(2)
+  })
+
+  it('should select multiple options and close menu', async () => {
+    const ids = ['1', '2', '3']
+
+    render(<BasicProps />)
+
+    await click(getByTestId(selectArrow))
+    await waitFor(() => elementExists(menuItems))
+
+    await click(getByTestId(`${menuItem}${ids[0]}`))
+    await click(getByTestId(`${menuItem}${ids[1]}`))
+    await click(getByTestId(`${menuItem}${ids[2]}`))
+
+    await click(getByTestId(selectArrow))
+    await waitForElementToBeRemoved(getQuerySelector(menuItems))
+
+    expect(getSelectedItems(selectedInput)).toBe(3)
+    expect(Boolean(getOptionText(ids[0]))).toBe(true)
+    expect(Boolean(getOptionText(ids[1]))).toBe(true)
+    expect(Boolean(getOptionText(ids[2]))).toBe(true)
+  })
+
+  it('should remove a selected option clicking on option removal icon', async () => {
+    render(<BasicProps values={values} />)
+
+    await click(getQuerySelector(optRemovalIcon))
+    expect(getSelectedItems(selectedInput)).toBe(1)
+    expect(Boolean(getByTextSelectedInput(getOptionText('6')))).toBe(true)
+  })
+
+  it('should clear all selected options', async () => {
+    render(<BasicProps values={values} />)
+
+    await click(getQuerySelector(clearIcon))
+    expect(Boolean(getByPlaceholderText(placeholder))).toBe(true)
+  })
+
+  it('should add to initially loaded options', async () => {
+    render(<BasicProps values={values} />)
+
+    await click(getByTestId(selectArrow))
+    await waitFor(() => getByTestId(`${menuItem}2`))
+    await click(getByTestId(`${menuItem}2`))
+    await click(getByTestId(selectArrow))
+    await waitForElementToBeRemoved(getQuerySelector(menuItems))
+
+    expect(getSelectedItems(selectedInput)).toBe(3)
+    expect(Boolean(getByText(getOptionText('1')))).toBe(true)
+    expect(Boolean(getByText(getOptionText('2')))).toBe(true)
+    expect(Boolean(getByText(getOptionText('6')))).toBe(true)
+  })
+
+  it('should remove multiple options', async () => {
+    render(<BasicProps values={[options[0], options[1], options[5]]} />)
+    await click(getQuerySelector(optRemovalIcon))
+    await click(getQuerySelector(optRemovalIcon))
+
+    expect(getSelectedItems(selectedInput)).toBe(1)
+    expect(Boolean(getByTextSelectedInput(getOptionText('6')))).toBe(true)
+  })
+
+  it('should remove all options clicking on option removal icon', async () => {
+    render(<BasicProps />)
+
+    await Array.from(getQuerySelectorAll(optRemovalIcon)).map(async (icon) => {
+      await click(icon)
+    })
+
+    expect(getSelectedItems(selectedInput)).toBe(0)
+  })
+
+  it('should remove selection by clicking option in the menu', async () => {
+    render(<BasicProps values={values} />)
+
+    await click(getByTestId(selectArrow))
+    await waitFor(() => elementExists(menuItems))
+    await click(getQuerySelector(selectedMenuItem))
+
+    expect(getSelectedItems(selectedMenuItem)).toBe(1)
+  })
+
+  it('should select options from different groups', async () => {
+    render(<BasicProps optgroups={groups} />)
+
+    await click(getByTestId(selectArrow))
+    await waitFor(() =>
+      expect(getQuerySelectorAll(menuGroup).length).toBe(groups.length)
+    )
+
+    await click(getByText(getOptionText('2')))
+    await click(getByText(getOptionText('6')))
+
+    expect(getSelectedItems(selectedMenuItem)).toBe(2)
+
+    await click(getByTestId(selectArrow))
+    await waitForElementToBeRemoved(getQuerySelector(menuItems))
+
+    expect(Boolean(getByText(getOptionText('2')))).toBe(true)
+    expect(Boolean(getByText(getOptionText('6')))).toBe(true)
+  })
+
+  it('should render footer if defined', async () => {
+    render(<BasicProps footer={<b>Footer</b>} />)
+    await click(getByTestId(selectArrow))
+    await waitFor(() => expect(Boolean(getByText('Footer'))).toBe(true))
+  })
+})

package/dist/MultiSelect/MultiSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.types.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"MultiSelect.types.js","names":[],"sources":["../../src/MultiSelect/MultiSelect.types.ts"],"sourcesContent":["import { DropdownPlacement } from '../Dropdown/Dropdown.types'\nimport {\n  MenuProps,\n  MenuRef,\n  Selection,\n} from '../MenuImperative/MenuImperative.types'\nimport { OverlayTriggerProps } from '../OverlayTrigger'\n\nexport type ChangeEvent = React.ChangeEvent<HTMLInputElement>\n\nexport type OptionItem = any\n\nexport interface MultiSelectOptionProps {\n  /**\n   * @since 10.19.0\n   */\n  children?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  suggested?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  value: OptionItem\n}\n\nexport interface OptionRendererProps extends MultiSelectOptionProps {\n  /**\n   * @since 10.19.0\n   */\n  getId: MultiSelectConfig['getId']\n\n  /**\n   * @since 10.19.0\n   */\n  getLabel: MultiSelectConfig['getLabel']\n  /**\n   * @since 10.19.0\n   */\n  qa: QaTags\n}\n\nexport interface GroupItem {\n  /**\n   * @since 10.19.0\n   */\n  id: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n}\n\nexport interface GroupHeader extends GroupItem {\n  /**\n   * @since 10.19.0\n   */\n  isGroupHeader: boolean\n}\n\nexport interface MultiSelectConfig {\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: OptionItem) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getId: (option: OptionItem) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (option: OptionItem) => string\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (value: OptionItem[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => void\n  /**\n   * @since 10.19.0\n   */\n  optgroups?: GroupItem[]\n  /**\n   * @since 10.19.0\n   */\n  options: OptionItem[]\n  /**\n   * @since 10.19.0\n   */\n  value: OptionItem[]\n}\n\nexport interface MultiSelectHook {\n  /**\n   * @since 10.19.0\n   */\n  ids: Set<number | string>\n  /**\n   * @since 10.19.0\n   */\n  index: number | null\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  options: (OptionItem | GroupHeader)[]\n  /**\n   * @since 10.19.0\n   */\n  search: string\n  /**\n   * @since 10.19.0\n   */\n  clearToken: () => void\n  /**\n   * @since 10.19.0\n   */\n  decrementToken: () => void\n  /**\n   * @since 10.19.0\n   */\n  incrementToken: () => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect: (selection: Selection) => void\n  /**\n   * @since 10.19.0\n   */\n  removeToken: (index: number) => void\n  /**\n   * @since 10.19.0\n   */\n  domHandlers: {\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void\n  }\n}\n\nexport interface GroupedOptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  multiselect: MultiSelectHook\n  /**\n   * @since 10.19.0\n   */\n  groupHeaderRenderer: (group: GroupItem) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  optionRenderer: (\n    option: OptionItem,\n    props: OptionRendererProps\n  ) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getId: MultiSelectConfig['getId']\n  /**\n   * @since 10.19.0\n   */\n  getLabel: MultiSelectConfig['getLabel']\n  /**\n   * @since 10.19.0\n   */\n  isOptionDisabled: (option: OptionItem) => boolean\n  /**\n   * @since 10.19.0\n   */\n  qa: QaTags\n}\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  option?: (option: OptionItem) => string\n  /**\n   * @since 10.19.0\n   */\n  token?: (option: OptionItem) => string\n  /**\n   * @since 10.19.0\n   */\n  tokenClear?: (option: OptionItem) => string\n}\n\nexport interface TokenRendererProps {\n  /**\n   * @since 10.19.0\n   */\n  focused: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  option: OptionItem\n  /**\n   * @since 10.19.0\n   */\n  removeToken: () => void\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (opt: OptionItem) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  qa: QaTags\n}\n\nexport interface MultiSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  afterHide?: OverlayTriggerProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow?: OverlayTriggerProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide?: OverlayTriggerProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow?: OverlayTriggerProps['beforeShow']\n\n  /**\n   * Callback for each entry in <Code>options</Code> to define relation to\n   * group in <Code>groups</Code>\n   * <CodeBlock>{'(option: OptionItem) => React.ReactNode'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getGroup?: MultiSelectConfig['getGroup']\n\n  /**\n   * Callback for each entry in <Code>options</Code> for keying and\n   * optimizations\n   * <CodeBlock>{'(option: OptionItem) => number | string'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getId?: MultiSelectConfig['getId']\n\n  /**\n   * Callback for each entry in <Code>options</Code> to generate the token\n   * label.\n   * <CodeBlock>{'(option: OptionItem) => string'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getLabel?: MultiSelectConfig['getLabel']\n\n  /**\n   * Callback for when a user types into the multiselect input\n   <CodeBlock>{'(event: KeyboardEvent) => void'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onSearch?: MultiSelectConfig['onSearch']\n\n  /**\n   * Array of available option groups\n   */\n  optgroups?: MultiSelectConfig['optgroups']\n\n  /**\n   * Array of available options\n   * @since 10.19.0\n   */\n  options?: MultiSelectConfig['options']\n\n  /**\n   * @since 10.19.0\n   */\n  onScrollBottom?: MenuProps['onScrollBottom']\n\n  /**\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  isOptionDisabled?: (option: OptionItem) => boolean\n  /**\n   * @since 10.19.0\n   */\n  emptyMessage?: string\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Callback for rendering header for each entry in <Code>groups</Code>\n   * <CodeBlock>{'(group: GroupItem) => React.ReactNode'}</CodeBlock>\n   * @since 10.19.0\n   */\n  groupHeaderRenderer?: (group: GroupItem) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onBlur?: React.SelectHTMLAttributes<HTMLDivElement>['onBlur']\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (value: OptionItem[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  onFocus?: React.SelectHTMLAttributes<HTMLDivElement>['onFocus']\n  /**\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: OptionItem) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  placeholder?: string\n  /**\n   * @since 10.19.0\n   */\n  placement?: DropdownPlacement\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * Callback for rendering each selected value\n   * <CodeBlock>\n   *  {'(props: TokenRendererProps) => React.ReactNode'}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  tokenRenderer?: (props: TokenRendererProps) => React.ReactNode\n\n  /**\n   * Array of the currently selected values\n   * @since 10.19.0\n   */\n  value?: OptionItem[]\n\n  /**\n   * @since 10.29.0\n   */\n  footer?: React.ReactNode\n\n  /**\n   * @since 11.4.0\n   */\n  ['aria-labelledby']?: string\n}\n"],"mappings":""}

package/dist/MultiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","names":["MultiSelect"],"sources":["../../src/MultiSelect/index.ts"],"sourcesContent":["export { MultiSelect } from './MultiSelect'\nexport type {\n  MultiSelectOptionProps,\n  MultiSelectProps,\n  OptionItem as MultiSelectOptionItem,\n} from './MultiSelect.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe"}