@procore/core-react 12.53.0 → 12.53.1

package/dist/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","names":["Clear","useId","VisuallyHidden","React","Box","MenuImperative","useMenuImperativeControlNavigation","OverlayTrigger","Spinner","Token","Typography","isEventSource","useI18nContext","addSubcomponents","StyledMultiSelectArrow","StyledMultiSelectArrowContainer","StyledMultiSelectButton","StyledMultiSelectClearIcon","StyledMultiSelectInner","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","defaultGroupRenderer","group","Group","concat","children","defaultTokenRenderer","_ref2","_qa$token","_qa$tokenClear","focused","disabled","removeToken","tokenRemoveProps","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","map","isGroupHeader","Boolean","ids","domHandlers","forwardRef","_ref5","_excluded2","Item","GroupedOptions","_ref6","multiselect","groupHeaderRenderer","groupRenderer","optionRenderer","isOptionDisabled","renderOption","groupHeader","Fragment","Options","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$groupRenderer","_ref7$tokenRenderer","tokenRenderer","placeholder","_ref7$placement","placement","_ref7$value","_ref7$tabIndex","tabIndex","ariaLabelledBy","ariaDescribedBy","_ref7$qa","_excluded3","i18n","ownRef","useRef","targetRef","searchRef","tokenRemoveRefs","shouldTabToTokensRef","tokenListId","tokenBaseId","noneSelectedId","_React$useState5","_React$useState6","isMenuOpen","setIsMenuOpen","_React$useState7","_React$useState8","isTokenTabbingActive","setIsTokenTabbingActive","_useMenuImperativeCon","menuNavigationTriggerProps","menuProps","menuAriaControls","restMenuNavigationTriggerProps","_excluded4","I18n","showClearIcon","isNavigatingTokens","activeTokenId","undefined","focusTokenRemove","tokenRemove","onTokenRemoveKeyDown","tokenIndex","preventDefault","nextTokenIndex","overlay","shadowStrength","role","padding","color","intent","italic","t","Footer","canFlip","_menuRef$current5","MouseEvent","hideKeys","showKeys","trigger","_ref8","disable","enable","isVisible","ariaControls","$block","$error","$emptyValue","$disabled","$loading","$open","onBlurCapture","_targetRef$current","contains","relatedTarget","tokenId","tokenLabel","el","join","$isNavigatingTokens","onBlur","onFocus","_targetRef$current2","focusCameFromInsideTarget","stopPropagation","size","variant","icon","$show","displayName"],"sources":["../../src/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { Box } from '../Box'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { Spinner } from '../Spinner'\nimport { Token } from '../Token'\nimport { Typography } from '../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  StyledMultiSelectInner,\n  StyledMultiSelectMenu,\n  StyledMultiSelectSearch,\n  StyledMultiSelectSearchIcon,\n  StyledMultiSelectSearchInput,\n  StyledMultiSelectToken,\n  StyledMultiSelectValues,\n} from './MultiSelect.styles'\nimport type {\n  ChangeEvent,\n  GroupedOptionsProps,\n  GroupHeader,\n  GroupHeaderProps,\n  GroupItem,\n  MultiSelectConfig,\n  MultiSelectHook,\n  MultiSelectOptionProps,\n  MultiSelectOptionRendererProps,\n  MultiSelectProps,\n  MultiSelectTokenRendererProps,\n  OptionItem,\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 }: MultiSelectOptionRendererProps\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 defaultGroupRenderer(group: GroupHeaderProps) {\n  return (\n    <MenuImperative.Group key={`group_${group.id}`} label={group.label}>\n      {group.children}\n    </MenuImperative.Group>\n  )\n}\n\nfunction defaultTokenRenderer({\n  focused,\n  disabled,\n  option,\n  removeToken,\n  getLabel,\n  qa,\n  tokenRemoveProps,\n}: MultiSelectTokenRendererProps) {\n  return (\n    <Token disabled={disabled} focused={focused} data-qa={qa?.token?.(option)}>\n      <Token.Label>{getLabel(option)}</Token.Label>\n      <Token.Remove\n        {...tokenRemoveProps}\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      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' || event.key === 'Delete') {\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\n      .map((group: GroupItem) => {\n        const groupOptions = optionsByGroup[group.id]\n\n        if (!groupOptions.length) {\n          return null\n        }\n\n        return { ...group, isGroupHeader: true, options: groupOptions }\n      }, [])\n      .filter(Boolean)\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  groupRenderer,\n  optionRenderer,\n  getId,\n  getLabel,\n  isOptionDisabled,\n  qa,\n}: GroupedOptionsProps) {\n  const renderOption = (option: OptionItem | GroupHeader): React.ReactNode => {\n    if (option.isGroupHeader) {\n      const groupHeader: GroupHeader = option\n      if (groupHeaderRenderer) {\n        return (\n          <>\n            {groupHeaderRenderer(groupHeader)}\n            {groupHeader.options.map(renderOption)}\n          </>\n        )\n      }\n      return groupRenderer({\n        ...groupHeader,\n        children: groupHeader.options.map(renderOption),\n      })\n    }\n\n    return optionRenderer(option, {\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(option),\n      selected: multiselect.ids.has(getId(option)),\n      disabled: isOptionDisabled(option),\n      value: option,\n      qa,\n    })\n  }\n  return (\n    <MenuImperative.Options>\n      {multiselect.options.map(renderOption)}\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://stories.core.procore.com/?path=/story/core-react_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,\n      groupRenderer = defaultGroupRenderer,\n      tokenRenderer = defaultTokenRenderer,\n      placeholder,\n      placement = 'bottom-left',\n      value = emptyArray,\n      tabIndex = 0,\n      ['aria-labelledby']: ariaLabelledBy,\n      ['aria-describedby']: ariaDescribedBy,\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    const tokenRemoveRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n    const shouldTabToTokensRef = React.useRef(false)\n\n    const menuRef = React.useRef<MenuRef | null>(null)\n    const tokenListId = useId()\n    const tokenBaseId = useId()\n    const noneSelectedId = useId()\n    const [isMenuOpen, setIsMenuOpen] = React.useState(false)\n    const [isTokenTabbingActive, setIsTokenTabbingActive] =\n      React.useState(false)\n    const { menuNavigationTriggerProps, menuProps } =\n      useMenuImperativeControlNavigation(menuRef, isMenuOpen)\n    const {\n      'aria-controls': menuAriaControls,\n      ...restMenuNavigationTriggerProps\n    } = menuNavigationTriggerProps\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 showClearIcon = value.length > 0 && !loading\n\n    const isNavigatingTokens = multiselect.index !== null\n    const activeTokenId = isNavigatingTokens\n      ? `${tokenBaseId}-${multiselect.index}`\n      : undefined\n\n    const focusTokenRemove = React.useCallback((index: number) => {\n      const tokenRemove = tokenRemoveRefs.current[index]\n      if (tokenRemove) {\n        tokenRemove.focus()\n      }\n    }, [])\n\n    const onTokenRemoveKeyDown = React.useCallback(\n      (tokenIndex: number, e: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {\n          e.preventDefault()\n          multiselect.removeToken(tokenIndex)\n          return\n        }\n\n        if (e.key !== 'Tab') {\n          return\n        }\n\n        const nextTokenIndex = tokenIndex + 1\n        if (nextTokenIndex < value.length) {\n          e.preventDefault()\n          focusTokenRemove(nextTokenIndex)\n        }\n      },\n      [focusTokenRemove, multiselect, value.length]\n    )\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              groupRenderer={groupRenderer}\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          setIsMenuOpen(false)\n\n          afterHide()\n        }}\n        afterShow={() => {\n          multiselect.clearToken()\n\n          menuRef.current?.highlightFirst()\n          setIsMenuOpen(true)\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          const ariaControls = isNavigatingTokens\n            ? tokenListId\n            : menuAriaControls\n\n          return (\n            <StyledMultiSelectButton\n              $block={block}\n              $error={error}\n              $emptyValue={value.length === 0}\n              $disabled={disabled}\n              $loading={loading}\n              $open={isVisible}\n              onBlurCapture={(e: React.FocusEvent<HTMLDivElement>) => {\n                if (\n                  !targetRef.current?.contains(e.relatedTarget as Node | null)\n                ) {\n                  setIsTokenTabbingActive(false)\n                }\n              }}\n              {...props}\n            >\n              {value.length === 0 && (\n                <VisuallyHidden>\n                  <span id={noneSelectedId}>\n                    {I18n.t('core.multiSelect.noneSelected')}\n                  </span>\n                </VisuallyHidden>\n              )}\n              <StyledMultiSelectInner>\n                <StyledMultiSelectValues\n                  id={tokenListId}\n                  role=\"list\"\n                  aria-label={\n                    value.length > 0\n                      ? I18n.t('core.multiSelect.selectedItems')\n                      : I18n.t('core.multiSelect.noneSelected')\n                  }\n                >\n                  {value.map((selection, i) => {\n                    const tokenId = `${tokenBaseId}-${i}`\n                    const tokenLabel = getLabel(selection)\n                    return (\n                      <StyledMultiSelectToken\n                        key={getId(selection)}\n                        id={tokenId}\n                        role=\"listitem\"\n                        aria-label={\n                          typeof tokenLabel === 'string'\n                            ? I18n.t('core.multiSelect.selectedToken', {\n                                tokenLabel,\n                              })\n                            : undefined\n                        }\n                      >\n                        {tokenRenderer({\n                          option: selection,\n                          focused: i === multiselect.index,\n                          disabled: disabled,\n                          getLabel,\n                          removeToken: function () {\n                            multiselect.removeToken(i)\n                          },\n                          tokenRemoveProps: {\n                            tabIndex: -1,\n                            onKeyDown: (e) => onTokenRemoveKeyDown(i, e),\n                            ref: (el) => {\n                              tokenRemoveRefs.current[i] = el\n                            },\n                          },\n                          qa,\n                        })}\n                      </StyledMultiSelectToken>\n                    )\n                  })}\n                </StyledMultiSelectValues>\n\n                <StyledMultiSelectSearch>\n                  <StyledMultiSelectSearchInput\n                    aria-activedescendant={activeTokenId}\n                    aria-controls={ariaControls}\n                    aria-describedby={\n                      [\n                        ariaDescribedBy,\n                        value.length === 0 ? noneSelectedId : undefined,\n                      ]\n                        .filter(Boolean)\n                        .join(' ') || undefined\n                    }\n                    aria-expanded={isVisible}\n                    aria-invalid={error || undefined}\n                    aria-labelledby={ariaLabelledBy}\n                    data-qa=\"core-multiselect-input\"\n                    role=\"combobox\"\n                    $isNavigatingTokens={isNavigatingTokens}\n                    disabled={disabled}\n                    onBlur={multiselect.clearToken}\n                    onFocus={(e: React.FocusEvent<HTMLInputElement>) => {\n                      setIsTokenTabbingActive(false)\n\n                      const focusCameFromInsideTarget = Boolean(\n                        e.relatedTarget &&\n                          targetRef.current?.contains(e.relatedTarget as Node)\n                      )\n\n                      if (!focusCameFromInsideTarget) {\n                        shouldTabToTokensRef.current = true\n                      }\n                    }}\n                    onChange={function (\n                      e: React.ChangeEvent<HTMLInputElement>\n                    ) {\n                      multiselect.onSearch(e)\n                    }}\n                    {...restMenuNavigationTriggerProps}\n                    onKeyDown={function (\n                      e: React.KeyboardEvent<HTMLInputElement>\n                    ) {\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                        // close dropdown when navigating tokens with arrow keys\n                        if (\n                          multiselect.search === '' &&\n                          (e.key === 'ArrowLeft' ||\n                            e.key === 'Left' ||\n                            e.key === 'ArrowRight' ||\n                            e.key === 'Right')\n                        ) {\n                          disable(e)\n                        }\n                      } else {\n                        if (\n                          e.key === 'Tab' &&\n                          value.length > 0 &&\n                          shouldTabToTokensRef.current\n                        ) {\n                          e.preventDefault()\n                          shouldTabToTokensRef.current = false\n                          setIsTokenTabbingActive(true)\n                          focusTokenRemove(0)\n                          return\n                        }\n\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={isTokenTabbingActive ? -1 : tabIndex}\n                    value={multiselect.search}\n                  />\n                </StyledMultiSelectSearch>\n              </StyledMultiSelectInner>\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={showClearIcon ? 0 : -1}\n                  $show={showClearIcon}\n                />\n                {loading ? (\n                  <Spinner color=\"blue50\" size=\"xs\" />\n                ) : (\n                  <StyledMultiSelectArrowContainer\n                    data-qa=\"multiselect-select-arrow\"\n                    onClick={(e: React.MouseEvent) => 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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"}
+{"version":3,"file":"MultiSelect.js","names":["Clear","useId","VisuallyHidden","React","Box","MenuImperative","useMenuImperativeControlNavigation","OverlayTrigger","Spinner","Token","Typography","isEventSource","useI18nContext","addSubcomponents","StyledMultiSelectArrow","StyledMultiSelectArrowContainer","StyledMultiSelectButton","StyledMultiSelectClearIcon","StyledMultiSelectInner","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","defaultGroupRenderer","group","Group","concat","children","defaultTokenRenderer","_ref2","_qa$token","_qa$tokenClear","focused","disabled","removeToken","tokenRemoveProps","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","map","isGroupHeader","Boolean","ids","domHandlers","forwardRef","_ref5","_excluded2","Item","GroupedOptions","_ref6","multiselect","groupHeaderRenderer","groupRenderer","optionRenderer","isOptionDisabled","renderOption","groupHeader","Fragment","Options","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$groupRenderer","_ref7$tokenRenderer","tokenRenderer","placeholder","_ref7$placement","placement","_ref7$value","_ref7$tabIndex","tabIndex","ariaLabelledBy","ariaDescribedBy","_ref7$qa","_excluded3","i18n","ownRef","useRef","targetRef","searchRef","tokenRemoveRefs","shouldTabToTokensRef","tokenListId","tokenBaseId","noneSelectedId","_React$useState5","_React$useState6","isMenuOpen","setIsMenuOpen","_React$useState7","_React$useState8","isTokenTabbingActive","setIsTokenTabbingActive","_useMenuImperativeCon","menuNavigationTriggerProps","menuProps","menuAriaControls","restMenuNavigationTriggerProps","_excluded4","I18n","showClearIcon","isNavigatingTokens","activeTokenId","undefined","focusTokenRemove","tokenRemove","onTokenRemoveKeyDown","tokenIndex","preventDefault","nextTokenIndex","overlay","shadowStrength","role","padding","color","intent","italic","t","Footer","canFlip","_menuRef$current5","MouseEvent","hideKeys","showKeys","trigger","_ref8","disable","enable","isVisible","ariaControls","$block","$error","$emptyValue","$disabled","$loading","$open","onBlurCapture","_targetRef$current","contains","relatedTarget","tokenId","tokenLabel","el","join","$isNavigatingTokens","onBlur","onFocus","_targetRef$current2","focusCameFromInsideTarget","stopPropagation","size","variant","icon","$show","displayName"],"sources":["../../src/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { Box } from '../Box'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { Spinner } from '../Spinner'\nimport { Token } from '../Token'\nimport { Typography } from '../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  StyledMultiSelectInner,\n  StyledMultiSelectMenu,\n  StyledMultiSelectSearch,\n  StyledMultiSelectSearchIcon,\n  StyledMultiSelectSearchInput,\n  StyledMultiSelectToken,\n  StyledMultiSelectValues,\n} from './MultiSelect.styles'\nimport type {\n  ChangeEvent,\n  GroupedOptionsProps,\n  GroupHeader,\n  GroupHeaderProps,\n  GroupItem,\n  MultiSelectConfig,\n  MultiSelectHook,\n  MultiSelectOptionProps,\n  MultiSelectOptionRendererProps,\n  MultiSelectProps,\n  MultiSelectTokenRendererProps,\n  OptionItem,\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 }: MultiSelectOptionRendererProps\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 defaultGroupRenderer(group: GroupHeaderProps) {\n  return (\n    <MenuImperative.Group key={`group_${group.id}`} label={group.label}>\n      {group.children}\n    </MenuImperative.Group>\n  )\n}\n\nfunction defaultTokenRenderer({\n  focused,\n  disabled,\n  option,\n  removeToken,\n  getLabel,\n  qa,\n  tokenRemoveProps,\n}: MultiSelectTokenRendererProps) {\n  return (\n    <Token disabled={disabled} focused={focused} data-qa={qa?.token?.(option)}>\n      <Token.Label>{getLabel(option)}</Token.Label>\n      <Token.Remove\n        {...tokenRemoveProps}\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      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' || event.key === 'Delete') {\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\n      .map((group: GroupItem) => {\n        const groupOptions = optionsByGroup[group.id]\n\n        if (!groupOptions.length) {\n          return null\n        }\n\n        return { ...group, isGroupHeader: true, options: groupOptions }\n      }, [])\n      .filter(Boolean)\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  groupRenderer,\n  optionRenderer,\n  getId,\n  getLabel,\n  isOptionDisabled,\n  qa,\n}: GroupedOptionsProps) {\n  const renderOption = (option: OptionItem | GroupHeader): React.ReactNode => {\n    if (option.isGroupHeader) {\n      const groupHeader: GroupHeader = option\n      if (groupHeaderRenderer) {\n        return (\n          <>\n            {groupHeaderRenderer(groupHeader)}\n            {groupHeader.options.map(renderOption)}\n          </>\n        )\n      }\n      return groupRenderer({\n        ...groupHeader,\n        children: groupHeader.options.map(renderOption),\n      })\n    }\n\n    return optionRenderer(option, {\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(option),\n      selected: multiselect.ids.has(getId(option)),\n      disabled: isOptionDisabled(option),\n      value: option,\n      qa,\n    })\n  }\n  return (\n    <MenuImperative.Options>\n      {multiselect.options.map(renderOption)}\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://stories.core.procore.com/?path=/story/core-react_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,\n      groupRenderer = defaultGroupRenderer,\n      tokenRenderer = defaultTokenRenderer,\n      placeholder,\n      placement = 'bottom-left',\n      value = emptyArray,\n      tabIndex = 0,\n      ['aria-labelledby']: ariaLabelledBy,\n      ['aria-describedby']: ariaDescribedBy,\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    const tokenRemoveRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n    const shouldTabToTokensRef = React.useRef(false)\n\n    const menuRef = React.useRef<MenuRef | null>(null)\n    const tokenListId = useId()\n    const tokenBaseId = useId()\n    const noneSelectedId = useId()\n    const [isMenuOpen, setIsMenuOpen] = React.useState(false)\n    const [isTokenTabbingActive, setIsTokenTabbingActive] =\n      React.useState(false)\n    const { menuNavigationTriggerProps, menuProps } =\n      useMenuImperativeControlNavigation(menuRef, isMenuOpen)\n    const {\n      'aria-controls': menuAriaControls,\n      ...restMenuNavigationTriggerProps\n    } = menuNavigationTriggerProps\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 showClearIcon = value.length > 0 && !loading\n\n    const isNavigatingTokens = multiselect.index !== null\n    const activeTokenId = isNavigatingTokens\n      ? `${tokenBaseId}-${multiselect.index}`\n      : undefined\n\n    const focusTokenRemove = React.useCallback((index: number) => {\n      const tokenRemove = tokenRemoveRefs.current[index]\n      if (tokenRemove) {\n        tokenRemove.focus()\n      }\n    }, [])\n\n    const onTokenRemoveKeyDown = React.useCallback(\n      (tokenIndex: number, e: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {\n          e.preventDefault()\n          multiselect.removeToken(tokenIndex)\n          return\n        }\n\n        if (e.key !== 'Tab') {\n          return\n        }\n\n        const nextTokenIndex = tokenIndex + 1\n        if (nextTokenIndex < value.length) {\n          e.preventDefault()\n          focusTokenRemove(nextTokenIndex)\n        }\n      },\n      [focusTokenRemove, multiselect, value.length]\n    )\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              groupRenderer={groupRenderer}\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          setIsMenuOpen(false)\n\n          afterHide()\n        }}\n        afterShow={() => {\n          multiselect.clearToken()\n\n          menuRef.current?.highlightFirst()\n          setIsMenuOpen(true)\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          const ariaControls = isNavigatingTokens\n            ? tokenListId\n            : menuAriaControls\n\n          return (\n            <StyledMultiSelectButton\n              $block={block}\n              $error={error}\n              $emptyValue={value.length === 0}\n              $disabled={disabled}\n              $loading={loading}\n              $open={isVisible}\n              onBlurCapture={(e: React.FocusEvent<HTMLDivElement>) => {\n                if (\n                  !targetRef.current?.contains(e.relatedTarget as Node | null)\n                ) {\n                  setIsTokenTabbingActive(false)\n                }\n              }}\n              {...props}\n            >\n              {value.length === 0 && (\n                <VisuallyHidden>\n                  <span id={noneSelectedId}>\n                    {I18n.t('core.multiSelect.noneSelected')}\n                  </span>\n                </VisuallyHidden>\n              )}\n              <StyledMultiSelectInner>\n                <StyledMultiSelectValues\n                  id={tokenListId}\n                  role=\"list\"\n                  aria-label={\n                    value.length > 0\n                      ? I18n.t('core.multiSelect.selectedItems')\n                      : I18n.t('core.multiSelect.noneSelected')\n                  }\n                >\n                  {value.map((selection, i) => {\n                    const tokenId = `${tokenBaseId}-${i}`\n                    const tokenLabel = getLabel(selection)\n                    return (\n                      <StyledMultiSelectToken\n                        key={getId(selection)}\n                        id={tokenId}\n                        role=\"listitem\"\n                        aria-label={\n                          typeof tokenLabel === 'string'\n                            ? I18n.t('core.multiSelect.selectedToken', {\n                                tokenLabel,\n                              })\n                            : undefined\n                        }\n                      >\n                        {tokenRenderer({\n                          option: selection,\n                          focused: i === multiselect.index,\n                          disabled: disabled,\n                          getLabel,\n                          removeToken: function () {\n                            multiselect.removeToken(i)\n                          },\n                          tokenRemoveProps: {\n                            tabIndex: -1,\n                            onKeyDown: (e) => onTokenRemoveKeyDown(i, e),\n                            ref: (el) => {\n                              tokenRemoveRefs.current[i] = el\n                            },\n                          },\n                          qa,\n                        })}\n                      </StyledMultiSelectToken>\n                    )\n                  })}\n                </StyledMultiSelectValues>\n\n                <StyledMultiSelectSearch>\n                  <StyledMultiSelectSearchInput\n                    aria-activedescendant={activeTokenId}\n                    aria-controls={ariaControls}\n                    aria-describedby={\n                      [\n                        ariaDescribedBy,\n                        value.length === 0 ? noneSelectedId : undefined,\n                      ]\n                        .filter(Boolean)\n                        .join(' ') || undefined\n                    }\n                    aria-expanded={isVisible}\n                    aria-invalid={error || undefined}\n                    aria-labelledby={ariaLabelledBy}\n                    data-qa=\"core-multiselect-input\"\n                    role=\"combobox\"\n                    $isNavigatingTokens={isNavigatingTokens}\n                    disabled={disabled}\n                    onBlur={multiselect.clearToken}\n                    onFocus={(e: React.FocusEvent<HTMLInputElement>) => {\n                      setIsTokenTabbingActive(false)\n\n                      const focusCameFromInsideTarget = Boolean(\n                        e.relatedTarget &&\n                          targetRef.current?.contains(e.relatedTarget as Node)\n                      )\n\n                      if (!focusCameFromInsideTarget) {\n                        shouldTabToTokensRef.current = true\n                      }\n                    }}\n                    onChange={function (\n                      e: React.ChangeEvent<HTMLInputElement>\n                    ) {\n                      multiselect.onSearch(e)\n                    }}\n                    {...restMenuNavigationTriggerProps}\n                    onKeyDown={function (\n                      e: React.KeyboardEvent<HTMLInputElement>\n                    ) {\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                        // close dropdown when navigating tokens with arrow keys\n                        if (\n                          multiselect.search === '' &&\n                          (e.key === 'ArrowLeft' ||\n                            e.key === 'Left' ||\n                            e.key === 'ArrowRight' ||\n                            e.key === 'Right')\n                        ) {\n                          disable(e)\n                        }\n                      } else {\n                        if (\n                          e.key === 'Tab' &&\n                          value.length > 0 &&\n                          shouldTabToTokensRef.current\n                        ) {\n                          e.preventDefault()\n                          shouldTabToTokensRef.current = false\n                          setIsTokenTabbingActive(true)\n                          focusTokenRemove(0)\n                          return\n                        }\n\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={isTokenTabbingActive ? -1 : tabIndex}\n                    value={multiselect.search}\n                  />\n                </StyledMultiSelectSearch>\n              </StyledMultiSelectInner>\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={showClearIcon ? 0 : -1}\n                  $show={showClearIcon}\n                />\n                {loading ? (\n                  <Spinner color=\"blue50\" size=\"xs\" />\n                ) : (\n                  <StyledMultiSelectArrowContainer\n                    data-qa=\"multiselect-select-arrow\"\n                    onClick={(e: React.MouseEvent) => 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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","ignoreList":[]}

package/dist/MultiSelect/MultiSelect.styles.d.ts

@@ -1,21 +1,20 @@
-/// <reference types="react" />
 export declare const StyledMultiSelectInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectValues: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $isNavigatingTokens?: boolean | undefined;
+    $isNavigatingTokens?: boolean;
 }>> & string;
 export declare const StyledMultiSelectSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectClearIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, {
-    $show?: boolean | undefined;
+    $show?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledMultiSelectArrowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMultiSelectMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledMultiSelectButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$error" | "$disabled" | "$loading" | "$block" | "$open" | "$placeholder" | "$hasClearIcon" | "$showClearIcon"> & {
     $block: boolean;
@@ -23,11 +22,11 @@ export declare const StyledMultiSelectButton: import("styled-components/dist/typ
     $error: boolean;
     $loading: boolean;
     $open: boolean;
-    $placeholder?: boolean | undefined;
-    $hasClearIcon?: boolean | undefined;
-    $showClearIcon?: boolean | undefined;
+    $placeholder?: boolean;
+    $hasClearIcon?: boolean;
+    $showClearIcon?: boolean;
 }, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     $emptyValue: boolean;
 }>> & string;

package/dist/MultiSelect/MultiSelect.styles.js

@@ -8,34 +8,34 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectInner",
-  componentId: "core-12_53_0__sc-s9ym9q-0"
+  componentId: "core-12_53_1__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 StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_53_0__sc-s9ym9q-1"
+  componentId: "core-12_53_1__sc-s9ym9q-1"
 })(["display:contents;"]);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_53_0__sc-s9ym9q-2"
+  componentId: "core-12_53_1__sc-s9ym9q-2"
 })(["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-12_53_0__sc-s9ym9q-3"
+  componentId: "core-12_53_1__sc-s9ym9q-3"
 })(["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 = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-12_53_0__sc-s9ym9q-4"
+  componentId: "core-12_53_1__sc-s9ym9q-4"
 })(["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-12_53_0__sc-s9ym9q-5"
+  componentId: "core-12_53_1__sc-s9ym9q-5"
 })(["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 = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledMultiSelectClearIcon",
-  componentId: "core-12_53_0__sc-s9ym9q-6"
+  componentId: "core-12_53_1__sc-s9ym9q-6"
 })(["", " ", "{pointer-events:none;}"], function (_ref2) {
   var $show = _ref2.$show;
   return css(["opacity:", ";"], $show ? 1 : 0);
@@ -45,7 +45,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_53_0__sc-s9ym9q-7"
+  componentId: "core-12_53_1__sc-s9ym9q-7"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref3) {
   var $emptyValue = _ref3.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.styles.js","names":["styled","css","Button","StyledContent","StyledSelectArrow","StyledSelectArrowContainer","StyledSelectButton","StyledSelectMenu","getTypographyIntent","colors","getFocus","spacing","StyledMultiSelectInner","div","withConfig","displayName","componentId","md","xs","StyledMultiSelectValues","StyledMultiSelectToken","StyledMultiSelectSearchInput","input","_ref","$isNavigatingTokens","gray45","StyledMultiSelectSearch","StyledMultiSelectSearchIcon","StyledMultiSelectClearIcon","_ref2","$show","StyledMultiSelectArrowContainer","StyledMultiSelectArrow","StyledMultiSelectMenu","StyledMultiSelectButton","_ref3","$emptyValue"],"sources":["../../src/MultiSelect/MultiSelect.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { StyledContent } from '../Button/Button.styles'\nimport {\n  StyledSelectArrow,\n  StyledSelectArrowContainer,\n  StyledSelectButton,\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 StyledMultiSelectInner = 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 StyledMultiSelectValues = styled.div`\n  display: contents;\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 = styled(Button)<{ $show?: boolean }>`\n  ${({ $show }) => css`\n    opacity: ${$show ? 1 : 0};\n  `}\n\n  ${StyledContent} {\n    pointer-events: none;\n  }\n`\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,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SACEC,iBAAiB,EACjBC,0BAA0B,EAC1BC,kBAAkB,EAClBC,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,sBAAsB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAI/BL,OAAO,CAACM,EAAE,EACTN,OAAO,CAACO,EAAE,CAI3B;AAED,OAAO,IAAMC,uBAAuB,gBAAGnB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEhD;AAED,OAAO,IAAMI,sBAAsB,gBAAGpB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8GAE9BL,OAAO,CAACO,EAAE,CAQ3B;AAED,OAAO,IAAMG,4BAA4B,gBAAGrB,MAAM,CAACsB,KAAK,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAUpDR,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAe,IAAA;EAAA,IAAGC,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;EAAA,OACtBA,mBAAmB,IACnBvB,GAAG,wBAEF;AAAA,GAYQQ,MAAM,CAACgB,MAAM,CAEzB;AAED,OAAO,IAAMC,uBAAuB,gBAAG1B,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAE/BL,OAAO,CAACO,EAAE,CAK3B;AAED,OAAO,IAAMS,2BAA2B,gBAAG3B,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qKAMpCL,OAAO,CAACO,EAAE,EACTP,OAAO,CAACM,EAAE,CAG3B;AAED,OAAO,IAAMW,0BAA0B,gBAAG5B,MAAM,CAACE,MAAM,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCACpD,UAAAa,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAO7B,GAAG,oBACP6B,KAAK,GAAG,CAAC,GAAG,CAAC;AAAA,CACzB,EAEC3B,aAAa,CAGhB;AAED,OAAO,IAAM4B,+BAA+B,GAAG1B,0BAA0B;AAEzE,OAAO,IAAM2B,sBAAsB,GAAG5B,iBAAiB;AAEvD,OAAO,IAAM6B,qBAAqB,GAAG1B,gBAAgB;AAErD,OAAO,IAAM2B,uBAAuB,gBAAGlC,MAAM,CAACM,kBAAkB,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAQ3DN,QAAQ,CAAC,CAAC,EAGZ,UAAAyB,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXnC,GAAG,4BACCoB,4BAA4B,CAG/B;AAAA,EACJ"}
+{"version":3,"file":"MultiSelect.styles.js","names":["styled","css","Button","StyledContent","StyledSelectArrow","StyledSelectArrowContainer","StyledSelectButton","StyledSelectMenu","getTypographyIntent","colors","getFocus","spacing","StyledMultiSelectInner","div","withConfig","displayName","componentId","md","xs","StyledMultiSelectValues","StyledMultiSelectToken","StyledMultiSelectSearchInput","input","_ref","$isNavigatingTokens","gray45","StyledMultiSelectSearch","StyledMultiSelectSearchIcon","StyledMultiSelectClearIcon","_ref2","$show","StyledMultiSelectArrowContainer","StyledMultiSelectArrow","StyledMultiSelectMenu","StyledMultiSelectButton","_ref3","$emptyValue"],"sources":["../../src/MultiSelect/MultiSelect.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { StyledContent } from '../Button/Button.styles'\nimport {\n  StyledSelectArrow,\n  StyledSelectArrowContainer,\n  StyledSelectButton,\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 StyledMultiSelectInner = 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 StyledMultiSelectValues = styled.div`\n  display: contents;\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 = styled(Button)<{ $show?: boolean }>`\n  ${({ $show }) => css`\n    opacity: ${$show ? 1 : 0};\n  `}\n\n  ${StyledContent} {\n    pointer-events: none;\n  }\n`\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,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SACEC,iBAAiB,EACjBC,0BAA0B,EAC1BC,kBAAkB,EAClBC,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,sBAAsB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAI/BL,OAAO,CAACM,EAAE,EACTN,OAAO,CAACO,EAAE,CAI3B;AAED,OAAO,IAAMC,uBAAuB,gBAAGnB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEhD;AAED,OAAO,IAAMI,sBAAsB,gBAAGpB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8GAE9BL,OAAO,CAACO,EAAE,CAQ3B;AAED,OAAO,IAAMG,4BAA4B,gBAAGrB,MAAM,CAACsB,KAAK,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAUpDR,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAe,IAAA;EAAA,IAAGC,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;EAAA,OACtBA,mBAAmB,IACnBvB,GAAG,wBAEF;AAAA,GAYQQ,MAAM,CAACgB,MAAM,CAEzB;AAED,OAAO,IAAMC,uBAAuB,gBAAG1B,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAE/BL,OAAO,CAACO,EAAE,CAK3B;AAED,OAAO,IAAMS,2BAA2B,gBAAG3B,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qKAMpCL,OAAO,CAACO,EAAE,EACTP,OAAO,CAACM,EAAE,CAG3B;AAED,OAAO,IAAMW,0BAA0B,gBAAG5B,MAAM,CAACE,MAAM,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCACpD,UAAAa,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAO7B,GAAG,oBACP6B,KAAK,GAAG,CAAC,GAAG,CAAC;AAAA,CACzB,EAEC3B,aAAa,CAGhB;AAED,OAAO,IAAM4B,+BAA+B,GAAG1B,0BAA0B;AAEzE,OAAO,IAAM2B,sBAAsB,GAAG5B,iBAAiB;AAEvD,OAAO,IAAM6B,qBAAqB,GAAG1B,gBAAgB;AAErD,OAAO,IAAM2B,uBAAuB,gBAAGlC,MAAM,CAACM,kBAAkB,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAQ3DN,QAAQ,CAAC,CAAC,EAGZ,UAAAyB,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXnC,GAAG,4BACCoB,4BAA4B,CAG/B;AAAA,EACJ","ignoreList":[]}

package/dist/MultiSelect/MultiSelect.types.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { DropdownPlacement } from '../Dropdown/Dropdown.types';
 import type { MenuProps, MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
 import type { OverlayTriggerProps } from '../OverlayTrigger';
-export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
-export declare type OptionItem = any;
+export type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export type OptionItem = any;
 export interface MultiSelectOptionProps {
     /**
      * @since 10.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.types.js","names":[],"sources":["../../src/MultiSelect/MultiSelect.types.ts"],"sourcesContent":["import type { DropdownPlacement } from '../Dropdown/Dropdown.types'\nimport type {\n  MenuProps,\n  MenuRef,\n  Selection,\n} from '../MenuImperative/MenuImperative.types'\nimport type { 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 MultiSelectOptionRendererProps 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  /**\n   * @since 12.39.0\n   */\n  options: OptionItem[]\n}\n\nexport interface GroupHeaderProps extends GroupItem {\n  /**\n   * @since 12.39.0\n   */\n  children?: React.ReactNode\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   * @deprecated The `groupHeaderRenderer` prop is deprecated and will be removed in a future version. Use `groupRenderer` instead to customize the entire group rendering, including the header.\n   * @deprecatedSince 12.39.0\n   */\n  groupHeaderRenderer?: (group: GroupItem) => React.ReactNode\n  /**\n   * @since 12.39.0\n   */\n  groupRenderer: (group: GroupHeaderProps) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  optionRenderer: (\n    option: OptionItem,\n    props: MultiSelectOptionRendererProps\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 MultiSelectTokenRendererProps {\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   * Props applied to the token remove control.\n   * @since 12.80.0\n   */\n  tokenRemoveProps?: {\n    tabIndex?: number\n    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>\n    ref?: React.Ref<HTMLButtonElement>\n  }\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 `options` to define relation to group in `groups`\n   * ```\n   * (option: OptionItem) => React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  getGroup?: MultiSelectConfig['getGroup']\n\n  /**\n   * Callback for each entry in `options` for keying and optimizations\n   * ```\n   * (option: OptionItem) => number | string\n   * ```\n   * @since 10.19.0\n   */\n  getId?: MultiSelectConfig['getId']\n\n  /**\n   * Callback for each entry in `options` to generate the token label.\n   * ```\n   * (option: OptionItem) => string\n   * ```\n   * @since 10.19.0\n   */\n  getLabel?: MultiSelectConfig['getLabel']\n\n  /**\n   * Callback for when a user types into the multiselect input\n   * ```\n   * (event: KeyboardEvent) => void\n   * ```\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   * Callback for rendering header for each entry in `groups`\n   * ```\n   * (group: GroupItem) => React.ReactNode\n   * ```\n   * @since 10.19.0\n   * @deprecated The `groupHeaderRenderer` prop is deprecated and will be removed in a future version. Use `groupRenderer` instead to customize the entire group rendering, including the header.\n   * @deprecatedSince 12.39.0\n   */\n  groupHeaderRenderer?: (group: GroupItem) => React.ReactNode\n  /**\n   * Callback for rendering header for each entry in `groups`\n   * ```\n   * (group: GroupHeader) => React.ReactNode\n   * ```\n   * @since 12.39.0\n   */\n  groupRenderer?: (group: GroupHeaderProps) => 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?: (\n    option: OptionItem,\n    props?: MultiSelectOptionRendererProps\n  ) => 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   * ```\n   * (props: TokenRendererProps) => React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  tokenRenderer?: (props: MultiSelectTokenRendererProps) => 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  /**\n   * @since 12.35.1\n   */\n  ['aria-describedby']?: string\n}\n"],"mappings":""}
+{"version":3,"file":"MultiSelect.types.js","names":[],"sources":["../../src/MultiSelect/MultiSelect.types.ts"],"sourcesContent":["import type { DropdownPlacement } from '../Dropdown/Dropdown.types'\nimport type {\n  MenuProps,\n  MenuRef,\n  Selection,\n} from '../MenuImperative/MenuImperative.types'\nimport type { 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 MultiSelectOptionRendererProps 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  /**\n   * @since 12.39.0\n   */\n  options: OptionItem[]\n}\n\nexport interface GroupHeaderProps extends GroupItem {\n  /**\n   * @since 12.39.0\n   */\n  children?: React.ReactNode\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   * @deprecated The `groupHeaderRenderer` prop is deprecated and will be removed in a future version. Use `groupRenderer` instead to customize the entire group rendering, including the header.\n   * @deprecatedSince 12.39.0\n   */\n  groupHeaderRenderer?: (group: GroupItem) => React.ReactNode\n  /**\n   * @since 12.39.0\n   */\n  groupRenderer: (group: GroupHeaderProps) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  optionRenderer: (\n    option: OptionItem,\n    props: MultiSelectOptionRendererProps\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 MultiSelectTokenRendererProps {\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   * Props applied to the token remove control.\n   * @since 12.80.0\n   */\n  tokenRemoveProps?: {\n    tabIndex?: number\n    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>\n    ref?: React.Ref<HTMLButtonElement>\n  }\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 `options` to define relation to group in `groups`\n   * ```\n   * (option: OptionItem) => React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  getGroup?: MultiSelectConfig['getGroup']\n\n  /**\n   * Callback for each entry in `options` for keying and optimizations\n   * ```\n   * (option: OptionItem) => number | string\n   * ```\n   * @since 10.19.0\n   */\n  getId?: MultiSelectConfig['getId']\n\n  /**\n   * Callback for each entry in `options` to generate the token label.\n   * ```\n   * (option: OptionItem) => string\n   * ```\n   * @since 10.19.0\n   */\n  getLabel?: MultiSelectConfig['getLabel']\n\n  /**\n   * Callback for when a user types into the multiselect input\n   * ```\n   * (event: KeyboardEvent) => void\n   * ```\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   * Callback for rendering header for each entry in `groups`\n   * ```\n   * (group: GroupItem) => React.ReactNode\n   * ```\n   * @since 10.19.0\n   * @deprecated The `groupHeaderRenderer` prop is deprecated and will be removed in a future version. Use `groupRenderer` instead to customize the entire group rendering, including the header.\n   * @deprecatedSince 12.39.0\n   */\n  groupHeaderRenderer?: (group: GroupItem) => React.ReactNode\n  /**\n   * Callback for rendering header for each entry in `groups`\n   * ```\n   * (group: GroupHeader) => React.ReactNode\n   * ```\n   * @since 12.39.0\n   */\n  groupRenderer?: (group: GroupHeaderProps) => 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?: (\n    option: OptionItem,\n    props?: MultiSelectOptionRendererProps\n  ) => 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   * ```\n   * (props: TokenRendererProps) => React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  tokenRenderer?: (props: MultiSelectTokenRendererProps) => 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  /**\n   * @since 12.35.1\n   */\n  ['aria-describedby']?: string\n}\n"],"mappings":"","ignoreList":[]}

package/dist/MultiSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { MultiSelect } from './MultiSelect';
-export type { MultiSelectOptionProps, MultiSelectOptionRendererProps, MultiSelectProps, MultiSelectTokenRendererProps, OptionItem as MultiSelectOptionItem, } from './MultiSelect.types';
+export type { OptionItem as MultiSelectOptionItem, MultiSelectOptionProps, MultiSelectOptionRendererProps, MultiSelectProps, MultiSelectTokenRendererProps, } from './MultiSelect.types';

package/dist/MultiSelect/index.js.map

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

package/dist/NextMenu/NextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.js","names":["React","GroupedVirtuoso","Virtuoso","defaultMenuHeight","optionMinHeight","StyledOptions","NextMenuGroup","NextMenuItem","getGroupCounts","items_","groups_","getItemGroupId","map","group","groupedItems","filter","item","id","length","calculateHeight","height","Math","max","Options","forwardRef","props","ref","createElement","_extends","flatComponents","Item","List","groupedComponents","Group","NextMenu","_ref","menuRef","_props$groups","style","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","adjustedHeight","setAdjustedHeight","sharedMenuConfiguration","_objectSpread","minHeight","totalListHeightChanged","groups","NextMenuFlat","NextMenuGrouped","_ref2","_ref2$items","items","_ref2$overscan","overscan","_ref2$onEndReached","onEndReached","_ref2$components","components","_ref2$getItemLabel","getItemLabel","label","context","data","endReached","children","_props$components","_props$items","_props$groups2","_props$getItemGroupId","_props$overscan","onSelect_","onSelect","_props$onEndReached","onEndReached_","groupCounts"],"sources":["../../src/NextMenu/NextMenu.tsx"],"sourcesContent":["// TODO figure out what to do with this component RE SuperSelect\nimport React from 'react'\nimport { GroupedVirtuoso, Virtuoso } from 'react-virtuoso'\nimport {\n  defaultMenuHeight,\n  optionMinHeight,\n  StyledOptions,\n} from './NextMenu.styles'\nimport type { NextMenuProps } from './NextMenu.types'\nimport { NextMenuGroup, NextMenuItem } from './NextMenuItem'\n\n/**\n * Count items in groups by id received from getItemGroupId\n *\n * @param items_\n * @param groups_\n * @param getItemGroupId\n * @return number[]\n * */\nexport const getGroupCounts = (\n  items_: any[],\n  groups_: any[],\n  getItemGroupId: (item: any) => string | number\n): number[] => {\n  return groups_.map((group) => {\n    const groupedItems = items_.filter(\n      (item) => getItemGroupId(item) === group.id\n    )\n    return groupedItems.length\n  })\n}\n\n/**\n * Get the height of the item list, used to make menu grow to size of item list\n * (or to a max height if applied by implementer) with a minimum of 32px\n * @param height;\n * @returns number\n */\nfunction calculateHeight(height: number) {\n  return Math.max(height, optionMinHeight)\n}\n\nconst Options = React.forwardRef<HTMLDivElement, any>((props, ref) => {\n  return <StyledOptions ref={ref} {...props} />\n})\n\nconst flatComponents = { Item: NextMenuItem, List: Options }\n\nconst groupedComponents = {\n  Group: NextMenuGroup,\n  Item: NextMenuItem,\n  List: Options,\n}\n\n/**\n Menus are used in conjunction with components that contain dropdowns.\n For example, multi select, single select, and dropdown.\n\n @since 11.1.1\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-nextmenu--with-groups)\n @see [Design Guidelines](https://design.procore.com/menu)\n */\nexport const NextMenu = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any>\n>(({ style, ...props }, menuRef) => {\n  const [adjustedHeight, setAdjustedHeight] = React.useState(defaultMenuHeight)\n\n  const sharedMenuConfiguration = {\n    ref: menuRef,\n    style: {\n      height: adjustedHeight,\n      minHeight: optionMinHeight,\n      ...style,\n    },\n    totalListHeightChanged: (height: number) =>\n      setAdjustedHeight(calculateHeight(height)),\n  }\n\n  if (!props.groups?.length) {\n    return <NextMenuFlat {...sharedMenuConfiguration} {...props} />\n  }\n  return <NextMenuGrouped {...sharedMenuConfiguration} {...props} />\n})\n\n/**\n * Flat version of menu list\n * */\nexport const NextMenuFlat = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any> & { totalListHeightChanged: (height: number) => void }\n>(\n  (\n    {\n      items = [],\n      overscan = 20,\n      style,\n      totalListHeightChanged,\n      onEndReached = () => {},\n      components = {},\n      getItemLabel = (item: any) => item?.label,\n    },\n    menuRef\n  ) => {\n    return (\n      <Virtuoso\n        ref={menuRef as any}\n        components={{ ...flatComponents, ...components } as any}\n        context={{ items, getItemLabel }}\n        data={items}\n        overscan={overscan}\n        style={style}\n        totalListHeightChanged={totalListHeightChanged}\n        endReached={onEndReached}\n      />\n    )\n  }\n)\n\n/**\n * Grouped version of menu list\n * Provide getItemGroupId to group items\n * @see getGroupCounts\n * */\nexport const NextMenuGrouped = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any> & { totalListHeightChanged: (height: number) => void }\n>((props, menuRef) => {\n  const {\n    children,\n    components = {},\n    items = [],\n    groups = [],\n    getItemGroupId = () => -1,\n    overscan = 20,\n    onSelect: onSelect_,\n    onEndReached: onEndReached_ = () => {},\n    style,\n    totalListHeightChanged,\n  } = props\n\n  const groupCounts = getGroupCounts(items, groups, getItemGroupId)\n\n  return (\n    <GroupedVirtuoso\n      ref={menuRef as any}\n      style={style}\n      components={{ ...groupedComponents, ...components } as any}\n      context={{ items }}\n      groupCounts={groupCounts}\n      overscan={overscan}\n      endReached={onEndReached_}\n      totalListHeightChanged={totalListHeightChanged}\n    />\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"NextMenu.js","names":["React","GroupedVirtuoso","Virtuoso","defaultMenuHeight","optionMinHeight","StyledOptions","NextMenuGroup","NextMenuItem","getGroupCounts","items_","groups_","getItemGroupId","map","group","groupedItems","filter","item","id","length","calculateHeight","height","Math","max","Options","forwardRef","props","ref","createElement","_extends","flatComponents","Item","List","groupedComponents","Group","NextMenu","_ref","menuRef","_props$groups","style","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","adjustedHeight","setAdjustedHeight","sharedMenuConfiguration","_objectSpread","minHeight","totalListHeightChanged","groups","NextMenuFlat","NextMenuGrouped","_ref2","_ref2$items","items","_ref2$overscan","overscan","_ref2$onEndReached","onEndReached","_ref2$components","components","_ref2$getItemLabel","getItemLabel","label","context","data","endReached","children","_props$components","_props$items","_props$groups2","_props$getItemGroupId","_props$overscan","onSelect_","onSelect","_props$onEndReached","onEndReached_","groupCounts"],"sources":["../../src/NextMenu/NextMenu.tsx"],"sourcesContent":["// TODO figure out what to do with this component RE SuperSelect\nimport React from 'react'\nimport { GroupedVirtuoso, Virtuoso } from 'react-virtuoso'\nimport {\n  defaultMenuHeight,\n  optionMinHeight,\n  StyledOptions,\n} from './NextMenu.styles'\nimport type { NextMenuProps } from './NextMenu.types'\nimport { NextMenuGroup, NextMenuItem } from './NextMenuItem'\n\n/**\n * Count items in groups by id received from getItemGroupId\n *\n * @param items_\n * @param groups_\n * @param getItemGroupId\n * @return number[]\n * */\nexport const getGroupCounts = (\n  items_: any[],\n  groups_: any[],\n  getItemGroupId: (item: any) => string | number\n): number[] => {\n  return groups_.map((group) => {\n    const groupedItems = items_.filter(\n      (item) => getItemGroupId(item) === group.id\n    )\n    return groupedItems.length\n  })\n}\n\n/**\n * Get the height of the item list, used to make menu grow to size of item list\n * (or to a max height if applied by implementer) with a minimum of 32px\n * @param height;\n * @returns number\n */\nfunction calculateHeight(height: number) {\n  return Math.max(height, optionMinHeight)\n}\n\nconst Options = React.forwardRef<HTMLDivElement, any>((props, ref) => {\n  return <StyledOptions ref={ref} {...props} />\n})\n\nconst flatComponents = { Item: NextMenuItem, List: Options }\n\nconst groupedComponents = {\n  Group: NextMenuGroup,\n  Item: NextMenuItem,\n  List: Options,\n}\n\n/**\n Menus are used in conjunction with components that contain dropdowns.\n For example, multi select, single select, and dropdown.\n\n @since 11.1.1\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-nextmenu--with-groups)\n @see [Design Guidelines](https://design.procore.com/menu)\n */\nexport const NextMenu = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any>\n>(({ style, ...props }, menuRef) => {\n  const [adjustedHeight, setAdjustedHeight] = React.useState(defaultMenuHeight)\n\n  const sharedMenuConfiguration = {\n    ref: menuRef,\n    style: {\n      height: adjustedHeight,\n      minHeight: optionMinHeight,\n      ...style,\n    },\n    totalListHeightChanged: (height: number) =>\n      setAdjustedHeight(calculateHeight(height)),\n  }\n\n  if (!props.groups?.length) {\n    return <NextMenuFlat {...sharedMenuConfiguration} {...props} />\n  }\n  return <NextMenuGrouped {...sharedMenuConfiguration} {...props} />\n})\n\n/**\n * Flat version of menu list\n * */\nexport const NextMenuFlat = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any> & { totalListHeightChanged: (height: number) => void }\n>(\n  (\n    {\n      items = [],\n      overscan = 20,\n      style,\n      totalListHeightChanged,\n      onEndReached = () => {},\n      components = {},\n      getItemLabel = (item: any) => item?.label,\n    },\n    menuRef\n  ) => {\n    return (\n      <Virtuoso\n        ref={menuRef as any}\n        components={{ ...flatComponents, ...components } as any}\n        context={{ items, getItemLabel }}\n        data={items}\n        overscan={overscan}\n        style={style}\n        totalListHeightChanged={totalListHeightChanged}\n        endReached={onEndReached}\n      />\n    )\n  }\n)\n\n/**\n * Grouped version of menu list\n * Provide getItemGroupId to group items\n * @see getGroupCounts\n * */\nexport const NextMenuGrouped = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any> & { totalListHeightChanged: (height: number) => void }\n>((props, menuRef) => {\n  const {\n    children,\n    components = {},\n    items = [],\n    groups = [],\n    getItemGroupId = () => -1,\n    overscan = 20,\n    onSelect: onSelect_,\n    onEndReached: onEndReached_ = () => {},\n    style,\n    totalListHeightChanged,\n  } = props\n\n  const groupCounts = getGroupCounts(items, groups, getItemGroupId)\n\n  return (\n    <GroupedVirtuoso\n      ref={menuRef as any}\n      style={style}\n      components={{ ...groupedComponents, ...components } as any}\n      context={{ items }}\n      groupCounts={groupCounts}\n      overscan={overscan}\n      endReached={onEndReached_}\n      totalListHeightChanged={totalListHeightChanged}\n    />\n  )\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/NextMenu/NextMenu.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const optionMinHeight = 32;
 /** Large enough to fit one group and one item */
 export declare const defaultMenuHeight = 64;

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_53_0__sc-3o6zya-0"
+  componentId: "core-12_53_1__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_53_0__sc-3o6zya-1"
+  componentId: "core-12_53_1__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_53_0__sc-3o6zya-2"
+  componentId: "core-12_53_1__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/NextMenu/NextMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.styles.js","names":["styled","getTypographyIntent","typographyWeights","spacing","optionMinHeight","defaultMenuHeight","StyledOptions","div","withConfig","displayName","componentId","StyledItem","xs","md","StyledGroup","semibold"],"sources":["../../src/NextMenu/NextMenu.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { spacing } from '../_styles/spacing'\n\nexport const optionMinHeight = 32\n/** Large enough to fit one group and one item */\nexport const defaultMenuHeight = 64\n\nexport const StyledOptions = styled.div``\n\nexport const StyledItem = styled.div`\n  ${getTypographyIntent('body')};\n\n  padding: ${spacing.xs}px ${spacing.md}px;\n  cursor: pointer;\n  list-style-type: none;\n`\n\nexport const StyledGroup = styled.div`\n  ${getTypographyIntent('body')};\n\n  padding: ${spacing.md}px ${spacing.md}px ${spacing.xs}px;\n  font-weight: ${typographyWeights.semibold};\n  background: white;\n  list-style-type: none;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,IAAMC,iBAAiB,GAAG,EAAE;AAEnC,OAAO,IAAMC,aAAa,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEzC,OAAO,IAAMC,UAAU,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAChCT,mBAAmB,CAAC,MAAM,CAAC,EAElBE,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACU,EAAE,CAGtC;AAED,OAAO,IAAMC,WAAW,gBAAGd,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGACjCT,mBAAmB,CAAC,MAAM,CAAC,EAElBE,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACS,EAAE,EACtCV,iBAAiB,CAACa,QAAQ,CAG1C"}
+{"version":3,"file":"NextMenu.styles.js","names":["styled","getTypographyIntent","typographyWeights","spacing","optionMinHeight","defaultMenuHeight","StyledOptions","div","withConfig","displayName","componentId","StyledItem","xs","md","StyledGroup","semibold"],"sources":["../../src/NextMenu/NextMenu.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { spacing } from '../_styles/spacing'\n\nexport const optionMinHeight = 32\n/** Large enough to fit one group and one item */\nexport const defaultMenuHeight = 64\n\nexport const StyledOptions = styled.div``\n\nexport const StyledItem = styled.div`\n  ${getTypographyIntent('body')};\n\n  padding: ${spacing.xs}px ${spacing.md}px;\n  cursor: pointer;\n  list-style-type: none;\n`\n\nexport const StyledGroup = styled.div`\n  ${getTypographyIntent('body')};\n\n  padding: ${spacing.md}px ${spacing.md}px ${spacing.xs}px;\n  font-weight: ${typographyWeights.semibold};\n  background: white;\n  list-style-type: none;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,IAAMC,iBAAiB,GAAG,EAAE;AAEnC,OAAO,IAAMC,aAAa,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEzC,OAAO,IAAMC,UAAU,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAChCT,mBAAmB,CAAC,MAAM,CAAC,EAElBE,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACU,EAAE,CAGtC;AAED,OAAO,IAAMC,WAAW,gBAAGd,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGACjCT,mBAAmB,CAAC,MAAM,CAAC,EAElBE,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACS,EAAE,EACtCV,iBAAiB,CAACa,QAAQ,CAG1C","ignoreList":[]}

package/dist/NextMenu/NextMenu.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.types.js","names":[],"sources":["../../src/NextMenu/NextMenu.types.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { ItemProps } from 'react-virtuoso'\nimport type { Props } from '../_utils/types'\n\nexport interface MenuComponentContext<Item> {\n  items?: Item[]\n\n  totalSize?: number\n  /**\n   * Function that returns label for given item\n   * @default (item: Item) => item.label\n   * @since 11.3.0\n   */\n  getItemLabel?(item: Item): string\n  /**\n   * Handler for selecting menu items\n   * @since 11.1.1\n   */\n  onSelect?: (event: any) => Item\n}\n\ninterface MenuComponents {\n  Item?: ComponentType<{\n    context?: MenuComponentContext<any>\n  }>\n  Group?: ComponentType<{\n    context?: MenuComponentContext<any>\n  }>\n}\n\nexport interface NextMenuProps<Item, Group> extends Props {\n  /**\n   * Components used for UI customization\n   * @since 11.3.0\n   * */\n  components?: MenuComponents\n  /**\n   * Items that should be rendered in the menu. Presorted to display order.\n   * It is ignored for grouped menu\n   * @see menuItemRenderer\n   * @since 11.1.1\n   */\n  items: Item[]\n  /**\n   * Groups that should be rendered in the menu\n   * Only used when grouping\n   * @since 11.1.1\n   */\n  groups?: (Group & { id: string | number })[]\n  /**\n   * Function that returns group id for given item\n   * @since 11.1.1\n   */\n  getItemGroupId?(item: Item): string | number\n  /**\n   * Function that returns label for given item\n   * @since 11.1.1\n   */\n  getItemLabel?(item: Item): string\n  /**\n   * Specifies the amount of items in each group (and, actually, how many groups are there).\n   * For example, passing [20, 30] will display 2 groups with 20 and 30 items each.\n   * @since 11.1.1\n   */\n  groupCounts?: number[]\n  /**\n   * The property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\n   * @default 20\n   * @since 11.3.0\n   * */\n  overscan?: number\n  /**\n   * Handler for selecting menu items\n   * @since 11.1.1\n   */\n  onSelect?: (event: any) => Item\n  /**\n   * Gets called when the user scrolls to the end of the list.\n   * Receives the last item index as an argument. Can be used to implement endless scrolling.\n   * @since 11.3.0\n   */\n  onEndReached?: (index: number) => void\n}\n\nexport interface NextMenuItemProps<Item> extends ItemProps {\n  item?: Item\n  /**\n   * @default false\n   * @since 11.1.1\n   */\n  isSelected?: boolean\n  /**\n   * Size of the list in which this item is rendered\n   * Used for accessibility purposes\n   * @since 11.3.0\n   * */\n  totalSize: number\n  /**\n   * Item position in list\n   * @since 11.3.0\n   * */\n  itemPositionInList: number\n\n  context?: MenuComponentContext<Item>\n}\n\nexport interface NextMenuGroupProps<Group> extends NextMenuItemProps<Group> {}\n"],"mappings":""}
+{"version":3,"file":"NextMenu.types.js","names":[],"sources":["../../src/NextMenu/NextMenu.types.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { ItemProps } from 'react-virtuoso'\nimport type { Props } from '../_utils/types'\n\nexport interface MenuComponentContext<Item> {\n  items?: Item[]\n\n  totalSize?: number\n  /**\n   * Function that returns label for given item\n   * @default (item: Item) => item.label\n   * @since 11.3.0\n   */\n  getItemLabel?(item: Item): string\n  /**\n   * Handler for selecting menu items\n   * @since 11.1.1\n   */\n  onSelect?: (event: any) => Item\n}\n\ninterface MenuComponents {\n  Item?: ComponentType<{\n    context?: MenuComponentContext<any>\n  }>\n  Group?: ComponentType<{\n    context?: MenuComponentContext<any>\n  }>\n}\n\nexport interface NextMenuProps<Item, Group> extends Props {\n  /**\n   * Components used for UI customization\n   * @since 11.3.0\n   * */\n  components?: MenuComponents\n  /**\n   * Items that should be rendered in the menu. Presorted to display order.\n   * It is ignored for grouped menu\n   * @see menuItemRenderer\n   * @since 11.1.1\n   */\n  items: Item[]\n  /**\n   * Groups that should be rendered in the menu\n   * Only used when grouping\n   * @since 11.1.1\n   */\n  groups?: (Group & { id: string | number })[]\n  /**\n   * Function that returns group id for given item\n   * @since 11.1.1\n   */\n  getItemGroupId?(item: Item): string | number\n  /**\n   * Function that returns label for given item\n   * @since 11.1.1\n   */\n  getItemLabel?(item: Item): string\n  /**\n   * Specifies the amount of items in each group (and, actually, how many groups are there).\n   * For example, passing [20, 30] will display 2 groups with 20 and 30 items each.\n   * @since 11.1.1\n   */\n  groupCounts?: number[]\n  /**\n   * The property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\n   * @default 20\n   * @since 11.3.0\n   * */\n  overscan?: number\n  /**\n   * Handler for selecting menu items\n   * @since 11.1.1\n   */\n  onSelect?: (event: any) => Item\n  /**\n   * Gets called when the user scrolls to the end of the list.\n   * Receives the last item index as an argument. Can be used to implement endless scrolling.\n   * @since 11.3.0\n   */\n  onEndReached?: (index: number) => void\n}\n\nexport interface NextMenuItemProps<Item> extends ItemProps {\n  item?: Item\n  /**\n   * @default false\n   * @since 11.1.1\n   */\n  isSelected?: boolean\n  /**\n   * Size of the list in which this item is rendered\n   * Used for accessibility purposes\n   * @since 11.3.0\n   * */\n  totalSize: number\n  /**\n   * Item position in list\n   * @since 11.3.0\n   * */\n  itemPositionInList: number\n\n  context?: MenuComponentContext<Item>\n}\n\nexport interface NextMenuGroupProps<Group> extends NextMenuItemProps<Group> {}\n"],"mappings":"","ignoreList":[]}