@razorpay/blade 12.110.0 → 12.119.1

package/build/lib/native/components/Dropdown/FilterChipSelectInput.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChipSelectInput.native.js","sources":["../../../../../src/components/Dropdown/FilterChipSelectInput.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n  BaseFilterChipProps,\n  'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'\n> & {\n  accessibilityLabel?: string;\n  onChange?: (props: { name: string; values: string[] }) => void;\n  name?: string;\n  onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n  const idBase = useId('filter-chip-select-input');\n  const {\n    onClick,\n    onBlur,\n    onKeyDown,\n    accessibilityLabel,\n    testID,\n    value,\n    onClearButtonClick,\n    label,\n    onChange,\n    name,\n    isDisabled,\n    ...rest\n  } = props;\n  const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n  const isFirstRender = useFirstRender();\n\n  const {\n    options,\n    selectedIndices,\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    selectionType,\n    isControlled,\n    setSelectedIndices,\n    controlledValueIndices,\n    changeCallbackTriggerer,\n  } = useDropdown();\n  const valueTitle = options.find((option) => option.value === value)?.title ?? value;\n\n  const isUnControlled = options.length > 0 && props.value === undefined;\n  const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n  const {\n    clearFilterCallbackTriggerer,\n    setFilterChipGroupSelectedFilters,\n  } = useFilterChipGroupContext();\n\n  const getValuesArrayFromIndices = (): string[] => {\n    let indices: number[] = [];\n    if (isControlled) {\n      indices = controlledValueIndices;\n    } else {\n      indices = selectedIndices;\n    }\n\n    return indices.map((i) => options[i]?.value).filter((v): v is string => v !== undefined);\n  };\n\n  useEffect(() => {\n    const valueNotEmpty =\n      (typeof value === 'string' && value.trim() !== '') ||\n      (Array.isArray(value) && value.length > 0);\n\n    const currentSelectedValues = selectedIndices.map((i) => options[i]?.value);\n    const isSingleValueSynced =\n      typeof value === 'string' &&\n      currentSelectedValues.length === 1 &&\n      currentSelectedValues[0] === value;\n\n    const isMultiValueSynced =\n      Array.isArray(value) &&\n      value.length === currentSelectedValues.length &&\n      value.every((v) => currentSelectedValues.includes(v));\n\n    const isValueAndSelectedIndicesSynced = isSingleValueSynced || isMultiValueSynced;\n\n    if (isUnControlled) {\n      if (listViewSelectedFilters[label]) {\n        const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n        setSelectedIndices(savedIndices);\n        const inputValue = savedIndices\n          .map((i) => options[i]?.value)\n          .filter((v): v is string => v !== undefined);\n        setUncontrolledInputValue(inputValue);\n        setFilterChipGroupSelectedFilters((prev) =>\n          prev.includes(label) ? prev : [...prev, label],\n        );\n      } else {\n        setSelectedIndices([]);\n      }\n    } else if (listViewSelectedFilters[label]) {\n      const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n      setSelectedIndices(savedIndices);\n    } else if (valueNotEmpty && !isValueAndSelectedIndicesSynced && options.length > 0) {\n      const newSelectedIndices =\n        typeof value === 'string'\n          ? [options.findIndex((option) => option.value === value)]\n          : options\n              .map((option, index) => (value.includes(option.value) ? index : -1))\n              .filter((index) => index !== -1);\n      setSelectedIndices(newSelectedIndices);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled, options, value]);\n\n  const getTitleFromValue = (value: string): string => {\n    const option = options.find((option) => option.value === value);\n    return option ? option.title : '';\n  };\n\n  const getUnControlledFilterChipValue = (): string | string[] => {\n    if (selectionType === 'single') {\n      if (uncontrolledInputValue.length > 0) {\n        return getTitleFromValue(uncontrolledInputValue[0]);\n      }\n      return '';\n    }\n    return uncontrolledInputValue;\n  };\n\n  const handleClearButtonClick = (): void => {\n    const currentValues = getValuesArrayFromIndices();\n    onClearButtonClick?.({ name: name ?? idBase, values: currentValues });\n    onChange?.({ name: name ?? idBase, values: [] });\n    setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n    setListViewSelectedFilters((prev) => {\n      const { [label]: _, ...updatedFilters } = prev;\n      return updatedFilters;\n    });\n    setUncontrolledInputValue([]);\n    setSelectedIndices([]);\n  };\n\n  useEffect(() => {\n    if (clearFilterCallbackTriggerer) {\n      handleClearButtonClick();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clearFilterCallbackTriggerer]);\n\n  useEffect(() => {\n    if (!isFirstRender) {\n      props.onChange?.({\n        name: props.name || idBase,\n        values: getValuesArrayFromIndices(),\n      });\n      if (isUnControlled) {\n        setUncontrolledInputValue(getValuesArrayFromIndices());\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n\n  useEffect(() => {\n    const isValueEmpty = selectedIndices.length === 0;\n    if (!isFirstRender && !isValueEmpty) {\n      setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n      setListViewSelectedFilters((prev) => ({\n        ...prev,\n        [label]: selectedIndices as number[],\n      }));\n    } else if (!isFirstRender && isValueEmpty) {\n      setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n      setListViewSelectedFilters((prev) => {\n        const { [label]: _, ...updatedFilters } = prev;\n        return updatedFilters;\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n    onKeyDown?.(e);\n    onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      onTriggerClick();\n    }\n  };\n\n  return (\n    <BaseFilterChip\n      label={label}\n      value={valueTitle ?? getUnControlledFilterChipValue()}\n      onClearButtonClick={handleClearButtonClick}\n      selectionType={selectionType}\n      {...rest}\n      testID={testID}\n      ref={triggererRef as any}\n      onKeyDown={handleKeyDown}\n      accessibilityProps={{\n        label: accessibilityLabel ?? label,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      }}\n      onClick={(e) => {\n        onTriggerClick();\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        onBlur?.(e);\n      }}\n      isDisabled={isDisabled}\n    />\n  );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n  componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["this","_FilterChipSelectInput","props","_options$find$title","_options$find","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","i","_options$i","filter","v","useEffect","valueNotEmpty","trim","Array","isArray","currentSelectedValues","_options$i2","isSingleValueSynced","isMultiValueSynced","every","includes","isValueAndSelectedIndicesSynced","savedIndices","inputValue","_options$i3","prev","concat","_toConsumableArray","newSelectedIndices","findIndex","index","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","currentValues","values","_","updatedFilters","_toPropertyKey","isValueEmpty","Object","assign","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"FilterChipSelectInput.native.js","sources":["../../../../../src/components/Dropdown/FilterChipSelectInput.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { getFilterChipDisplayValue } from './filterChipSelectInputUtils';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n  BaseFilterChipProps,\n  | 'onKeyDown'\n  | 'value'\n  | 'label'\n  | 'testID'\n  | 'onClick'\n  | 'selectionType'\n  | 'onBlur'\n  | 'showClearButton'\n> & {\n  accessibilityLabel?: string;\n  onChange?: (props: { name: string; values: string[] }) => void;\n  name?: string;\n  onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n  const idBase = useId('filter-chip-select-input');\n  const {\n    onClick,\n    onBlur,\n    onKeyDown,\n    accessibilityLabel,\n    testID,\n    value,\n    onClearButtonClick,\n    label,\n    onChange,\n    name,\n    isDisabled,\n    showClearButton = true,\n    ...rest\n  } = props;\n  const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n  const isFirstRender = useFirstRender();\n\n  const {\n    options,\n    selectedIndices,\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    selectionType,\n    isControlled,\n    setSelectedIndices,\n    controlledValueIndices,\n    changeCallbackTriggerer,\n  } = useDropdown();\n  const isUnControlled = options.length > 0 && props.value === undefined;\n  const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n  const {\n    clearFilterCallbackTriggerer,\n    setFilterChipGroupSelectedFilters,\n  } = useFilterChipGroupContext();\n\n  const getValuesArrayFromIndices = (): string[] => {\n    let indices: number[] = [];\n    if (isControlled) {\n      indices = controlledValueIndices;\n    } else {\n      indices = selectedIndices;\n    }\n\n    return indices.map((i) => options[i]?.value).filter((v): v is string => v !== undefined);\n  };\n\n  useEffect(() => {\n    const valueNotEmpty =\n      (typeof value === 'string' && value.trim() !== '') ||\n      (Array.isArray(value) && value.length > 0);\n\n    const currentSelectedValues = selectedIndices.map((i) => options[i]?.value);\n    const isSingleValueSynced =\n      typeof value === 'string' &&\n      currentSelectedValues.length === 1 &&\n      currentSelectedValues[0] === value;\n\n    const isMultiValueSynced =\n      Array.isArray(value) &&\n      value.length === currentSelectedValues.length &&\n      value.every((v) => currentSelectedValues.includes(v));\n\n    const isValueAndSelectedIndicesSynced = isSingleValueSynced || isMultiValueSynced;\n\n    if (isUnControlled) {\n      if (listViewSelectedFilters[label]) {\n        const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n        setSelectedIndices(savedIndices);\n        const inputValue = savedIndices\n          .map((i) => options[i]?.value)\n          .filter((v): v is string => v !== undefined);\n        setUncontrolledInputValue(inputValue);\n        setFilterChipGroupSelectedFilters((prev) =>\n          prev.includes(label) ? prev : [...prev, label],\n        );\n      } else {\n        setSelectedIndices([]);\n      }\n    } else if (listViewSelectedFilters[label]) {\n      const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n      setSelectedIndices(savedIndices);\n      // An emptied value clears the selection too, so consumers can reset from outside the chip\n      // (e.g. a Clear button in the dropdown footer)\n    } else if (!isValueAndSelectedIndicesSynced && options.length > 0) {\n      const newSelectedIndices = !valueNotEmpty\n        ? []\n        : options\n            .map((option, index) => {\n              const isSelected =\n                typeof value === 'string'\n                  ? option.value === value\n                  : Array.isArray(value) && value.includes(option.value);\n              return isSelected ? index : -1;\n            })\n            .filter((index) => index !== -1);\n      setSelectedIndices(newSelectedIndices);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled, options, value]);\n\n  const handleClearButtonClick = (): void => {\n    const currentValues = getValuesArrayFromIndices();\n    onClearButtonClick?.({ name: name ?? idBase, values: currentValues });\n    onChange?.({ name: name ?? idBase, values: [] });\n    setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n    setListViewSelectedFilters((prev) => {\n      const { [label]: _, ...updatedFilters } = prev;\n      return updatedFilters;\n    });\n    setUncontrolledInputValue([]);\n    setSelectedIndices([]);\n  };\n\n  useEffect(() => {\n    if (clearFilterCallbackTriggerer) {\n      handleClearButtonClick();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clearFilterCallbackTriggerer]);\n\n  useEffect(() => {\n    if (!isFirstRender) {\n      props.onChange?.({\n        name: props.name || idBase,\n        values: getValuesArrayFromIndices(),\n      });\n      if (isUnControlled) {\n        setUncontrolledInputValue(getValuesArrayFromIndices());\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n\n  useEffect(() => {\n    const isValueEmpty = selectedIndices.length === 0;\n    if (!isFirstRender && !isValueEmpty) {\n      setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n      setListViewSelectedFilters((prev) => ({\n        ...prev,\n        [label]: selectedIndices as number[],\n      }));\n    } else if (!isFirstRender && isValueEmpty) {\n      setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n      setListViewSelectedFilters((prev) => {\n        const { [label]: _, ...updatedFilters } = prev;\n        return updatedFilters;\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n    onKeyDown?.(e);\n    onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      onTriggerClick();\n    }\n  };\n\n  return (\n    <BaseFilterChip\n      label={label}\n      value={getFilterChipDisplayValue({\n        value: props.value,\n        options,\n        selectionType,\n        uncontrolledInputValue,\n      })}\n      onClearButtonClick={handleClearButtonClick}\n      showClearButton={showClearButton}\n      selectionType={selectionType}\n      {...rest}\n      testID={testID}\n      ref={triggererRef as any}\n      onKeyDown={handleKeyDown}\n      accessibilityProps={{\n        label: accessibilityLabel ?? label,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      }}\n      onClick={(e) => {\n        onTriggerClick();\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        onBlur?.(e);\n      }}\n      isDisabled={isDisabled}\n    />\n  );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n  componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["this","_FilterChipSelectInput","props","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","_props$showClearButto","showClearButton","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","i","_options$i","filter","v","useEffect","valueNotEmpty","trim","Array","isArray","currentSelectedValues","_options$i2","isSingleValueSynced","isMultiValueSynced","every","includes","isValueAndSelectedIndicesSynced","savedIndices","inputValue","_options$i3","prev","concat","_toConsumableArray","newSelectedIndices","option","index","isSelected","handleClearButtonClick","currentValues","values","_","updatedFilters","_toPropertyKey","isValueEmpty","Object","assign","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","getFilterChipDisplayValue","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/native/components/Dropdown/dropdownUtils.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
 
-var SelectActions={Close:'Close',CloseSelect:'CloseSelect',First:'First',Last:'Last',Next:'Next',Open:'Open',PageDown:'PageDown',PageUp:'PageUp',Previous:'Previous',Select:'Select',Type:'Type'};function filterOptions(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var filter=arguments.length>1?arguments[1]:undefined;var exclude=arguments.length>2&&arguments[2]!==undefined?arguments[2]:[];return options.filter(function(option){var matches=String(option).toLowerCase().startsWith(filter.toLowerCase());return matches&&!exclude.includes(option);});}function getActionFromKey(e,isOpen,dropdownTriggerer){if(!e){return undefined;}var altKey=e.altKey,ctrlKey=e.ctrlKey,metaKey=e.metaKey;var key='';if('key'in e){key=e.key;}var openKeys=['ArrowDown','ArrowUp','Enter',' '];if(!key)return undefined;if(!isOpen&&key&&openKeys.includes(key)){return SelectActions.Open;}if(key==='Home'){return SelectActions.First;}if(key==='End'){return SelectActions.Last;}if(key==='Backspace'||key==='Clear'||key.length===1&&key!==' '&&!altKey&&!ctrlKey&&!metaKey){return SelectActions.Type;}if(isOpen){if(key==='ArrowUp'&&altKey){return SelectActions.CloseSelect;}else if(key==='ArrowDown'&&!altKey){return SelectActions.Next;}else if(key==='ArrowUp'){return SelectActions.Previous;}else if(key==='PageUp'){return SelectActions.PageUp;}else if(key==='PageDown'){return SelectActions.PageDown;}else if(key==='Escape'){return SelectActions.Close;}else if(key==='Enter'||dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete&&dropdownTriggerer!==dropdownComponentIds.triggers.SearchInput&&key===' '){return SelectActions.CloseSelect;}}return undefined;}function getIndexByLetter(options,filter){var startIndex=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var orderedOptions=[].concat(_toConsumableArray(options.slice(startIndex)),_toConsumableArray(options.slice(0,startIndex)));var firstMatch=filterOptions(orderedOptions,filter)[0];var allSameLetter=function allSameLetter(array){return array.every(function(letter){return letter===array[0];});};if(firstMatch){return options.indexOf(firstMatch);}else if(allSameLetter(filter.split(''))){var matches=filterOptions(orderedOptions,filter[0]);return options.indexOf(matches[0]);}else {return -1;}}function getUpdatedIndex(_ref){var currentIndex=_ref.currentIndex,maxIndex=_ref.maxIndex,actionType=_ref.actionType;var pageSize=10;switch(actionType){case SelectActions.First:return 0;case SelectActions.Last:return maxIndex;case SelectActions.Previous:return Math.max(0,currentIndex-1);case SelectActions.Next:return Math.min(maxIndex,currentIndex+1);case SelectActions.PageUp:return Math.max(0,currentIndex-pageSize);case SelectActions.PageDown:return Math.min(maxIndex,currentIndex+pageSize);default:return currentIndex;}}function isElementVisibleOnScreen(element){var bounding=element.getBoundingClientRect();return bounding.top>=0&&bounding.left>=0&&bounding.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&bounding.right<=(window.innerWidth||document.documentElement.clientWidth);}function isElementVisible(container,element){var containerRect=container.getBoundingClientRect();var elementRect=element.getBoundingClientRect();var isVerticalVisible=elementRect.top>=containerRect.top&&elementRect.bottom<=containerRect.bottom;return isVerticalVisible;}function isScrollable(element){return element&&element.clientHeight<element.scrollHeight;}var performAction=function performAction(action,payload,actions){var event=payload.event;switch(action){case SelectActions.Last:case SelectActions.First:actions.setIsOpen(true);case SelectActions.Next:case SelectActions.Previous:case SelectActions.PageUp:case SelectActions.PageDown:event.preventDefault();actions.onOptionChange(action);return true;case SelectActions.CloseSelect:event.preventDefault();actions.selectCurrentOption();return true;case SelectActions.Close:event.preventDefault();actions.close();return true;case SelectActions.Type:actions.onComboType(event.key,action);return true;case SelectActions.Open:event.preventDefault();actions.setIsOpen(true);return true;default:break;}return false;};var ensureScrollVisiblity=function ensureScrollVisiblity(newActiveIndex,containerElement,options){if(containerElement){if(isScrollable(containerElement)){var optionEl=containerElement.querySelectorAll('[role="option"], [role="menuitem"]');if(newActiveIndex>=0&&optionEl[newActiveIndex].dataset.value===options[newActiveIndex]){var activeElement=optionEl[newActiveIndex];if(!isElementVisible(containerElement,activeElement)){activeElement.scrollIntoView({inline:'nearest'});}if(!isElementVisibleOnScreen(optionEl[newActiveIndex])){activeElement.scrollIntoView({behavior:'smooth'});}}}}};var makeInputValue=function makeInputValue(selectedIndices,options){if(options.length===0){return '';}return selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.value;}).join(', ');};var makeInputDisplayValue=function makeInputDisplayValue(selectedIndices,options){if(options.length===0||selectedIndices.length===0){return '';}if(selectedIndices.length===1){var _options$selectedIndi;return (_options$selectedIndi=options[selectedIndices[0]])==null?void 0:_options$selectedIndi.title;}return `${selectedIndices.length} items selected`;};
+var SelectActions={Close:'Close',CloseSelect:'CloseSelect',Expand:'Expand',Collapse:'Collapse',First:'First',Last:'Last',Next:'Next',Open:'Open',PageDown:'PageDown',PageUp:'PageUp',Previous:'Previous',Select:'Select',Type:'Type'};function filterOptions(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var filter=arguments.length>1?arguments[1]:undefined;var exclude=arguments.length>2&&arguments[2]!==undefined?arguments[2]:[];return options.filter(function(option){var matches=String(option).toLowerCase().startsWith(filter.toLowerCase());return matches&&!exclude.includes(option);});}function getActionFromKey(e,isOpen,dropdownTriggerer){if(!e){return undefined;}var altKey=e.altKey,ctrlKey=e.ctrlKey,metaKey=e.metaKey;var key='';if('key'in e){key=e.key;}var openKeys=['ArrowDown','ArrowUp','Enter',' '];if(!key)return undefined;if(!isOpen&&key&&openKeys.includes(key)){return SelectActions.Open;}if(key==='Home'){return SelectActions.First;}if(key==='End'){return SelectActions.Last;}if(key==='Backspace'||key==='Clear'||key.length===1&&key!==' '&&!altKey&&!ctrlKey&&!metaKey){return SelectActions.Type;}if(isOpen){if(key==='ArrowUp'&&altKey){return SelectActions.CloseSelect;}else if(key==='ArrowDown'&&!altKey){return SelectActions.Next;}else if(key==='ArrowUp'){return SelectActions.Previous;}else if(key==='ArrowRight'&&!altKey){return SelectActions.Expand;}else if(key==='ArrowLeft'&&!altKey){return SelectActions.Collapse;}else if(key==='PageUp'){return SelectActions.PageUp;}else if(key==='PageDown'){return SelectActions.PageDown;}else if(key==='Escape'){return SelectActions.Close;}else if(key==='Enter'||dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete&&dropdownTriggerer!==dropdownComponentIds.triggers.SearchInput&&key===' '){return SelectActions.CloseSelect;}}return undefined;}function getIndexByLetter(options,filter){var startIndex=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var orderedOptions=[].concat(_toConsumableArray(options.slice(startIndex)),_toConsumableArray(options.slice(0,startIndex)));var firstMatch=filterOptions(orderedOptions,filter)[0];var allSameLetter=function allSameLetter(array){return array.every(function(letter){return letter===array[0];});};if(firstMatch){return options.indexOf(firstMatch);}else if(allSameLetter(filter.split(''))){var matches=filterOptions(orderedOptions,filter[0]);return options.indexOf(matches[0]);}else {return -1;}}function getUpdatedIndex(_ref){var currentIndex=_ref.currentIndex,maxIndex=_ref.maxIndex,actionType=_ref.actionType;var pageSize=10;switch(actionType){case SelectActions.First:return 0;case SelectActions.Last:return maxIndex;case SelectActions.Previous:return Math.max(0,currentIndex-1);case SelectActions.Next:return Math.min(maxIndex,currentIndex+1);case SelectActions.PageUp:return Math.max(0,currentIndex-pageSize);case SelectActions.PageDown:return Math.min(maxIndex,currentIndex+pageSize);default:return currentIndex;}}function isElementVisibleOnScreen(element){var bounding=element.getBoundingClientRect();return bounding.top>=0&&bounding.left>=0&&bounding.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&bounding.right<=(window.innerWidth||document.documentElement.clientWidth);}function isElementVisible(container,element){var containerRect=container.getBoundingClientRect();var elementRect=element.getBoundingClientRect();var isVerticalVisible=elementRect.top>=containerRect.top&&elementRect.bottom<=containerRect.bottom;return isVerticalVisible;}function isScrollable(element){return element&&element.clientHeight<element.scrollHeight;}var performAction=function performAction(action,payload,actions){var event=payload.event;switch(action){case SelectActions.Last:case SelectActions.First:actions.setIsOpen(true);case SelectActions.Next:case SelectActions.Previous:case SelectActions.PageUp:case SelectActions.PageDown:event.preventDefault();actions.onOptionChange(action);return true;case SelectActions.CloseSelect:event.preventDefault();actions.selectCurrentOption(event);return true;case SelectActions.Expand:case SelectActions.Collapse:if(actions.onTreeExpandCollapse){event.preventDefault();actions.onTreeExpandCollapse(action);return true;}return false;case SelectActions.Close:event.preventDefault();actions.close();return true;case SelectActions.Type:actions.onComboType(event.key,action);return true;case SelectActions.Open:event.preventDefault();actions.setIsOpen(true);return true;default:break;}return false;};var ensureScrollVisiblity=function ensureScrollVisiblity(newActiveIndex,containerElement,options){if(containerElement){if(isScrollable(containerElement)){var optionEl=containerElement.querySelectorAll('[role="option"], [role="menuitem"]');if(newActiveIndex>=0&&optionEl[newActiveIndex].dataset.value===options[newActiveIndex]){var activeElement=optionEl[newActiveIndex];if(!isElementVisible(containerElement,activeElement)){activeElement.scrollIntoView({inline:'nearest'});}if(!isElementVisibleOnScreen(optionEl[newActiveIndex])){activeElement.scrollIntoView({behavior:'smooth'});}}}}};var makeInputValue=function makeInputValue(selectedIndices,options){if(options.length===0){return '';}return selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.value;}).join(', ');};var makeInputDisplayValue=function makeInputDisplayValue(selectedIndices,options,displayOverride){if(displayOverride&&selectedIndices.length>0){if(displayOverride.count===1){return displayOverride.label;}return `${displayOverride.count} items selected`;}if(options.length===0||selectedIndices.length===0){return '';}if(selectedIndices.length===1){var _options$selectedIndi;return (_options$selectedIndi=options[selectedIndices[0]])==null?void 0:_options$selectedIndi.title;}return `${selectedIndices.length} items selected`;};
 
 export { ensureScrollVisiblity, filterOptions, getActionFromKey, getIndexByLetter, getUpdatedIndex, isElementVisibleOnScreen, isScrollable, makeInputDisplayValue, makeInputValue, performAction };
 //# sourceMappingURL=dropdownUtils.js.map

package/build/lib/native/components/Dropdown/dropdownUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/Dropdown/dropdownUtils.ts"],"sourcesContent":["/*\n * This content is licensed according to the W3C Software License at\n * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document\n *\n * This software or document includes material copied from or derived from\n * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html.\n * Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang)\n */\n\nimport type { DropdownContextType, OptionsType } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\n\nexport type SelectActionsType =\n  | 'Close'\n  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'Open'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Type';\n\n// Save a list of named combobox actions, for future readability\nconst SelectActions: Record<SelectActionsType, SelectActionsType> = {\n  Close: 'Close',\n  CloseSelect: 'CloseSelect',\n  First: 'First',\n  Last: 'Last',\n  Next: 'Next',\n  Open: 'Open',\n  PageDown: 'PageDown',\n  PageUp: 'PageUp',\n  Previous: 'Previous',\n  Select: 'Select',\n  Type: 'Type',\n};\n\n/**\n * Filter an array of options against an input string\n * returns an array of options that begin with the filter string, case-independent\n *\n */\nexport function filterOptions(\n  options: string[] = [],\n  filter: string,\n  exclude: string[] = [],\n): string[] {\n  return options.filter((option) => {\n    const matches = String(option).toLowerCase().startsWith(filter.toLowerCase());\n    return matches && !exclude.includes(option);\n  });\n}\n\n/**\n * Map a keypress to action\n */\nexport function getActionFromKey(\n  e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  isOpen: boolean,\n  dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): SelectActionsType | undefined {\n  if (!e) {\n    return undefined;\n  }\n\n  const { altKey, ctrlKey, metaKey } = e;\n  let key = '';\n  if ('key' in e) {\n    key = e.key;\n  }\n  const openKeys = ['ArrowDown', 'ArrowUp', 'Enter', ' ']; // all keys that will do the default open action\n  if (!key) return undefined;\n  // handle opening when closed\n  if (!isOpen && key && openKeys.includes(key)) {\n    return SelectActions.Open;\n  }\n\n  // home and end move the selected option when open or closed\n  if (key === 'Home') {\n    return SelectActions.First;\n  }\n  if (key === 'End') {\n    return SelectActions.Last;\n  }\n\n  // handle typing characters when open or closed\n  if (\n    key === 'Backspace' ||\n    key === 'Clear' ||\n    (key.length === 1 && key !== ' ' && !altKey && !ctrlKey && !metaKey)\n  ) {\n    return SelectActions.Type;\n  }\n\n  // handle keys when open\n  if (isOpen) {\n    if (key === 'ArrowUp' && altKey) {\n      return SelectActions.CloseSelect;\n    } else if (key === 'ArrowDown' && !altKey) {\n      return SelectActions.Next;\n    } else if (key === 'ArrowUp') {\n      return SelectActions.Previous;\n    } else if (key === 'PageUp') {\n      return SelectActions.PageUp;\n    } else if (key === 'PageDown') {\n      return SelectActions.PageDown;\n    } else if (key === 'Escape') {\n      return SelectActions.Close;\n    } else if (\n      key === 'Enter' ||\n      // we ignore the spacebar select in autocomplete since hitting spacebar might be expected while typing\n      (dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n        dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n        key === ' ')\n    ) {\n      return SelectActions.CloseSelect;\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Return the index of an option from an array of options, based on a search string\n *\n * if the filter is multiple iterations of the same letter (e.g \"aaa\"), then cycle through first-letter matches\n **/\nexport function getIndexByLetter(options: string[], filter: string, startIndex = 0): number {\n  const orderedOptions = [...options.slice(startIndex), ...options.slice(0, startIndex)];\n  const firstMatch = filterOptions(orderedOptions, filter)[0];\n  const allSameLetter = (array: string[]): boolean => array.every((letter) => letter === array[0]);\n\n  // first check if there is an exact match for the typed string\n  if (firstMatch) {\n    return options.indexOf(firstMatch);\n  }\n\n  // if the same letter is being repeated, cycle through first-letter matches\n  else if (allSameLetter(filter.split(''))) {\n    const matches = filterOptions(orderedOptions, filter[0]);\n    return options.indexOf(matches[0]);\n  }\n\n  // if no matches, return -1\n  else {\n    return -1;\n  }\n}\n\n/**\n * This functions makes sure the optionsIndex is not going out of possible options\n */\nexport function getUpdatedIndex({\n  currentIndex,\n  maxIndex,\n  actionType,\n}: {\n  currentIndex: number;\n  maxIndex: number;\n  actionType: SelectActionsType;\n}): number {\n  // On PageUP or PageDown, we jump focus by 10 items or to the first or last element\n  // Details: https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html#:~:text=PageUp,to%20last%20option).\n  const pageSize = 10;\n\n  switch (actionType) {\n    case SelectActions.First:\n      return 0;\n    case SelectActions.Last:\n      return maxIndex;\n    case SelectActions.Previous:\n      return Math.max(0, currentIndex - 1);\n    case SelectActions.Next:\n      return Math.min(maxIndex, currentIndex + 1);\n    case SelectActions.PageUp:\n      return Math.max(0, currentIndex - pageSize);\n    case SelectActions.PageDown:\n      return Math.min(maxIndex, currentIndex + pageSize);\n    default:\n      return currentIndex;\n  }\n}\n\n/**\n * Checks if the given HTML element is visible on screen\n */\nexport function isElementVisibleOnScreen(element: HTMLElement): boolean {\n  const bounding = element.getBoundingClientRect();\n\n  return (\n    bounding.top >= 0 &&\n    bounding.left >= 0 &&\n    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n/**\n * Checks if element is visible inside the given container\n */\nfunction isElementVisible(container: HTMLElement, element: HTMLElement): boolean {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n\n  const isVerticalVisible =\n    elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;\n\n  return isVerticalVisible;\n}\n\n/**\n * Checks if the dropdown is scrollable\n */\nexport function isScrollable(element: HTMLElement): boolean {\n  return element && element.clientHeight < element.scrollHeight;\n}\n\ntype ActionsType = {\n  setIsOpen: DropdownContextType['setIsOpen'];\n  close: DropdownContextType['close'];\n  selectCurrentOption: () => void;\n  onOptionChange: (action: SelectActionsType) => void;\n  onComboType: (letter: string, action: SelectActionsType) => void;\n};\n/**\n * Performs the action when actionType is passed\n *\n * This function handles all the keydown actions.\n */\nexport const performAction = (\n  action: SelectActionsType,\n  payload: {\n    event: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>;\n  },\n  actions: ActionsType,\n): boolean => {\n  const { event } = payload;\n\n  switch (action) {\n    case SelectActions.Last:\n    // @ts-expect-error: intentional fallthrough, ignoring the warning\n    case SelectActions.First:\n      actions.setIsOpen(true);\n    // intentional fallthrough\n    case SelectActions.Next:\n    case SelectActions.Previous:\n    case SelectActions.PageUp:\n    case SelectActions.PageDown:\n      event.preventDefault();\n      actions.onOptionChange(action);\n      return true;\n    case SelectActions.CloseSelect:\n      event.preventDefault();\n      actions.selectCurrentOption();\n      return true;\n    case SelectActions.Close:\n      event.preventDefault();\n      actions.close();\n      return true;\n    case SelectActions.Type:\n      actions.onComboType(event.key, action);\n      return true;\n    case SelectActions.Open:\n      event.preventDefault();\n      actions.setIsOpen(true);\n      return true;\n\n    default:\n      break;\n  }\n\n  return false;\n};\n\n/**\n * When options list is large, it can have a scrollbar.\n *\n * This function ensures the active option is always in the viewport\n */\nexport const ensureScrollVisiblity = (\n  newActiveIndex: number,\n  containerElement: HTMLElement | null,\n  options: string[],\n): void => {\n  // ensure the new option is in view\n  if (containerElement) {\n    if (isScrollable(containerElement)) {\n      const optionEl = containerElement.querySelectorAll<HTMLElement>(\n        '[role=\"option\"], [role=\"menuitem\"]',\n      );\n      // Making sure its the same element as the one from options state\n      if (\n        newActiveIndex >= 0 &&\n        optionEl[newActiveIndex].dataset.value === options[newActiveIndex]\n      ) {\n        const activeElement = optionEl[newActiveIndex];\n\n        if (!isElementVisible(containerElement, activeElement)) {\n          activeElement.scrollIntoView({ inline: 'nearest' });\n        }\n\n        if (!isElementVisibleOnScreen(optionEl[newActiveIndex])) {\n          activeElement.scrollIntoView({ behavior: 'smooth' });\n        }\n      }\n    }\n  }\n};\n\n/**\n * value that is set in the actual form input\n */\nexport const makeInputValue = (selectedIndices: number[], options: OptionsType): string => {\n  if (options.length === 0) {\n    return '';\n  }\n  return selectedIndices.map((selectedIndex) => options[selectedIndex]?.value).join(', ');\n};\n\n/**\n * Value that is displayed inside the select field\n */\nexport const makeInputDisplayValue = (selectedIndices: number[], options: OptionsType): string => {\n  // When no item is selected or no item is present\n  if (options.length === 0 || selectedIndices.length === 0) {\n    return '';\n  }\n\n  // When one item is selected, we display that item's title in input\n  if (selectedIndices.length === 1) {\n    return options[selectedIndices[0]]?.title;\n  }\n\n  // When more than one item is selected, we display the count of items\n  return `${selectedIndices.length} items selected`;\n};\n\nexport type DropdownPosition = {\n  top?: SpacingValueType;\n  bottom?: SpacingValueType;\n  left?: SpacingValueType;\n  right?: SpacingValueType;\n};\n"],"names":["SelectActions","Close","CloseSelect","First","Last","Next","Open","PageDown","PageUp","Previous","Select","Type","filterOptions","options","arguments","length","undefined","filter","exclude","option","matches","String","toLowerCase","startsWith","includes","getActionFromKey","e","isOpen","dropdownTriggerer","altKey","ctrlKey","metaKey","key","openKeys","dropdownComponentIds","triggers","AutoComplete","SearchInput","getIndexByLetter","startIndex","orderedOptions","concat","_toConsumableArray","slice","firstMatch","allSameLetter","array","every","letter","indexOf","split","getUpdatedIndex","_ref","currentIndex","maxIndex","actionType","pageSize","Math","max","min","isElementVisibleOnScreen","element","bounding","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","isElementVisible","container","containerRect","elementRect","isVerticalVisible","isScrollable","scrollHeight","performAction","action","payload","actions","event","setIsOpen","preventDefault","onOptionChange","selectCurrentOption","close","onComboType","ensureScrollVisiblity","newActiveIndex","containerElement","optionEl","querySelectorAll","dataset","value","activeElement","scrollIntoView","inline","behavior","makeInputValue","selectedIndices","map","selectedIndex","_options$selectedInde","join","makeInputDisplayValue","_options$selectedIndi","title"],"mappings":"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"}
+{"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/Dropdown/dropdownUtils.ts"],"sourcesContent":["/*\n * This content is licensed according to the W3C Software License at\n * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document\n *\n * This software or document includes material copied from or derived from\n * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html.\n * Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang)\n */\n\nimport type { DropdownContextType, OptionsType } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\n\nexport type SelectActionsType =\n  | 'Close'\n  | 'CloseSelect'\n  | 'Expand'\n  | 'Collapse'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'Open'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Type';\n\n// Save a list of named combobox actions, for future readability\nconst SelectActions: Record<SelectActionsType, SelectActionsType> = {\n  Close: 'Close',\n  CloseSelect: 'CloseSelect',\n  // Expand / Collapse are only acted upon when overlay content is a TreeView (see performAction)\n  Expand: 'Expand',\n  Collapse: 'Collapse',\n  First: 'First',\n  Last: 'Last',\n  Next: 'Next',\n  Open: 'Open',\n  PageDown: 'PageDown',\n  PageUp: 'PageUp',\n  Previous: 'Previous',\n  Select: 'Select',\n  Type: 'Type',\n};\n\n/**\n * Filter an array of options against an input string\n * returns an array of options that begin with the filter string, case-independent\n *\n */\nexport function filterOptions(\n  options: string[] = [],\n  filter: string,\n  exclude: string[] = [],\n): string[] {\n  return options.filter((option) => {\n    const matches = String(option).toLowerCase().startsWith(filter.toLowerCase());\n    return matches && !exclude.includes(option);\n  });\n}\n\n/**\n * Map a keypress to action\n */\nexport function getActionFromKey(\n  e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  isOpen: boolean,\n  dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): SelectActionsType | undefined {\n  if (!e) {\n    return undefined;\n  }\n\n  const { altKey, ctrlKey, metaKey } = e;\n  let key = '';\n  if ('key' in e) {\n    key = e.key;\n  }\n  const openKeys = ['ArrowDown', 'ArrowUp', 'Enter', ' ']; // all keys that will do the default open action\n  if (!key) return undefined;\n  // handle opening when closed\n  if (!isOpen && key && openKeys.includes(key)) {\n    return SelectActions.Open;\n  }\n\n  // home and end move the selected option when open or closed\n  if (key === 'Home') {\n    return SelectActions.First;\n  }\n  if (key === 'End') {\n    return SelectActions.Last;\n  }\n\n  // handle typing characters when open or closed\n  if (\n    key === 'Backspace' ||\n    key === 'Clear' ||\n    (key.length === 1 && key !== ' ' && !altKey && !ctrlKey && !metaKey)\n  ) {\n    return SelectActions.Type;\n  }\n\n  // handle keys when open\n  if (isOpen) {\n    if (key === 'ArrowUp' && altKey) {\n      return SelectActions.CloseSelect;\n    } else if (key === 'ArrowDown' && !altKey) {\n      return SelectActions.Next;\n    } else if (key === 'ArrowUp') {\n      return SelectActions.Previous;\n    } else if (key === 'ArrowRight' && !altKey) {\n      // acted upon only when overlay content is a TreeView (no-op otherwise, see performAction)\n      return SelectActions.Expand;\n    } else if (key === 'ArrowLeft' && !altKey) {\n      return SelectActions.Collapse;\n    } else if (key === 'PageUp') {\n      return SelectActions.PageUp;\n    } else if (key === 'PageDown') {\n      return SelectActions.PageDown;\n    } else if (key === 'Escape') {\n      return SelectActions.Close;\n    } else if (\n      key === 'Enter' ||\n      // we ignore the spacebar select in autocomplete since hitting spacebar might be expected while typing\n      (dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n        dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n        key === ' ')\n    ) {\n      return SelectActions.CloseSelect;\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Return the index of an option from an array of options, based on a search string\n *\n * if the filter is multiple iterations of the same letter (e.g \"aaa\"), then cycle through first-letter matches\n **/\nexport function getIndexByLetter(options: string[], filter: string, startIndex = 0): number {\n  const orderedOptions = [...options.slice(startIndex), ...options.slice(0, startIndex)];\n  const firstMatch = filterOptions(orderedOptions, filter)[0];\n  const allSameLetter = (array: string[]): boolean => array.every((letter) => letter === array[0]);\n\n  // first check if there is an exact match for the typed string\n  if (firstMatch) {\n    return options.indexOf(firstMatch);\n  }\n\n  // if the same letter is being repeated, cycle through first-letter matches\n  else if (allSameLetter(filter.split(''))) {\n    const matches = filterOptions(orderedOptions, filter[0]);\n    return options.indexOf(matches[0]);\n  }\n\n  // if no matches, return -1\n  else {\n    return -1;\n  }\n}\n\n/**\n * This functions makes sure the optionsIndex is not going out of possible options\n */\nexport function getUpdatedIndex({\n  currentIndex,\n  maxIndex,\n  actionType,\n}: {\n  currentIndex: number;\n  maxIndex: number;\n  actionType: SelectActionsType;\n}): number {\n  // On PageUP or PageDown, we jump focus by 10 items or to the first or last element\n  // Details: https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html#:~:text=PageUp,to%20last%20option).\n  const pageSize = 10;\n\n  switch (actionType) {\n    case SelectActions.First:\n      return 0;\n    case SelectActions.Last:\n      return maxIndex;\n    case SelectActions.Previous:\n      return Math.max(0, currentIndex - 1);\n    case SelectActions.Next:\n      return Math.min(maxIndex, currentIndex + 1);\n    case SelectActions.PageUp:\n      return Math.max(0, currentIndex - pageSize);\n    case SelectActions.PageDown:\n      return Math.min(maxIndex, currentIndex + pageSize);\n    default:\n      return currentIndex;\n  }\n}\n\n/**\n * Checks if the given HTML element is visible on screen\n */\nexport function isElementVisibleOnScreen(element: HTMLElement): boolean {\n  const bounding = element.getBoundingClientRect();\n\n  return (\n    bounding.top >= 0 &&\n    bounding.left >= 0 &&\n    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n/**\n * Checks if element is visible inside the given container\n */\nfunction isElementVisible(container: HTMLElement, element: HTMLElement): boolean {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n\n  const isVerticalVisible =\n    elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;\n\n  return isVerticalVisible;\n}\n\n/**\n * Checks if the dropdown is scrollable\n */\nexport function isScrollable(element: HTMLElement): boolean {\n  return element && element.clientHeight < element.scrollHeight;\n}\n\ntype ActionsType = {\n  setIsOpen: DropdownContextType['setIsOpen'];\n  close: DropdownContextType['close'];\n  selectCurrentOption: (event?: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>) => void;\n  onOptionChange: (action: SelectActionsType) => void;\n  onComboType: (letter: string, action: SelectActionsType) => void;\n  /**\n   * Present only when overlay content is a TreeView. When absent, Expand / Collapse\n   * actions are ignored without preventing default (ArrowLeft / ArrowRight keep their\n   * existing behaviour for ActionList, AutoComplete, and other content)\n   */\n  onTreeExpandCollapse?: (action: SelectActionsType) => void;\n};\n/**\n * Performs the action when actionType is passed\n *\n * This function handles all the keydown actions.\n */\nexport const performAction = (\n  action: SelectActionsType,\n  payload: {\n    event: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>;\n  },\n  actions: ActionsType,\n): boolean => {\n  const { event } = payload;\n\n  switch (action) {\n    case SelectActions.Last:\n    // @ts-expect-error: intentional fallthrough, ignoring the warning\n    case SelectActions.First:\n      actions.setIsOpen(true);\n    // intentional fallthrough\n    case SelectActions.Next:\n    case SelectActions.Previous:\n    case SelectActions.PageUp:\n    case SelectActions.PageDown:\n      event.preventDefault();\n      actions.onOptionChange(action);\n      return true;\n    case SelectActions.CloseSelect:\n      event.preventDefault();\n      actions.selectCurrentOption(event);\n      return true;\n    case SelectActions.Expand:\n    case SelectActions.Collapse:\n      if (actions.onTreeExpandCollapse) {\n        event.preventDefault();\n        actions.onTreeExpandCollapse(action);\n        return true;\n      }\n      return false;\n    case SelectActions.Close:\n      event.preventDefault();\n      actions.close();\n      return true;\n    case SelectActions.Type:\n      actions.onComboType(event.key, action);\n      return true;\n    case SelectActions.Open:\n      event.preventDefault();\n      actions.setIsOpen(true);\n      return true;\n\n    default:\n      break;\n  }\n\n  return false;\n};\n\n/**\n * When options list is large, it can have a scrollbar.\n *\n * This function ensures the active option is always in the viewport\n */\nexport const ensureScrollVisiblity = (\n  newActiveIndex: number,\n  containerElement: HTMLElement | null,\n  options: string[],\n): void => {\n  // ensure the new option is in view\n  if (containerElement) {\n    if (isScrollable(containerElement)) {\n      const optionEl = containerElement.querySelectorAll<HTMLElement>(\n        '[role=\"option\"], [role=\"menuitem\"]',\n      );\n      // Making sure its the same element as the one from options state\n      if (\n        newActiveIndex >= 0 &&\n        optionEl[newActiveIndex].dataset.value === options[newActiveIndex]\n      ) {\n        const activeElement = optionEl[newActiveIndex];\n\n        if (!isElementVisible(containerElement, activeElement)) {\n          activeElement.scrollIntoView({ inline: 'nearest' });\n        }\n\n        if (!isElementVisibleOnScreen(optionEl[newActiveIndex])) {\n          activeElement.scrollIntoView({ behavior: 'smooth' });\n        }\n      }\n    }\n  }\n};\n\n/**\n * value that is set in the actual form input\n */\nexport const makeInputValue = (selectedIndices: number[], options: OptionsType): string => {\n  if (options.length === 0) {\n    return '';\n  }\n  return selectedIndices.map((selectedIndex) => options[selectedIndex]?.value).join(', ');\n};\n\n/**\n * Value that is displayed inside the select field\n *\n * `displayOverride` is published by TreeView (D5: smallest describing set - a fully\n * selected branch counts as 1). Absent for every other overlay content\n */\nexport const makeInputDisplayValue = (\n  selectedIndices: number[],\n  options: OptionsType,\n  displayOverride?: { label: string; count: number },\n): string => {\n  if (displayOverride && selectedIndices.length > 0) {\n    if (displayOverride.count === 1) {\n      return displayOverride.label;\n    }\n    return `${displayOverride.count} items selected`;\n  }\n\n  // When no item is selected or no item is present\n  if (options.length === 0 || selectedIndices.length === 0) {\n    return '';\n  }\n\n  // When one item is selected, we display that item's title in input\n  if (selectedIndices.length === 1) {\n    return options[selectedIndices[0]]?.title;\n  }\n\n  // When more than one item is selected, we display the count of items\n  return `${selectedIndices.length} items selected`;\n};\n\nexport type DropdownPosition = {\n  top?: SpacingValueType;\n  bottom?: SpacingValueType;\n  left?: SpacingValueType;\n  right?: SpacingValueType;\n};\n"],"names":["SelectActions","Close","CloseSelect","Expand","Collapse","First","Last","Next","Open","PageDown","PageUp","Previous","Select","Type","filterOptions","options","arguments","length","undefined","filter","exclude","option","matches","String","toLowerCase","startsWith","includes","getActionFromKey","e","isOpen","dropdownTriggerer","altKey","ctrlKey","metaKey","key","openKeys","dropdownComponentIds","triggers","AutoComplete","SearchInput","getIndexByLetter","startIndex","orderedOptions","concat","_toConsumableArray","slice","firstMatch","allSameLetter","array","every","letter","indexOf","split","getUpdatedIndex","_ref","currentIndex","maxIndex","actionType","pageSize","Math","max","min","isElementVisibleOnScreen","element","bounding","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","isElementVisible","container","containerRect","elementRect","isVerticalVisible","isScrollable","scrollHeight","performAction","action","payload","actions","event","setIsOpen","preventDefault","onOptionChange","selectCurrentOption","onTreeExpandCollapse","close","onComboType","ensureScrollVisiblity","newActiveIndex","containerElement","optionEl","querySelectorAll","dataset","value","activeElement","scrollIntoView","inline","behavior","makeInputValue","selectedIndices","map","selectedIndex","_options$selectedInde","join","makeInputDisplayValue","displayOverride","count","label","_options$selectedIndi","title"],"mappings":"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"}

package/build/lib/native/components/Dropdown/filterChipSelectInputUtils.js

@@ -0,0 +1,4 @@
+var getTitleFromValue=function getTitleFromValue(options,value){var option=options.find(function(currentOption){return currentOption.value===value;});return option?option.title:'';};var getFilterChipDisplayValue=function getFilterChipDisplayValue(_ref){var value=_ref.value,options=_ref.options,selectionType=_ref.selectionType,uncontrolledInputValue=_ref.uncontrolledInputValue,displayOverride=_ref.displayOverride;var titleForValue=function titleForValue(selectionValue){return getTitleFromValue(options,selectionValue)||selectionValue;};if(displayOverride){if(selectionType==='single'){return displayOverride.label;}return Array.from({length:displayOverride.count},function(_,index){return index===0?displayOverride.label:'';});}if(value===undefined){if(selectionType==='single'){return uncontrolledInputValue.length>0?titleForValue(uncontrolledInputValue[0]):'';}return uncontrolledInputValue.map(titleForValue);}if(Array.isArray(value)){return value.map(titleForValue);}return titleForValue(value);};
+
+export { getFilterChipDisplayValue };
+//# sourceMappingURL=filterChipSelectInputUtils.js.map

package/build/lib/native/components/Dropdown/filterChipSelectInputUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterChipSelectInputUtils.js","sources":["../../../../../src/components/Dropdown/filterChipSelectInputUtils.ts"],"sourcesContent":["import type { OptionsType } from './useDropdown';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\n\n/**\n * Resolves an option's human-readable title from its value. Returns an empty string when the\n * option isn't found so callers can decide on a fallback.\n */\nconst getTitleFromValue = (options: OptionsType, value: string): string => {\n  const option = options.find((currentOption) => currentOption.value === value);\n  return option ? option.title : '';\n};\n\ntype GetFilterChipDisplayValueParams = {\n  /** Controlled value from props (option value or values). `undefined` when uncontrolled. */\n  value: BaseFilterChipProps['value'];\n  /** All options currently registered in the dropdown. */\n  options: OptionsType;\n  selectionType: BaseFilterChipProps['selectionType'];\n  /** Internally tracked selection used in the uncontrolled case. */\n  uncontrolledInputValue: string[];\n  /**\n   * Published by TreeView (D5): smallest describing set of the current selection where a\n   * fully-selected branch counts as 1. Absent for every other overlay content\n   */\n  displayOverride?: { label: string; count: number };\n};\n\n/**\n * Resolves the value shown inside the filter chip as option title(s).\n *\n * Shared by the web and native `FilterChipSelectInput` implementations to keep the (non-trivial)\n * controlled-vs-uncontrolled / string-vs-array branching in a single source of truth. In every\n * branch we fall back to the raw value when the title can't be resolved (e.g. options loaded or\n * changed after a selection) so the chip never renders an empty string.\n */\nconst getFilterChipDisplayValue = ({\n  value,\n  options,\n  selectionType,\n  uncontrolledInputValue,\n  displayOverride,\n}: GetFilterChipDisplayValueParams): string | string[] => {\n  const titleForValue = (selectionValue: string): string =>\n    getTitleFromValue(options, selectionValue) || selectionValue;\n\n  if (displayOverride) {\n    if (selectionType === 'single') {\n      return displayOverride.label;\n    }\n    // BaseFilterChip renders the single name at length 1 and a Counter of the array\n    // length at 2+, so we synthesize an array of the override's count (only the first\n    // entry is ever rendered as text)\n    return Array.from({ length: displayOverride.count }, (_, index) =>\n      index === 0 ? displayOverride.label : '',\n    );\n  }\n\n  // Uncontrolled: derive display value from the internally tracked selection.\n  if (value === undefined) {\n    if (selectionType === 'single') {\n      return uncontrolledInputValue.length > 0 ? titleForValue(uncontrolledInputValue[0]) : '';\n    }\n    // For multiple selection, hand the chip the option titles (not the raw values) so it can\n    // render the selected option name(s) instead of a bare count.\n    return uncontrolledInputValue.map(titleForValue);\n  }\n\n  // Controlled: consumer passes option value(s); map them to titles for display.\n  if (Array.isArray(value)) {\n    return value.map(titleForValue);\n  }\n  return titleForValue(value);\n};\n\nexport { getFilterChipDisplayValue };\n"],"names":["getTitleFromValue","options","value","option","find","currentOption","title","getFilterChipDisplayValue","_ref","selectionType","uncontrolledInputValue","displayOverride","titleForValue","selectionValue","label","Array","from","length","count","_","index","undefined","map","isArray"],"mappings":"AAOA,IAAMA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIC,OAAoB,CAAEC,KAAa,CAAa,CACzE,IAAMC,MAAM,CAAGF,OAAO,CAACG,IAAI,CAAC,SAACC,aAAa,CAAK,CAAA,OAAAA,aAAa,CAACH,KAAK,GAAKA,KAAK,CAAC,CAAA,CAAA,CAC7E,OAAOC,MAAM,CAAGA,MAAM,CAACG,KAAK,CAAG,EAAE,CACnC,CAAC,CAyBK,IAAAC,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,CAM2B,CALxD,IAAAN,KAAK,CAAAM,IAAA,CAALN,KAAK,CACLD,OAAO,CAAAO,IAAA,CAAPP,OAAO,CACPQ,aAAa,CAAAD,IAAA,CAAbC,aAAa,CACbC,sBAAsB,CAAAF,IAAA,CAAtBE,sBAAsB,CACtBC,eAAe,CAAAH,IAAA,CAAfG,eAAe,CAEf,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,cAAsB,CAAA,CAAA,OAC3Cb,iBAAiB,CAACC,OAAO,CAAEY,cAAc,CAAC,EAAIA,cAAc,CAE9D,CAAA,CAAA,GAAIF,eAAe,CAAE,CACnB,GAAIF,aAAa,GAAK,QAAQ,CAAE,CAC9B,OAAOE,eAAe,CAACG,KAAK,CAC9B,CAIA,OAAOC,KAAK,CAACC,IAAI,CAAC,CAAEC,MAAM,CAAEN,eAAe,CAACO,KAAM,CAAC,CAAE,SAACC,CAAC,CAAEC,KAAK,SAC5DA,KAAK,GAAK,CAAC,CAAGT,eAAe,CAACG,KAAK,CAAG,EAAE,CAAA,CAC1C,CAAC,CACH,CAGA,GAAIZ,KAAK,GAAKmB,SAAS,CAAE,CACvB,GAAIZ,aAAa,GAAK,QAAQ,CAAE,CAC9B,OAAOC,sBAAsB,CAACO,MAAM,CAAG,CAAC,CAAGL,aAAa,CAACF,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAG,EAAE,CAC1F,CAGA,OAAOA,sBAAsB,CAACY,GAAG,CAACV,aAAa,CAAC,CAClD,CAGA,GAAIG,KAAK,CAACQ,OAAO,CAACrB,KAAK,CAAC,CAAE,CACxB,OAAOA,KAAK,CAACoB,GAAG,CAACV,aAAa,CAAC,CACjC,CACA,OAAOA,aAAa,CAACV,KAAK,CAAC,CAC7B;;;;"}

package/build/lib/native/components/Dropdown/useDropdown.js

@@ -9,7 +9,7 @@ import { isBrowser } from '../../utils/platform/isBrowser.js';
 import { fireNativeEvent } from '../../utils/fireNativeEvent/fireNativeEvent.native.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 
-var _excluded=["isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","isKeydownPressed","setIsKeydownPressed","options","selectionType","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setControlledValueIndices","filteredValues","dropdownTriggerer"];var noop=function noop(){};var DropdownContext=React__default.createContext({isOpen:false,setIsOpen:noop,close:noop,selectedIndices:[],setSelectedIndices:noop,controlledValueIndices:[],setControlledValueIndices:noop,options:[],setOptions:noop,filteredValues:[],setFilteredValues:noop,activeIndex:-1,setActiveIndex:noop,activeTagIndex:-1,setActiveTagIndex:noop,shouldIgnoreBlurAnimation:false,setShouldIgnoreBlurAnimation:noop,hasFooterAction:false,setHasFooterAction:noop,hasAutoCompleteInHeader:false,setHasAutoCompleteInHeader:noop,isKeydownPressed:false,setIsKeydownPressed:noop,changeCallbackTriggerer:0,setChangeCallbackTriggerer:noop,isControlled:false,setIsControlled:noop,dropdownBaseId:'',actionListItemRef:{current:null},triggererRef:{current:null},headerAutoCompleteRef:{current:null},isTagDismissedRef:{current:null},visibleTagsCountRef:{current:null},triggererWrapperRef:{current:null}});var searchTimeout;var searchString='';var useDropdown=function useDropdown(){var _React$useContext=React__default.useContext(DropdownContext),isOpen=_React$useContext.isOpen,setIsOpen=_React$useContext.setIsOpen,close=_React$useContext.close,selectedIndices=_React$useContext.selectedIndices,setSelectedIndices=_React$useContext.setSelectedIndices,activeIndex=_React$useContext.activeIndex,setActiveIndex=_React$useContext.setActiveIndex,activeTagIndex=_React$useContext.activeTagIndex,setActiveTagIndex=_React$useContext.setActiveTagIndex,visibleTagsCountRef=_React$useContext.visibleTagsCountRef,isKeydownPressed=_React$useContext.isKeydownPressed,setIsKeydownPressed=_React$useContext.setIsKeydownPressed,options=_React$useContext.options,selectionType=_React$useContext.selectionType,changeCallbackTriggerer=_React$useContext.changeCallbackTriggerer,setChangeCallbackTriggerer=_React$useContext.setChangeCallbackTriggerer,isControlled=_React$useContext.isControlled,setControlledValueIndices=_React$useContext.setControlledValueIndices,filteredValues=_React$useContext.filteredValues,dropdownTriggerer=_React$useContext.dropdownTriggerer,rest=_objectWithoutProperties(_React$useContext,_excluded);var setIndices=function setIndices(indices){if(isControlled){setControlledValueIndices(indices);}else {setSelectedIndices(indices);}};var removeOption=function removeOption(index){var existingItemIndex=selectedIndices.indexOf(index);if(existingItemIndex<0){return;}setIndices([].concat(_toConsumableArray(selectedIndices.slice(0,existingItemIndex)),_toConsumableArray(selectedIndices.slice(existingItemIndex+1))));};var selectOption=function selectOption(index){var properties=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{closeOnSelection:true};var isSelected=false;if(index<0||index>options.length-1){return isSelected;}if(selectionType==='multiple'){if(selectedIndices.includes(index)){removeOption(index);isSelected=false;}else {setIndices([].concat(_toConsumableArray(selectedIndices),[index]));isSelected=true;}}else {setIndices([index]);isSelected=true;}setChangeCallbackTriggerer(changeCallbackTriggerer+1);if(activeIndex!==index){setActiveIndex(index);}if(properties!=null&&properties.closeOnSelection&&selectionType!=='multiple'){close();}return isSelected;};var onTriggerClick=function onTriggerClick(){if(isOpen){close();}else {setIsOpen(true);}};var onOptionChange=function onOptionChange(actionType,index){setActiveTagIndex(-1);var newIndex=index!=null?index:activeIndex;var updatedIndex;var hasAutoComplete=rest.hasAutoCompleteInHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;if(hasAutoComplete&&filteredValues.length>0){var filteredIndexes=filteredValues.map(function(filteredValue){return options.findIndex(function(option){return option.value===filteredValue;});}).sort(function(a,b){return a-b;});updatedIndex=filteredIndexes[getUpdatedIndex({currentIndex:filteredIndexes.indexOf(newIndex),maxIndex:filteredIndexes.length-1,actionType:actionType})];}else {updatedIndex=getUpdatedIndex({currentIndex:newIndex,maxIndex:options.length-1,actionType:actionType});}setActiveIndex(updatedIndex);var optionValues=options.map(function(option){return option.value;});ensureScrollVisiblity(updatedIndex,rest.actionListItemRef.current,optionValues);if(isBrowser()){fireNativeEvent(rest.actionListItemRef,['change','input']);}};var onOptionClick=function onOptionClick(e,index){setIsKeydownPressed(false);var actionType=getActionFromKey(e,isOpen,dropdownTriggerer);if(typeof actionType==='number'){onOptionChange(actionType,index);}selectOption(index);if(!isReactNative()){if(rest.hasAutoCompleteInHeader){var _rest$headerAutoCompl;(_rest$headerAutoCompl=rest.headerAutoCompleteRef.current)==null?void 0:_rest$headerAutoCompl.focus();}else {var _rest$triggererRef$cu;(_rest$triggererRef$cu=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu.focus();}}};var onComboType=function onComboType(letter,actionType){setIsOpen(true);if(rest.hasAutoCompleteInHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return;}if(typeof searchTimeout==='number'){window.clearTimeout(searchTimeout);}searchTimeout=window.setTimeout(function(){searchString='';},500);searchString=searchString+letter;var optionTitles=options.map(function(option){return option.title;});var searchIndex=getIndexByLetter(optionTitles,searchString,activeIndex+1);if(searchIndex>=0){onOptionChange(actionType,searchIndex);}else {window.clearTimeout(searchTimeout);searchString='';}};var onTriggerKeydown=function onTriggerKeydown(e){if(!isKeydownPressed&&![' ','Enter','Escape','Meta'].includes(e.event.key)){setIsKeydownPressed(true);}var actionType=getActionFromKey(e.event,isOpen,dropdownTriggerer);if(actionType){performAction(actionType,e,{setIsOpen:setIsOpen,close:close,onOptionChange:onOptionChange,onComboType:onComboType,selectCurrentOption:function selectCurrentOption(){var _options$activeIndex$,_options$activeIndex;if(activeIndex<0){return;}var isSelected=selectOption(activeIndex);if(rest.hasFooterAction&&!isReactNative()){var _rest$triggererRef$cu2;(_rest$triggererRef$cu2=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu2.focus();}(_options$activeIndex$=(_options$activeIndex=options[activeIndex]).onClickTrigger)==null?void 0:_options$activeIndex$.call(_options$activeIndex,isSelected);}});}};return Object.assign({isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,filteredValues:filteredValues,removeOption:removeOption,setControlledValueIndices:setControlledValueIndices,onTriggerClick:onTriggerClick,onTriggerKeydown:onTriggerKeydown,onOptionClick:onOptionClick,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,options:options,value:makeInputValue(selectedIndices,options),displayValue:makeInputDisplayValue(selectedIndices,options),selectionType:selectionType,dropdownTriggerer:dropdownTriggerer},rest);};
+var _excluded=["isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","isKeydownPressed","setIsKeydownPressed","options","selectionType","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setControlledValueIndices","filteredValues","dropdownTriggerer"];var noop=function noop(){};var DropdownContext=React__default.createContext({isOpen:false,setIsOpen:noop,close:noop,selectedIndices:[],setSelectedIndices:noop,controlledValueIndices:[],setControlledValueIndices:noop,options:[],setOptions:noop,filteredValues:[],setFilteredValues:noop,activeIndex:-1,setActiveIndex:noop,activeTagIndex:-1,setActiveTagIndex:noop,shouldIgnoreBlurAnimation:false,setShouldIgnoreBlurAnimation:noop,hasFooterAction:false,setHasFooterAction:noop,hasAutoCompleteInHeader:false,setHasAutoCompleteInHeader:noop,isKeydownPressed:false,setIsKeydownPressed:noop,changeCallbackTriggerer:0,setChangeCallbackTriggerer:noop,isControlled:false,setIsControlled:noop,dropdownBaseId:'',actionListItemRef:{current:null},triggererRef:{current:null},headerAutoCompleteRef:{current:null},isTagDismissedRef:{current:null},visibleTagsCountRef:{current:null},triggererWrapperRef:{current:null},treeViewControllerRef:{current:null}});var searchTimeout;var searchString='';var useDropdown=function useDropdown(){var _rest$treeViewControl6,_rest$treeViewControl7;var _React$useContext=React__default.useContext(DropdownContext),isOpen=_React$useContext.isOpen,setIsOpen=_React$useContext.setIsOpen,close=_React$useContext.close,selectedIndices=_React$useContext.selectedIndices,setSelectedIndices=_React$useContext.setSelectedIndices,activeIndex=_React$useContext.activeIndex,setActiveIndex=_React$useContext.setActiveIndex,activeTagIndex=_React$useContext.activeTagIndex,setActiveTagIndex=_React$useContext.setActiveTagIndex,visibleTagsCountRef=_React$useContext.visibleTagsCountRef,isKeydownPressed=_React$useContext.isKeydownPressed,setIsKeydownPressed=_React$useContext.setIsKeydownPressed,options=_React$useContext.options,selectionType=_React$useContext.selectionType,changeCallbackTriggerer=_React$useContext.changeCallbackTriggerer,setChangeCallbackTriggerer=_React$useContext.setChangeCallbackTriggerer,isControlled=_React$useContext.isControlled,setControlledValueIndices=_React$useContext.setControlledValueIndices,filteredValues=_React$useContext.filteredValues,dropdownTriggerer=_React$useContext.dropdownTriggerer,rest=_objectWithoutProperties(_React$useContext,_excluded);var setIndices=function setIndices(indices){if(isControlled){setControlledValueIndices(indices);}else {setSelectedIndices(indices);}};var removeOption=function removeOption(index){var existingItemIndex=selectedIndices.indexOf(index);if(existingItemIndex<0){return;}setIndices([].concat(_toConsumableArray(selectedIndices.slice(0,existingItemIndex)),_toConsumableArray(selectedIndices.slice(existingItemIndex+1))));};var selectOption=function selectOption(index){var properties=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{closeOnSelection:true};var isSelected=false;if(index<0||index>options.length-1){return isSelected;}if(selectionType==='multiple'){if(selectedIndices.includes(index)){removeOption(index);isSelected=false;}else {setIndices([].concat(_toConsumableArray(selectedIndices),[index]));isSelected=true;}}else {setIndices([index]);isSelected=true;}setChangeCallbackTriggerer(changeCallbackTriggerer+1);if(activeIndex!==index){setActiveIndex(index);}if(properties!=null&&properties.closeOnSelection&&selectionType!=='multiple'){close();}return isSelected;};var selectOptionsBatch=function selectOptionsBatch(indices,action){if(indices.length===0){return;}var updatedIndices;if(action==='select'){updatedIndices=_toConsumableArray(selectedIndices);for(var _index of indices){if(_index>=0&&_index<=options.length-1&&!updatedIndices.includes(_index)){updatedIndices.push(_index);}}}else {updatedIndices=selectedIndices.filter(function(selectedIndex){return !indices.includes(selectedIndex);});}setIndices(updatedIndices);setChangeCallbackTriggerer(changeCallbackTriggerer+1);};var onTriggerClick=function onTriggerClick(){if(isOpen){close();}else {setIsOpen(true);}};var onOptionChange=function onOptionChange(actionType,index){var _rest$treeViewControl;setActiveTagIndex(-1);var newIndex=index!=null?index:activeIndex;var updatedIndex;var hasAutoComplete=rest.hasAutoCompleteInHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var treeViewController=(_rest$treeViewControl=rest.treeViewControllerRef)==null?void 0:_rest$treeViewControl.current;if(treeViewController){var _visibleIndexes$getUp;var visibleIndexes=treeViewController.getVisibleOptionIndices();updatedIndex=(_visibleIndexes$getUp=visibleIndexes[getUpdatedIndex({currentIndex:visibleIndexes.indexOf(newIndex),maxIndex:visibleIndexes.length-1,actionType:actionType})])!=null?_visibleIndexes$getUp:newIndex;}else if(hasAutoComplete&&filteredValues.length>0){var filteredIndexes=filteredValues.map(function(filteredValue){return options.findIndex(function(option){return option.value===filteredValue;});}).sort(function(a,b){return a-b;});updatedIndex=filteredIndexes[getUpdatedIndex({currentIndex:filteredIndexes.indexOf(newIndex),maxIndex:filteredIndexes.length-1,actionType:actionType})];}else {updatedIndex=getUpdatedIndex({currentIndex:newIndex,maxIndex:options.length-1,actionType:actionType});}setActiveIndex(updatedIndex);var optionValues=options.map(function(option){return option.value;});ensureScrollVisiblity(updatedIndex,rest.actionListItemRef.current,optionValues);if(isBrowser()){fireNativeEvent(rest.actionListItemRef,['change','input']);}};var onOptionClick=function onOptionClick(e,index){setIsKeydownPressed(false);var actionType=getActionFromKey(e,isOpen,dropdownTriggerer);if(typeof actionType==='number'){onOptionChange(actionType,index);}selectOption(index);if(!isReactNative()){if(rest.hasAutoCompleteInHeader){var _rest$headerAutoCompl;(_rest$headerAutoCompl=rest.headerAutoCompleteRef.current)==null?void 0:_rest$headerAutoCompl.focus();}else {var _rest$triggererRef$cu;(_rest$triggererRef$cu=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu.focus();}}};var onComboType=function onComboType(letter,actionType){setIsOpen(true);if(rest.hasAutoCompleteInHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return;}if(typeof searchTimeout==='number'){window.clearTimeout(searchTimeout);}searchTimeout=window.setTimeout(function(){searchString='';},500);searchString=searchString+letter;var optionTitles=options.map(function(option){return option.title;});var searchIndex=getIndexByLetter(optionTitles,searchString,activeIndex+1);if(searchIndex>=0){onOptionChange(actionType,searchIndex);}else {window.clearTimeout(searchTimeout);searchString='';}};var onTriggerKeydown=function onTriggerKeydown(e){if(!isKeydownPressed&&![' ','Enter','Escape','Meta'].includes(e.event.key)){setIsKeydownPressed(true);}var actionType=getActionFromKey(e.event,isOpen,dropdownTriggerer);if(actionType){var _rest$treeViewControl3;performAction(actionType,e,{setIsOpen:setIsOpen,close:close,onOptionChange:onOptionChange,onComboType:onComboType,selectCurrentOption:function selectCurrentOption(event){var _rest$treeViewControl2,_options$activeIndex$,_options$activeIndex;if(activeIndex<0){return;}var treeViewController=(_rest$treeViewControl2=rest.treeViewControllerRef)==null?void 0:_rest$treeViewControl2.current;if(treeViewController!=null&&treeViewController.handleOptionSelect(activeIndex,{key:event==null?void 0:event.key})){return;}var isSelected=selectOption(activeIndex);if(rest.hasFooterAction&&!isReactNative()){var _rest$triggererRef$cu2;(_rest$triggererRef$cu2=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu2.focus();}(_options$activeIndex$=(_options$activeIndex=options[activeIndex]).onClickTrigger)==null?void 0:_options$activeIndex$.call(_options$activeIndex,isSelected);},onTreeExpandCollapse:(_rest$treeViewControl3=rest.treeViewControllerRef)!=null&&_rest$treeViewControl3.current?function(action){if(action==='Expand'){var _rest$treeViewControl4;(_rest$treeViewControl4=rest.treeViewControllerRef.current)==null?void 0:_rest$treeViewControl4.onArrowRightKeydown(activeIndex);}else {var _rest$treeViewControl5;(_rest$treeViewControl5=rest.treeViewControllerRef.current)==null?void 0:_rest$treeViewControl5.onArrowLeftKeydown(activeIndex);}}:undefined});}};return Object.assign({isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,filteredValues:filteredValues,removeOption:removeOption,selectOptionsBatch:selectOptionsBatch,setControlledValueIndices:setControlledValueIndices,onTriggerClick:onTriggerClick,onTriggerKeydown:onTriggerKeydown,onOptionClick:onOptionClick,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,options:options,value:makeInputValue(selectedIndices,options),displayValue:makeInputDisplayValue(selectedIndices,options,(_rest$treeViewControl6=rest.treeViewControllerRef)==null?void 0:(_rest$treeViewControl7=_rest$treeViewControl6.current)==null?void 0:_rest$treeViewControl7.getDisplayOverride(selectedIndices)),selectionType:selectionType,dropdownTriggerer:dropdownTriggerer},rest);};
 
 export { DropdownContext, useDropdown };
 //# sourceMappingURL=useDropdown.js.map

package/build/lib/native/components/Dropdown/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  ensureScrollVisiblity,\n  getActionFromKey,\n  getIndexByLetter,\n  getUpdatedIndex,\n  makeInputDisplayValue,\n  makeInputValue,\n  performAction,\n} from './dropdownUtils';\nimport type { SelectActionsType } from './dropdownUtils';\nimport type { DropdownProps } from './types';\n\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { FormInputHandleOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { isReactNative, isBrowser } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\ntype OptionsType = {\n  title: string;\n  value: string;\n  onClickTrigger?: (isSelected: boolean) => void;\n}[];\n\ntype DropdownContextType = {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  close: () => void;\n  /**\n   * contains the indexes of selected items\n   */\n  selectedIndices: number[];\n  setSelectedIndices: (value: number[]) => void;\n  /**\n   * contains the indexes of selected items during controlled selection\n   */\n  controlledValueIndices: number[];\n  setControlledValueIndices: (value: number[]) => void;\n  /**\n   * contains information about all the options inside actionlist\n   */\n  options: OptionsType;\n  setOptions: (value: OptionsType) => void;\n\n  /**\n   * Filtered values for AutoComplete Inputs\n   */\n  filteredValues: string[];\n  setFilteredValues: (values: string[]) => void;\n\n  /** Currently active (focussed) index  */\n  activeIndex: number;\n  setActiveIndex: (value: number) => void;\n\n  /** Currently active (focussed) tag  */\n  activeTagIndex: number;\n  setActiveTagIndex: (value: number) => void;\n\n  /**\n   * Sometimes we want to ignore the blur event to keep dropdown open but not ignore the blur animation from selectinput\n   * E.g. When someone clicks on Footer, we just want to ignore the blur event and not the blur animation\n   */\n  shouldIgnoreBlurAnimation: boolean;\n  setShouldIgnoreBlurAnimation: (value: boolean) => void;\n  /** Tells you if keyboard was used. Its false by default and turns into true when keydown is called  */\n  isKeydownPressed: boolean;\n  setIsKeydownPressed: (value: boolean) => void;\n  /** common baseId which is prepended to multiple other ids inside this dropdown  */\n  dropdownBaseId: string;\n  /** Which element has triggered the dropdown */\n  dropdownTriggerer?:\n    | 'SelectInput'\n    | 'DropdownButton'\n    | 'DropdownIconButton'\n    | 'AutoComplete'\n    | 'DropdownLink'\n    | 'SearchInput'\n    | 'FilterChipSelectInput'\n    | 'InputDropdownButton';\n\n  /** ref of triggerer. Used to call focus in certain places */\n  triggererRef: React.MutableRefObject<HTMLButtonElement | null>;\n  headerAutoCompleteRef: React.MutableRefObject<HTMLButtonElement | null>;\n  triggererWrapperRef: React.MutableRefObject<ContainerElementType | null>;\n  actionListItemRef: React.RefObject<HTMLDivElement | null>;\n  isTagDismissedRef: React.RefObject<{ value: boolean } | null>;\n  visibleTagsCountRef: React.RefObject<{ value: number } | null>;\n\n  selectionType?: DropdownProps['selectionType'];\n  /** whether footer has an action item.\n   * certain a11y behaviour changes happen here\n   * E.g. tabbing moves focus to that action instead of outside\n   */\n  hasFooterAction: boolean;\n  setHasFooterAction: (value: boolean) => void;\n\n  /**\n   * Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheetHeader and DropdownHeader, the trigger can be Select but they can also have autocomplete inside of header\n   */\n  hasAutoCompleteInHeader: boolean;\n  setHasAutoCompleteInHeader: (value: boolean) => void;\n\n  /**\n   * A value that can be used in dependency array to know when Dropdown value is changed.\n   *\n   * E.g.\n   * ```ts\n   * useEffect(() => {\n   *  console.log('Uncontrolled value change');\n   * }, [changeCallbackTriggerer])\n   * ```\n   */\n  changeCallbackTriggerer: number;\n  setChangeCallbackTriggerer: (changeCallbackTriggerer: number) => void;\n\n  /**\n   * true when SelectInput has `value` prop (when it is controlled)\n   */\n  isControlled: boolean;\n  setIsControlled: (isControlled: boolean) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownContextType>({\n  isOpen: false,\n  setIsOpen: noop,\n  close: noop,\n  selectedIndices: [],\n  setSelectedIndices: noop,\n  controlledValueIndices: [],\n  setControlledValueIndices: noop,\n  options: [],\n  setOptions: noop,\n  filteredValues: [],\n  setFilteredValues: noop,\n  activeIndex: -1,\n  setActiveIndex: noop,\n  activeTagIndex: -1,\n  setActiveTagIndex: noop,\n  shouldIgnoreBlurAnimation: false,\n  setShouldIgnoreBlurAnimation: noop,\n  hasFooterAction: false,\n  setHasFooterAction: noop,\n  hasAutoCompleteInHeader: false,\n  setHasAutoCompleteInHeader: noop,\n  isKeydownPressed: false,\n  setIsKeydownPressed: noop,\n  changeCallbackTriggerer: 0,\n  setChangeCallbackTriggerer: noop,\n  isControlled: false,\n  setIsControlled: noop,\n  dropdownBaseId: '',\n  actionListItemRef: {\n    current: null,\n  },\n  triggererRef: {\n    current: null,\n  },\n  headerAutoCompleteRef: {\n    current: null,\n  },\n  isTagDismissedRef: {\n    current: null,\n  },\n  visibleTagsCountRef: {\n    current: null,\n  },\n  triggererWrapperRef: {\n    current: null,\n  },\n});\n\nlet searchTimeout: number;\nlet searchString = '';\n\ntype UseDropdownReturnValue = DropdownContextType & {\n  /**\n   * Click event on combobox. Toggles the dropdown\n   */\n  onTriggerClick: () => void;\n\n  /**\n   * Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n   */\n  onTriggerKeydown: FormInputHandleOnKeyDownEvent | undefined;\n\n  /**\n   * Handles the click even on option.\n   *\n   * Contains the logic that selects the option, moves the focus, etc\n   */\n  onOptionClick: (\n    e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>,\n    index: number,\n  ) => void;\n\n  /**\n   * Removes the option with given optionsIndex\n   */\n  removeOption: (index: number) => void;\n\n  /**\n   * value that is used during form submissions\n   */\n  value: string;\n  /**\n   * This is the value that is displayed inside select after selection\n   */\n  displayValue: string;\n};\n\n/**\n * Handles almost all the functionality of dropdown.\n *\n * Returns the values from DropdownContext along with some helper functions and event handlers\n *\n */\nconst useDropdown = (): UseDropdownReturnValue => {\n  const {\n    isOpen,\n    setIsOpen,\n    close,\n    selectedIndices,\n    setSelectedIndices,\n    activeIndex,\n    setActiveIndex,\n    activeTagIndex,\n    setActiveTagIndex,\n    visibleTagsCountRef,\n    isKeydownPressed,\n    setIsKeydownPressed,\n    options,\n    selectionType,\n    changeCallbackTriggerer,\n    setChangeCallbackTriggerer,\n    isControlled,\n    setControlledValueIndices,\n    filteredValues,\n    dropdownTriggerer,\n    ...rest\n  } = React.useContext(DropdownContext);\n\n  type SelectOptionType = (\n    index: number,\n    properties?: {\n      closeOnSelection?: boolean;\n    },\n  ) => boolean;\n\n  const setIndices = (indices: number[]): void => {\n    if (isControlled) {\n      setControlledValueIndices(indices);\n    } else {\n      setSelectedIndices(indices);\n    }\n  };\n\n  const removeOption = (index: number): void => {\n    // remove existing item\n    const existingItemIndex = selectedIndices.indexOf(index);\n    if (existingItemIndex < 0) {\n      return;\n    }\n\n    setIndices([\n      ...selectedIndices.slice(0, existingItemIndex),\n      ...selectedIndices.slice(existingItemIndex + 1),\n    ]);\n  };\n\n  /**\n   * Marks the given index as selected.\n   *\n   * In single select, it also closes the menu.\n   * In multiselect, it keeps the menu open for more selections\n   */\n  const selectOption: SelectOptionType = (\n    index,\n    properties = {\n      closeOnSelection: true,\n    },\n  ) => {\n    let isSelected = false;\n\n    if (index < 0 || index > options.length - 1) {\n      return isSelected;\n    }\n\n    if (selectionType === 'multiple') {\n      if (selectedIndices.includes(index)) {\n        removeOption(index);\n        isSelected = false;\n      } else {\n        setIndices([...selectedIndices, index]);\n        isSelected = true;\n      }\n    } else {\n      setIndices([index]);\n      isSelected = true;\n    }\n\n    // Triggers `onChange` on SelectInput\n    setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n\n    if (activeIndex !== index) {\n      setActiveIndex(index);\n    }\n\n    if (properties?.closeOnSelection && selectionType !== 'multiple') {\n      close();\n    }\n\n    return isSelected;\n  };\n\n  /**\n   * Click listener for combobox (or any triggerer of the dropdown)\n   */\n  const onTriggerClick = (): void => {\n    if (isOpen) {\n      close();\n    } else {\n      setIsOpen(true);\n    }\n  };\n\n  /**\n   * Function that we call when we want to move focus from one option to other\n   */\n  const onOptionChange = (actionType: SelectActionsType, index?: number): void => {\n    setActiveTagIndex(-1);\n    const newIndex = index ?? activeIndex;\n    let updatedIndex: number;\n    const hasAutoComplete =\n      rest.hasAutoCompleteInHeader ||\n      dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n    if (hasAutoComplete && filteredValues.length > 0) {\n      // When its autocomplete, we don't loop over all options. We only loop on filtered options\n\n      const filteredIndexes = filteredValues\n        .map((filteredValue) => options.findIndex((option) => option.value === filteredValue))\n        .sort((a, b) => a - b);\n\n      updatedIndex =\n        filteredIndexes[\n          getUpdatedIndex({\n            currentIndex: filteredIndexes.indexOf(newIndex),\n            maxIndex: filteredIndexes.length - 1,\n            actionType,\n          })\n        ];\n    } else {\n      updatedIndex = getUpdatedIndex({\n        currentIndex: newIndex,\n        maxIndex: options.length - 1,\n        actionType,\n      });\n    }\n    setActiveIndex(updatedIndex);\n\n    const optionValues = options.map((option) => option.value);\n    ensureScrollVisiblity(updatedIndex, rest.actionListItemRef.current, optionValues);\n    if (isBrowser()) {\n      fireNativeEvent(rest.actionListItemRef as React.RefObject<HTMLElement>, ['change', 'input']);\n    }\n  };\n\n  /**\n   * Click handler when user clicks on any particular option.\n   *\n   * It\n   * - changes the option focus\n   * - selects that option\n   * - moves focus to combobox\n   */\n  const onOptionClick = (\n    e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>,\n    index: number,\n  ): void => {\n    setIsKeydownPressed(false);\n    const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n    if (typeof actionType === 'number') {\n      onOptionChange(actionType, index);\n    }\n    selectOption(index);\n\n    if (!isReactNative()) {\n      if (rest.hasAutoCompleteInHeader) {\n        // move focus to autocomplete\n        rest.headerAutoCompleteRef.current?.focus();\n      } else {\n        rest.triggererRef.current?.focus();\n      }\n    }\n  };\n\n  /**\n   * Function we call to handle the typeahead.\n   *\n   * It takes a letter, stores that letter in searchString (and clears it after timeout) to maintain a word\n   *\n   * Then searches for that word in options and moves focus there.\n   */\n  const onComboType = (letter: string, actionType: SelectActionsType): void => {\n    // open the listbox if it is closed\n    setIsOpen(true);\n\n    if (\n      rest.hasAutoCompleteInHeader ||\n      dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n    ) {\n      return;\n    }\n\n    if (typeof searchTimeout === 'number') {\n      window.clearTimeout(searchTimeout);\n    }\n\n    searchTimeout = window.setTimeout(() => {\n      searchString = '';\n    }, 500);\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    searchString = searchString + letter;\n    const optionTitles = options.map((option) => option.title);\n    const searchIndex = getIndexByLetter(optionTitles, searchString, activeIndex + 1);\n\n    // if a match was found, go to it\n    if (searchIndex >= 0) {\n      onOptionChange(actionType, searchIndex);\n    }\n    // if no matches, clear the timeout and search string\n    else {\n      window.clearTimeout(searchTimeout);\n      searchString = '';\n    }\n  };\n\n  /**\n   * Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n   */\n  const onTriggerKeydown = (e: {\n    event: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>;\n  }): void => {\n    if (!isKeydownPressed && ![' ', 'Enter', 'Escape', 'Meta'].includes(e.event.key)) {\n      // When keydown is not already pressed and its not Enter, Space, Command, or Escape key (those are generic keys and we only want to handle arrow keys or home buttons etc)\n      setIsKeydownPressed(true);\n    }\n\n    const actionType = getActionFromKey(e.event, isOpen, dropdownTriggerer);\n\n    if (actionType) {\n      performAction(actionType, e, {\n        setIsOpen,\n        close,\n        onOptionChange,\n        onComboType,\n        selectCurrentOption: () => {\n          if (activeIndex < 0) {\n            return;\n          }\n\n          const isSelected = selectOption(activeIndex);\n          if (rest.hasFooterAction && !isReactNative()) {\n            rest.triggererRef.current?.focus();\n          }\n\n          options[activeIndex].onClickTrigger?.(isSelected);\n        },\n      });\n    }\n  };\n\n  return {\n    isOpen,\n    setIsOpen,\n    close,\n    selectedIndices,\n    setSelectedIndices,\n    filteredValues,\n    removeOption,\n    setControlledValueIndices,\n    onTriggerClick,\n    onTriggerKeydown,\n    onOptionClick,\n    activeIndex,\n    setActiveIndex,\n    activeTagIndex,\n    setActiveTagIndex,\n    visibleTagsCountRef,\n    isKeydownPressed,\n    setIsKeydownPressed,\n    changeCallbackTriggerer,\n    setChangeCallbackTriggerer,\n    isControlled,\n    options,\n    value: makeInputValue(selectedIndices, options),\n    displayValue: makeInputDisplayValue(selectedIndices, options),\n    selectionType,\n    dropdownTriggerer,\n    ...rest,\n  };\n};\n\nexport type { DropdownContextType, OptionsType };\nexport { useDropdown, DropdownContext };\n"],"names":["noop","DropdownContext","React","createContext","isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","controlledValueIndices","setControlledValueIndices","options","setOptions","filteredValues","setFilteredValues","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","hasFooterAction","setHasFooterAction","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","dropdownBaseId","actionListItemRef","current","triggererRef","headerAutoCompleteRef","isTagDismissedRef","visibleTagsCountRef","triggererWrapperRef","searchTimeout","searchString","useDropdown","_React$useContext","useContext","selectionType","dropdownTriggerer","rest","_objectWithoutProperties","_excluded","setIndices","indices","removeOption","index","existingItemIndex","indexOf","concat","_toConsumableArray","slice","selectOption","properties","arguments","length","undefined","closeOnSelection","isSelected","includes","onTriggerClick","onOptionChange","actionType","newIndex","updatedIndex","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredIndexes","map","filteredValue","findIndex","option","value","sort","a","b","getUpdatedIndex","currentIndex","maxIndex","optionValues","ensureScrollVisiblity","isBrowser","fireNativeEvent","onOptionClick","e","getActionFromKey","isReactNative","_rest$headerAutoCompl","focus","_rest$triggererRef$cu","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","Object","assign","makeInputValue","displayValue","makeInputDisplayValue"],"mappings":"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"}
+{"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  ensureScrollVisiblity,\n  getActionFromKey,\n  getIndexByLetter,\n  getUpdatedIndex,\n  makeInputDisplayValue,\n  makeInputValue,\n  performAction,\n} from './dropdownUtils';\nimport type { SelectActionsType } from './dropdownUtils';\nimport type { DropdownProps } from './types';\n\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { FormInputHandleOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { isReactNative, isBrowser } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\ntype OptionsType = {\n  title: string;\n  value: string;\n  onClickTrigger?: (isSelected: boolean) => void;\n}[];\n\n/**\n * Controller published by TreeView when it is rendered as Dropdown overlay content.\n *\n * All tree-specific behaviour inside Dropdown is gated on this being present, so\n * ActionList (and any other overlay content) paths stay behaviourally identical\n */\ntype TreeViewDropdownControllerType = {\n  /**\n   * Option indices of rows that are currently traversable (not hidden under a collapsed branch).\n   * Used for visibility-aware keyboard traversal (same idea as AutoComplete's filteredValues)\n   */\n  getVisibleOptionIndices: () => number[];\n  /**\n   * ArrowRight: expand the active collapsed branch, or move to its first child\n   */\n  onArrowRightKeydown: (activeIndex: number) => void;\n  /**\n   * ArrowLeft: collapse the active expanded branch, or move to its parent\n   */\n  onArrowLeftKeydown: (activeIndex: number) => void;\n  /**\n   * Returns true when the tree handled the selection itself\n   * (branch cascade toggle in multiple selection / load-more activation).\n   * Returning false falls through to the default selectOption path\n   */\n  handleOptionSelect: (index: number, properties?: { key?: string }) => boolean;\n  /**\n   * Values of the topmost fully-selected branches, included in the trigger's onChange payload\n   */\n  getSelectedGroups: (selectedIndices: number[]) => string[];\n  /**\n   * Smallest describing set for the trigger display (D5)\n   */\n  getDisplayOverride: (selectedIndices: number[]) => { label: string; count: number } | undefined;\n};\n\ntype DropdownContextType = {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  close: () => void;\n  /**\n   * contains the indexes of selected items\n   */\n  selectedIndices: number[];\n  setSelectedIndices: (value: number[]) => void;\n  /**\n   * contains the indexes of selected items during controlled selection\n   */\n  controlledValueIndices: number[];\n  setControlledValueIndices: (value: number[]) => void;\n  /**\n   * contains information about all the options inside actionlist\n   */\n  options: OptionsType;\n  setOptions: (value: OptionsType) => void;\n\n  /**\n   * Filtered values for AutoComplete Inputs\n   */\n  filteredValues: string[];\n  setFilteredValues: (values: string[]) => void;\n\n  /** Currently active (focussed) index  */\n  activeIndex: number;\n  setActiveIndex: (value: number) => void;\n\n  /** Currently active (focussed) tag  */\n  activeTagIndex: number;\n  setActiveTagIndex: (value: number) => void;\n\n  /**\n   * Sometimes we want to ignore the blur event to keep dropdown open but not ignore the blur animation from selectinput\n   * E.g. When someone clicks on Footer, we just want to ignore the blur event and not the blur animation\n   */\n  shouldIgnoreBlurAnimation: boolean;\n  setShouldIgnoreBlurAnimation: (value: boolean) => void;\n  /** Tells you if keyboard was used. Its false by default and turns into true when keydown is called  */\n  isKeydownPressed: boolean;\n  setIsKeydownPressed: (value: boolean) => void;\n  /** common baseId which is prepended to multiple other ids inside this dropdown  */\n  dropdownBaseId: string;\n  /** Which element has triggered the dropdown */\n  dropdownTriggerer?:\n    | 'SelectInput'\n    | 'DropdownButton'\n    | 'DropdownIconButton'\n    | 'AutoComplete'\n    | 'DropdownLink'\n    | 'SearchInput'\n    | 'FilterChipSelectInput'\n    | 'InputDropdownButton';\n\n  /** ref of triggerer. Used to call focus in certain places */\n  triggererRef: React.MutableRefObject<HTMLButtonElement | null>;\n  headerAutoCompleteRef: React.MutableRefObject<HTMLButtonElement | null>;\n  triggererWrapperRef: React.MutableRefObject<ContainerElementType | null>;\n  actionListItemRef: React.RefObject<HTMLDivElement | null>;\n  isTagDismissedRef: React.RefObject<{ value: boolean } | null>;\n  visibleTagsCountRef: React.RefObject<{ value: number } | null>;\n\n  selectionType?: DropdownProps['selectionType'];\n  /** whether footer has an action item.\n   * certain a11y behaviour changes happen here\n   * E.g. tabbing moves focus to that action instead of outside\n   */\n  hasFooterAction: boolean;\n  setHasFooterAction: (value: boolean) => void;\n\n  /**\n   * Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheetHeader and DropdownHeader, the trigger can be Select but they can also have autocomplete inside of header\n   */\n  hasAutoCompleteInHeader: boolean;\n  setHasAutoCompleteInHeader: (value: boolean) => void;\n\n  /**\n   * A value that can be used in dependency array to know when Dropdown value is changed.\n   *\n   * E.g.\n   * ```ts\n   * useEffect(() => {\n   *  console.log('Uncontrolled value change');\n   * }, [changeCallbackTriggerer])\n   * ```\n   */\n  changeCallbackTriggerer: number;\n  setChangeCallbackTriggerer: (changeCallbackTriggerer: number) => void;\n\n  /**\n   * true when SelectInput has `value` prop (when it is controlled)\n   */\n  isControlled: boolean;\n  setIsControlled: (isControlled: boolean) => void;\n\n  /**\n   * Set by TreeView when it is rendered as the overlay content. null for every other\n   * overlay content (ActionList, Menu, custom slots)\n   */\n  treeViewControllerRef: React.MutableRefObject<TreeViewDropdownControllerType | null>;\n};\n\nconst DropdownContext = React.createContext<DropdownContextType>({\n  isOpen: false,\n  setIsOpen: noop,\n  close: noop,\n  selectedIndices: [],\n  setSelectedIndices: noop,\n  controlledValueIndices: [],\n  setControlledValueIndices: noop,\n  options: [],\n  setOptions: noop,\n  filteredValues: [],\n  setFilteredValues: noop,\n  activeIndex: -1,\n  setActiveIndex: noop,\n  activeTagIndex: -1,\n  setActiveTagIndex: noop,\n  shouldIgnoreBlurAnimation: false,\n  setShouldIgnoreBlurAnimation: noop,\n  hasFooterAction: false,\n  setHasFooterAction: noop,\n  hasAutoCompleteInHeader: false,\n  setHasAutoCompleteInHeader: noop,\n  isKeydownPressed: false,\n  setIsKeydownPressed: noop,\n  changeCallbackTriggerer: 0,\n  setChangeCallbackTriggerer: noop,\n  isControlled: false,\n  setIsControlled: noop,\n  dropdownBaseId: '',\n  actionListItemRef: {\n    current: null,\n  },\n  triggererRef: {\n    current: null,\n  },\n  headerAutoCompleteRef: {\n    current: null,\n  },\n  isTagDismissedRef: {\n    current: null,\n  },\n  visibleTagsCountRef: {\n    current: null,\n  },\n  triggererWrapperRef: {\n    current: null,\n  },\n  treeViewControllerRef: {\n    current: null,\n  },\n});\n\nlet searchTimeout: number;\nlet searchString = '';\n\ntype UseDropdownReturnValue = DropdownContextType & {\n  /**\n   * Click event on combobox. Toggles the dropdown\n   */\n  onTriggerClick: () => void;\n\n  /**\n   * Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n   */\n  onTriggerKeydown: FormInputHandleOnKeyDownEvent | undefined;\n\n  /**\n   * Handles the click even on option.\n   *\n   * Contains the logic that selects the option, moves the focus, etc\n   */\n  onOptionClick: (\n    e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>,\n    index: number,\n  ) => void;\n\n  /**\n   * Removes the option with given optionsIndex\n   */\n  removeOption: (index: number) => void;\n\n  /**\n   * Selects / deselects multiple options in one state update with a single onChange.\n   * Used by TreeView branch cascade toggles\n   */\n  selectOptionsBatch: (indices: number[], action: 'select' | 'deselect') => void;\n\n  /**\n   * value that is used during form submissions\n   */\n  value: string;\n  /**\n   * This is the value that is displayed inside select after selection\n   */\n  displayValue: string;\n};\n\n/**\n * Handles almost all the functionality of dropdown.\n *\n * Returns the values from DropdownContext along with some helper functions and event handlers\n *\n */\nconst useDropdown = (): UseDropdownReturnValue => {\n  const {\n    isOpen,\n    setIsOpen,\n    close,\n    selectedIndices,\n    setSelectedIndices,\n    activeIndex,\n    setActiveIndex,\n    activeTagIndex,\n    setActiveTagIndex,\n    visibleTagsCountRef,\n    isKeydownPressed,\n    setIsKeydownPressed,\n    options,\n    selectionType,\n    changeCallbackTriggerer,\n    setChangeCallbackTriggerer,\n    isControlled,\n    setControlledValueIndices,\n    filteredValues,\n    dropdownTriggerer,\n    ...rest\n  } = React.useContext(DropdownContext);\n\n  type SelectOptionType = (\n    index: number,\n    properties?: {\n      closeOnSelection?: boolean;\n    },\n  ) => boolean;\n\n  const setIndices = (indices: number[]): void => {\n    if (isControlled) {\n      setControlledValueIndices(indices);\n    } else {\n      setSelectedIndices(indices);\n    }\n  };\n\n  const removeOption = (index: number): void => {\n    // remove existing item\n    const existingItemIndex = selectedIndices.indexOf(index);\n    if (existingItemIndex < 0) {\n      return;\n    }\n\n    setIndices([\n      ...selectedIndices.slice(0, existingItemIndex),\n      ...selectedIndices.slice(existingItemIndex + 1),\n    ]);\n  };\n\n  /**\n   * Marks the given index as selected.\n   *\n   * In single select, it also closes the menu.\n   * In multiselect, it keeps the menu open for more selections\n   */\n  const selectOption: SelectOptionType = (\n    index,\n    properties = {\n      closeOnSelection: true,\n    },\n  ) => {\n    let isSelected = false;\n\n    if (index < 0 || index > options.length - 1) {\n      return isSelected;\n    }\n\n    if (selectionType === 'multiple') {\n      if (selectedIndices.includes(index)) {\n        removeOption(index);\n        isSelected = false;\n      } else {\n        setIndices([...selectedIndices, index]);\n        isSelected = true;\n      }\n    } else {\n      setIndices([index]);\n      isSelected = true;\n    }\n\n    // Triggers `onChange` on SelectInput\n    setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n\n    if (activeIndex !== index) {\n      setActiveIndex(index);\n    }\n\n    if (properties?.closeOnSelection && selectionType !== 'multiple') {\n      close();\n    }\n\n    return isSelected;\n  };\n\n  /**\n   * Marks multiple indices as selected / deselected in a single state update and\n   * bumps the change callback triggerer exactly once.\n   *\n   * Used by TreeView for branch cascade toggles (one branch toggle mutates many leaf\n   * indices but must fire a single `onChange`). Routes through the same controlled /\n   * uncontrolled fork as `selectOption`. ActionList does not use this\n   */\n  const selectOptionsBatch = (indices: number[], action: 'select' | 'deselect'): void => {\n    if (indices.length === 0) {\n      return;\n    }\n\n    let updatedIndices: number[];\n    if (action === 'select') {\n      updatedIndices = [...selectedIndices];\n      for (const index of indices) {\n        if (index >= 0 && index <= options.length - 1 && !updatedIndices.includes(index)) {\n          updatedIndices.push(index);\n        }\n      }\n    } else {\n      updatedIndices = selectedIndices.filter((selectedIndex) => !indices.includes(selectedIndex));\n    }\n\n    setIndices(updatedIndices);\n    setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n  };\n\n  /**\n   * Click listener for combobox (or any triggerer of the dropdown)\n   */\n  const onTriggerClick = (): void => {\n    if (isOpen) {\n      close();\n    } else {\n      setIsOpen(true);\n    }\n  };\n\n  /**\n   * Function that we call when we want to move focus from one option to other\n   */\n  const onOptionChange = (actionType: SelectActionsType, index?: number): void => {\n    setActiveTagIndex(-1);\n    const newIndex = index ?? activeIndex;\n    let updatedIndex: number;\n    const hasAutoComplete =\n      rest.hasAutoCompleteInHeader ||\n      dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n    const treeViewController = rest.treeViewControllerRef?.current;\n    if (treeViewController) {\n      // When overlay content is a TreeView, traversal skips rows hidden under collapsed\n      // branches (indices stay stable across expand / collapse, only traversal changes)\n      const visibleIndexes = treeViewController.getVisibleOptionIndices();\n      updatedIndex =\n        visibleIndexes[\n          getUpdatedIndex({\n            currentIndex: visibleIndexes.indexOf(newIndex),\n            maxIndex: visibleIndexes.length - 1,\n            actionType,\n          })\n        ] ?? newIndex;\n    } else if (hasAutoComplete && filteredValues.length > 0) {\n      // When its autocomplete, we don't loop over all options. We only loop on filtered options\n\n      const filteredIndexes = filteredValues\n        .map((filteredValue) => options.findIndex((option) => option.value === filteredValue))\n        .sort((a, b) => a - b);\n\n      updatedIndex =\n        filteredIndexes[\n          getUpdatedIndex({\n            currentIndex: filteredIndexes.indexOf(newIndex),\n            maxIndex: filteredIndexes.length - 1,\n            actionType,\n          })\n        ];\n    } else {\n      updatedIndex = getUpdatedIndex({\n        currentIndex: newIndex,\n        maxIndex: options.length - 1,\n        actionType,\n      });\n    }\n    setActiveIndex(updatedIndex);\n\n    const optionValues = options.map((option) => option.value);\n    ensureScrollVisiblity(updatedIndex, rest.actionListItemRef.current, optionValues);\n    if (isBrowser()) {\n      fireNativeEvent(rest.actionListItemRef as React.RefObject<HTMLElement>, ['change', 'input']);\n    }\n  };\n\n  /**\n   * Click handler when user clicks on any particular option.\n   *\n   * It\n   * - changes the option focus\n   * - selects that option\n   * - moves focus to combobox\n   */\n  const onOptionClick = (\n    e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>,\n    index: number,\n  ): void => {\n    setIsKeydownPressed(false);\n    const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n    if (typeof actionType === 'number') {\n      onOptionChange(actionType, index);\n    }\n    selectOption(index);\n\n    if (!isReactNative()) {\n      if (rest.hasAutoCompleteInHeader) {\n        // move focus to autocomplete\n        rest.headerAutoCompleteRef.current?.focus();\n      } else {\n        rest.triggererRef.current?.focus();\n      }\n    }\n  };\n\n  /**\n   * Function we call to handle the typeahead.\n   *\n   * It takes a letter, stores that letter in searchString (and clears it after timeout) to maintain a word\n   *\n   * Then searches for that word in options and moves focus there.\n   */\n  const onComboType = (letter: string, actionType: SelectActionsType): void => {\n    // open the listbox if it is closed\n    setIsOpen(true);\n\n    if (\n      rest.hasAutoCompleteInHeader ||\n      dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n    ) {\n      return;\n    }\n\n    if (typeof searchTimeout === 'number') {\n      window.clearTimeout(searchTimeout);\n    }\n\n    searchTimeout = window.setTimeout(() => {\n      searchString = '';\n    }, 500);\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    searchString = searchString + letter;\n    const optionTitles = options.map((option) => option.title);\n    const searchIndex = getIndexByLetter(optionTitles, searchString, activeIndex + 1);\n\n    // if a match was found, go to it\n    if (searchIndex >= 0) {\n      onOptionChange(actionType, searchIndex);\n    }\n    // if no matches, clear the timeout and search string\n    else {\n      window.clearTimeout(searchTimeout);\n      searchString = '';\n    }\n  };\n\n  /**\n   * Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n   */\n  const onTriggerKeydown = (e: {\n    event: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>;\n  }): void => {\n    if (!isKeydownPressed && ![' ', 'Enter', 'Escape', 'Meta'].includes(e.event.key)) {\n      // When keydown is not already pressed and its not Enter, Space, Command, or Escape key (those are generic keys and we only want to handle arrow keys or home buttons etc)\n      setIsKeydownPressed(true);\n    }\n\n    const actionType = getActionFromKey(e.event, isOpen, dropdownTriggerer);\n\n    if (actionType) {\n      performAction(actionType, e, {\n        setIsOpen,\n        close,\n        onOptionChange,\n        onComboType,\n        selectCurrentOption: (event) => {\n          if (activeIndex < 0) {\n            return;\n          }\n\n          // TreeView handles branch cascade toggles and load-more rows itself\n          const treeViewController = rest.treeViewControllerRef?.current;\n          if (treeViewController?.handleOptionSelect(activeIndex, { key: event?.key })) {\n            return;\n          }\n\n          const isSelected = selectOption(activeIndex);\n          if (rest.hasFooterAction && !isReactNative()) {\n            rest.triggererRef.current?.focus();\n          }\n\n          options[activeIndex].onClickTrigger?.(isSelected);\n        },\n        // present only when overlay content is a TreeView; undefined keeps\n        // ArrowLeft / ArrowRight behaviour unchanged for every other content\n        onTreeExpandCollapse: rest.treeViewControllerRef?.current\n          ? (action) => {\n              if (action === 'Expand') {\n                rest.treeViewControllerRef.current?.onArrowRightKeydown(activeIndex);\n              } else {\n                rest.treeViewControllerRef.current?.onArrowLeftKeydown(activeIndex);\n              }\n            }\n          : undefined,\n      });\n    }\n  };\n\n  return {\n    isOpen,\n    setIsOpen,\n    close,\n    selectedIndices,\n    setSelectedIndices,\n    filteredValues,\n    removeOption,\n    selectOptionsBatch,\n    setControlledValueIndices,\n    onTriggerClick,\n    onTriggerKeydown,\n    onOptionClick,\n    activeIndex,\n    setActiveIndex,\n    activeTagIndex,\n    setActiveTagIndex,\n    visibleTagsCountRef,\n    isKeydownPressed,\n    setIsKeydownPressed,\n    changeCallbackTriggerer,\n    setChangeCallbackTriggerer,\n    isControlled,\n    options,\n    value: makeInputValue(selectedIndices, options),\n    displayValue: makeInputDisplayValue(\n      selectedIndices,\n      options,\n      rest.treeViewControllerRef?.current?.getDisplayOverride(selectedIndices),\n    ),\n    selectionType,\n    dropdownTriggerer,\n    ...rest,\n  };\n};\n\nexport type { DropdownContextType, OptionsType, TreeViewDropdownControllerType };\nexport { useDropdown, DropdownContext };\n"],"names":["noop","DropdownContext","React","createContext","isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","controlledValueIndices","setControlledValueIndices","options","setOptions","filteredValues","setFilteredValues","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","hasFooterAction","setHasFooterAction","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","dropdownBaseId","actionListItemRef","current","triggererRef","headerAutoCompleteRef","isTagDismissedRef","visibleTagsCountRef","triggererWrapperRef","treeViewControllerRef","searchTimeout","searchString","useDropdown","_rest$treeViewControl6","_rest$treeViewControl7","_React$useContext","useContext","selectionType","dropdownTriggerer","rest","_objectWithoutProperties","_excluded","setIndices","indices","removeOption","index","existingItemIndex","indexOf","concat","_toConsumableArray","slice","selectOption","properties","arguments","length","undefined","closeOnSelection","isSelected","includes","selectOptionsBatch","action","updatedIndices","push","filter","selectedIndex","onTriggerClick","onOptionChange","actionType","_rest$treeViewControl","newIndex","updatedIndex","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","treeViewController","_visibleIndexes$getUp","visibleIndexes","getVisibleOptionIndices","getUpdatedIndex","currentIndex","maxIndex","filteredIndexes","map","filteredValue","findIndex","option","value","sort","a","b","optionValues","ensureScrollVisiblity","isBrowser","fireNativeEvent","onOptionClick","e","getActionFromKey","isReactNative","_rest$headerAutoCompl","focus","_rest$triggererRef$cu","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","_rest$treeViewControl3","performAction","selectCurrentOption","_rest$treeViewControl2","_options$activeIndex$","_options$activeIndex","handleOptionSelect","_rest$triggererRef$cu2","onClickTrigger","call","onTreeExpandCollapse","_rest$treeViewControl4","onArrowRightKeydown","_rest$treeViewControl5","onArrowLeftKeydown","Object","assign","makeInputValue","displayValue","makeInputDisplayValue","getDisplayOverride"],"mappings":"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"}

package/build/lib/native/components/Fade/Fade.native.js

@@ -1,10 +1,12 @@
-import '../Typography/index.js';
-import '../../utils/logger/index.js';
+import 'react';
+import '../BaseMotion/index.js';
+import '../../utils/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
 import { jsx } from 'react/jsx-runtime';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { Text } from '../Typography/Text/Text.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.native.js';
 
-var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Fade/Fade.native.tsx";var Fade=function Fade(_props){throwBladeError({message:'Fade is not yet implemented for native',moduleName:'Fade'});return jsx(Text,{children:"Fade Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Fade/Fade.native.tsx";var ENTRANCE_EASING=[0,0,0.2,1];var EXIT_EASING=[0.17,0,1,1];var Fade=function Fade(_ref){var children=_ref.children,isVisible=_ref.isVisible,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,_ref$motionTriggers=_ref.motionTriggers,motionTriggers=_ref$motionTriggers===void 0?['mount']:_ref$motionTriggers,shouldUnmountWhenHidden=_ref.shouldUnmountWhenHidden,delay=_ref.delay;var _useTheme=useTheme(),theme=_useTheme.theme;var enterDelay=typeof delay==='object'?delay.enter:delay;var exitDelay=typeof delay==='object'?delay.exit:delay;var fadeVariants={initial:{opacity:0},animate:{opacity:1,transition:Object.assign({},enterDelay?{delay:msToSeconds(theme.motion.delay[enterDelay])}:{},{duration:msToSeconds(theme.motion.duration.xquick),ease:ENTRANCE_EASING})},exit:{opacity:0,transition:Object.assign({},exitDelay?{delay:msToSeconds(theme.motion.delay[exitDelay])}:{},{duration:msToSeconds(theme.motion.duration.xquick),ease:EXIT_EASING})}};return jsx(BaseMotionEntryExit,{motionVariants:fadeVariants,type:type,isVisible:isVisible,motionTriggers:motionTriggers,shouldUnmountWhenHidden:shouldUnmountWhenHidden,children:children});};
 
 export { Fade };
 //# sourceMappingURL=Fade.native.js.map

package/build/lib/native/components/Fade/Fade.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.native.js","sources":["../../../../../src/components/Fade/Fade.native.tsx"],"sourcesContent":["import type { FadeProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Fade = (_props: FadeProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Fade is not yet implemented for native',\n    moduleName: 'Fade',\n  });\n\n  return <Text>Fade Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Fade };\n"],"names":["Fade","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;oHAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}
+{"version":3,"file":"Fade.native.js","sources":["../../../../../src/components/Fade/Fade.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { FadeProps } from './types';\nimport { BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { useTheme } from '~utils';\nimport { msToSeconds } from '~utils/msToSeconds';\n\n/**\n * On native, `theme.motion.easing.*` resolves to a reanimated `EasingFactoryFn` (not a\n * `cubic-bezier(...)` string), so the web approach of `cssBezierToArray(castWebType(...))` would\n * crash. Instead we supply `ease` as the 4-number bezier control-point array that the native\n * interpreter's `getTiming` feeds into `Easing.bezier(...ease)`.\n *\n * These arrays mirror the exact control points of the `entrance` / `exit` easing tokens defined in\n * `~tokens/global/motion`:\n * - entrance → `cubic-bezier(0, 0, 0.2, 1)`\n * - exit     → `cubic-bezier(0.17, 0, 1, 1)`\n *\n * **Sync risk:** These are hardcoded duplicates of the token values. If the token definitions\n * change, these arrays must be updated manually. The same pattern exists in `Move.native.tsx`\n * and `Scale.native.tsx`. There is currently no automated sync mechanism — a unit test should be\n * added to assert these arrays match the token definitions.\n */\nconst ENTRANCE_EASING: [number, number, number, number] = [0, 0, 0.2, 1];\nconst EXIT_EASING: [number, number, number, number] = [0.17, 0, 1, 1];\n\n/**\n * ## Fade\n *\n * Fade is one of the motion presets that we expose from blade to help you fade in / fade out components easily.\n *\n * ### Usage\n *\n * #### Fade in on mount\n *\n * ```jsx\n * <Fade>\n *   <Card />\n * </Fade>\n * ```\n *\n * #### Conditionally fade based on state\n *\n * ```jsx\n * <Fade isVisible={isVisibleState}>\n *   <Card />\n * </Fade>\n * ```\n */\nconst Fade = ({\n  children,\n  isVisible,\n  type = 'inout',\n  motionTriggers = ['mount'],\n  shouldUnmountWhenHidden,\n  delay,\n}: FadeProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const enterDelay = typeof delay === 'object' ? delay.enter : delay;\n  const exitDelay = typeof delay === 'object' ? delay.exit : delay;\n\n  const fadeVariants: MotionVariantsType = {\n    initial: {\n      opacity: 0,\n    },\n    animate: {\n      opacity: 1,\n      transition: {\n        // We have to make sure we don't add delay prop because if we define it, it takes precedence in stagger.\n        // Even setting `undefined` would break the stagger\n        ...(enterDelay ? { delay: msToSeconds(theme.motion.delay[enterDelay]) } : {}),\n        duration: msToSeconds(theme.motion.duration.xquick),\n        ease: ENTRANCE_EASING,\n      },\n    },\n    exit: {\n      opacity: 0,\n      transition: {\n        ...(exitDelay ? { delay: msToSeconds(theme.motion.delay[exitDelay]) } : {}),\n        duration: msToSeconds(theme.motion.duration.xquick),\n        ease: EXIT_EASING,\n      },\n    },\n  };\n\n  return (\n    <BaseMotionEntryExit\n      motionVariants={fadeVariants}\n      type={type}\n      isVisible={isVisible}\n      motionTriggers={motionTriggers}\n      shouldUnmountWhenHidden={shouldUnmountWhenHidden}\n      children={children}\n    />\n  );\n};\n\nexport { Fade };\n"],"names":["this","ENTRANCE_EASING","EXIT_EASING","Fade","_ref","children","isVisible","_ref$type","type","_ref$motionTriggers","motionTriggers","shouldUnmountWhenHidden","delay","_useTheme","useTheme","theme","enterDelay","enter","exitDelay","exit","fadeVariants","initial","opacity","animate","transition","Object","assign","msToSeconds","motion","duration","xquick","ease","_jsx","BaseMotionEntryExit","motionVariants"],"mappings":";;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kFAAA,CAuBA,IAAMC,eAAiD,CAAG,CAAC,CAAC,CAAE,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CACxE,IAAMC,WAA6C,CAAG,CAAC,IAAI,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAyB/D,IAAAC,IAAI,CAAG,SAAPA,IAAIA,CAAAC,IAAA,CAO2B,CANnC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,SAAS,CAAAF,IAAA,CAATE,SAAS,CAAAC,SAAA,CAAAH,IAAA,CACTI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CAAAE,mBAAA,CAAAL,IAAA,CACdM,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,CAAC,OAAO,CAAC,CAAAA,mBAAA,CAC1BE,uBAAuB,CAAAP,IAAA,CAAvBO,uBAAuB,CACvBC,KAAK,CAAAR,IAAA,CAALQ,KAAK,CAEL,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,UAAU,CAAG,OAAOJ,KAAK,GAAK,QAAQ,CAAGA,KAAK,CAACK,KAAK,CAAGL,KAAK,CAClE,IAAMM,SAAS,CAAG,OAAON,KAAK,GAAK,QAAQ,CAAGA,KAAK,CAACO,IAAI,CAAGP,KAAK,CAEhE,IAAMQ,YAAgC,CAAG,CACvCC,OAAO,CAAE,CACPC,OAAO,CAAE,CACX,CAAC,CACDC,OAAO,CAAE,CACPD,OAAO,CAAE,CAAC,CACVE,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAGJV,EAAAA,CAAAA,UAAU,CAAG,CAAEJ,KAAK,CAAEe,WAAW,CAACZ,KAAK,CAACa,MAAM,CAAChB,KAAK,CAACI,UAAU,CAAC,CAAE,CAAC,CAAG,EAAE,CAAA,CAC5Ea,QAAQ,CAAEF,WAAW,CAACZ,KAAK,CAACa,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CACnDC,IAAI,CAAE9B,eAAe,CAAA,CAEzB,CAAC,CACDkB,IAAI,CAAE,CACJG,OAAO,CAAE,CAAC,CACVE,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACJR,SAAS,CAAG,CAAEN,KAAK,CAAEe,WAAW,CAACZ,KAAK,CAACa,MAAM,CAAChB,KAAK,CAACM,SAAS,CAAC,CAAE,CAAC,CAAG,EAAE,EAC1EW,QAAQ,CAAEF,WAAW,CAACZ,KAAK,CAACa,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CACnDC,IAAI,CAAE7B,WAAW,CAAA,CAErB,CACF,CAAC,CAED,OACE8B,GAAA,CAACC,mBAAmB,CAClBC,CAAAA,cAAc,CAAEd,YAAa,CAC7BZ,IAAI,CAAEA,IAAK,CACXF,SAAS,CAAEA,SAAU,CACrBI,cAAc,CAAEA,cAAe,CAC/BC,uBAAuB,CAAEA,uBAAwB,CACjDN,QAAQ,CAAEA,QAAS,CACpB,CAAC,CAEN;;;;"}

package/build/lib/native/components/FilterChip/BaseFilterChip.native.js

@@ -19,9 +19,9 @@ import '../BladeProvider/index.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { size } from '../../tokens/global/size.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+import { Text } from '../Typography/Text/Text.js';
 import { Box } from '../Box/Box.js';
 import { Counter } from '../Counter/Counter.js';
-import { Text } from '../Typography/Text/Text.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
@@ -32,7 +32,7 @@ import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 
-var _excluded=["value","onClearButtonClick","label","isDisabled","selectionType","onClick","onKeyDown","accessibilityProps","id"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/FilterChip/BaseFilterChip.native.tsx";var FILTER_CHIP_HEIGHT_NATIVE=size['28'];var DashedBorder=function DashedBorder(_ref){var width=_ref.width,height=_ref.height,borderRadius=_ref.borderRadius,strokeWidth=_ref.strokeWidth,color=_ref.color;if(width<=0||height<=0){return null;}var inset=strokeWidth/2;var rectWidth=width-strokeWidth;var rectHeight=height-strokeWidth;var radius=Math.max(borderRadius-inset,0);var straightWidth=Math.max(rectWidth-2*radius,0);var straightHeight=Math.max(rectHeight-2*radius,0);var perimeter=2*straightWidth+2*straightHeight+2*Math.PI*radius;var targetSegment=4;var segmentCount=Math.max(1,Math.round(perimeter/targetSegment));var segmentLength=perimeter/segmentCount;var dashLength=segmentLength/2;return jsx(View,{style:StyleSheet.absoluteFill,pointerEvents:"none",children:jsx(Svg,{width:width,height:height,children:jsx(Rect,{x:inset,y:inset,width:rectWidth,height:rectHeight,rx:radius,ry:radius,fill:"none",stroke:color,strokeWidth:strokeWidth,strokeDasharray:[dashLength,segmentLength-dashLength]})})});};var StyledFilterChip=styled(View)(function(_ref2){var theme=_ref2.theme,$isDisabled=_ref2.$isDisabled,$isSelected=_ref2.$isSelected;return {borderWidth:$isSelected?makeBorderSize(theme.border.width.thin):0,borderColor:$isSelected?theme.colors.interactive.border.gray[$isDisabled?'disabled':'faded']:'transparent',height:FILTER_CHIP_HEIGHT_NATIVE,borderRadius:theme.border.radius.small,borderStyle:'solid',backgroundColor:theme.colors.surface.background.gray.intense,flexDirection:'row',alignSelf:'flex-start',overflow:$isSelected?'hidden':'visible'};});var StyledFilterTrigger=styled(Pressable)(function(_ref3){var theme=_ref3.theme,$isSelected=_ref3.$isSelected;var spacing=theme.spacing;return {backgroundColor:'transparent',borderRadius:$isSelected?0:theme.border.radius.small,borderTopLeftRadius:theme.border.radius.small,borderBottomLeftRadius:theme.border.radius.small,paddingLeft:spacing[4],paddingRight:$isSelected?spacing[2]:spacing[3],flexDirection:'row',alignItems:'center',height:'100%',gap:spacing[2]};});var StyledFilterCloseButton=styled(Pressable)(function(_ref4){var theme=_ref4.theme;return {backgroundColor:'transparent',borderTopRightRadius:theme.border.radius.small,borderBottomRightRadius:theme.border.radius.small,paddingLeft:theme.spacing[2]+theme.spacing[1],paddingRight:theme.spacing[2]+theme.spacing[1],justifyContent:'center',alignItems:'center',height:'100%'};});var renderValue=function renderValue(selectionType,value,isDisabled){if(selectionType==='multiple'&&Array.isArray(value)){return jsx(Box,{alignItems:"center",flexDirection:"row",children:jsx(Counter,{value:value.length,color:"neutral",size:"small"})});}return jsx(Text,{size:"small",weight:"medium",color:isDisabled?'interactive.text.gray.disabled':'interactive.text.gray.normal',children:typeof value==='string'?value:''});};var _BaseFilterChip=function _BaseFilterChip(_ref5,ref){var _accessibilityProps$r;var value=_ref5.value,onClearButtonClick=_ref5.onClearButtonClick,label=_ref5.label,isDisabled=_ref5.isDisabled,_ref5$selectionType=_ref5.selectionType,selectionType=_ref5$selectionType===void 0?'single':_ref5$selectionType,onClick=_ref5.onClick,onKeyDown=_ref5.onKeyDown,accessibilityProps=_ref5.accessibilityProps,id=_ref5.id,rest=_objectWithoutProperties(_ref5,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isSelected=selectionType==='multiple'?Array.isArray(value)&&value.length>0:!!value;var _React$useState=React__default.useState({width:0,height:0}),_React$useState2=_slicedToArray(_React$useState,2),chipSize=_React$useState2[0],setChipSize=_React$useState2[1];var handleLayout=function handleLayout(event){var _event$nativeEvent$la=event.nativeEvent.layout,width=_event$nativeEvent$la.width,height=_event$nativeEvent$la.height;setChipSize(function(prev){return prev.width===width&&prev.height===height?prev:{width:width,height:height};});};return jsxs(StyledFilterChip,{$isDisabled:isDisabled,$isSelected:isSelected,ref:ref,onLayout:isSelected?undefined:handleLayout,children:[jsxs(StyledFilterTrigger,Object.assign({$isSelected:isSelected,disabled:isDisabled,id:id,onPress:isDisabled?undefined:function(e){onClick==null?void 0:onClick(e);},onKeyDown:isDisabled?undefined:function(e){onKeyDown==null?void 0:onKeyDown(e);}},makeAccessible(Object.assign({},accessibilityProps,{role:(_accessibilityProps$r=accessibilityProps==null?void 0:accessibilityProps.role)!=null?_accessibilityProps$r:'button'})),makeAnalyticsAttribute(rest),metaAttribute({name:'filter-chip-trigger',testID:rest.testID}),{children:[jsxs(Box,{flexDirection:"row",gap:"spacing.2",alignItems:"center",children:[jsxs(Text,{size:"small",weight:"medium",color:"interactive.text.gray.subtle",truncateAfterLines:1,children:[label,isSelected?':':null]}),isSelected?renderValue(selectionType,value,isDisabled):null]}),jsx(Box,{flexDirection:"row",alignItems:"center",paddingRight:"spacing.1",children:jsx(ChevronDownIcon,{size:"small",color:"interactive.icon.gray.muted"})})]})),isSelected?jsxs(Fragment,{children:[jsx(Divider,{orientation:"vertical",variant:isDisabled?'muted':'subtle'}),jsx(StyledFilterCloseButton,Object.assign({},makeAccessible({label:`Clear ${label} value`,role:'button'}),{onPress:isDisabled?undefined:function(){return onClearButtonClick==null?void 0:onClearButtonClick({value:value!=null?value:''});},disabled:isDisabled},metaAttribute({name:'filter-chip-close-button'}),{children:jsx(CloseIcon,{size:"small",color:"interactive.icon.gray.muted"})}))]}):null,isSelected?null:jsx(DashedBorder,{width:chipSize.width,height:chipSize.height,borderRadius:theme.border.radius.small,strokeWidth:makeBorderSize(theme.border.width.thin),color:theme.colors.interactive.border.gray[isDisabled?'disabled':'faded']})]});};var BaseFilterChip=assignWithoutSideEffects(React__default.forwardRef(_BaseFilterChip),{componentId:MetaConstants.BaseFilterChip});
+var _excluded=["value","onClearButtonClick","label","isDisabled","selectionType","showClearButton","onClick","onKeyDown","accessibilityProps","id"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/FilterChip/BaseFilterChip.native.tsx";var FILTER_CHIP_HEIGHT_NATIVE=size['28'];var DashedBorder=function DashedBorder(_ref){var width=_ref.width,height=_ref.height,borderRadius=_ref.borderRadius,strokeWidth=_ref.strokeWidth,color=_ref.color;if(width<=0||height<=0){return null;}var inset=strokeWidth/2;var rectWidth=width-strokeWidth;var rectHeight=height-strokeWidth;var radius=Math.max(borderRadius-inset,0);var straightWidth=Math.max(rectWidth-2*radius,0);var straightHeight=Math.max(rectHeight-2*radius,0);var perimeter=2*straightWidth+2*straightHeight+2*Math.PI*radius;var targetSegment=4;var segmentCount=Math.max(1,Math.round(perimeter/targetSegment));var segmentLength=perimeter/segmentCount;var dashLength=segmentLength/2;return jsx(View,{style:StyleSheet.absoluteFill,pointerEvents:"none",children:jsx(Svg,{width:width,height:height,children:jsx(Rect,{x:inset,y:inset,width:rectWidth,height:rectHeight,rx:radius,ry:radius,fill:"none",stroke:color,strokeWidth:strokeWidth,strokeDasharray:[dashLength,segmentLength-dashLength]})})});};var StyledFilterChip=styled(View)(function(_ref2){var theme=_ref2.theme,$isDisabled=_ref2.$isDisabled,$isSelected=_ref2.$isSelected;return {borderWidth:$isSelected?makeBorderSize(theme.border.width.thin):0,borderColor:$isSelected?theme.colors.interactive.border.gray[$isDisabled?'disabled':'faded']:'transparent',height:FILTER_CHIP_HEIGHT_NATIVE,borderRadius:theme.border.radius.small,borderStyle:'solid',backgroundColor:theme.colors.surface.background.gray.intense,flexDirection:'row',alignSelf:'flex-start',overflow:$isSelected?'hidden':'visible'};});var StyledFilterTrigger=styled(Pressable)(function(_ref3){var theme=_ref3.theme,$hasClearButton=_ref3.$hasClearButton;var spacing=theme.spacing;return {backgroundColor:'transparent',borderRadius:$hasClearButton?0:theme.border.radius.small,borderTopLeftRadius:theme.border.radius.small,borderBottomLeftRadius:theme.border.radius.small,paddingLeft:spacing[4],paddingRight:$hasClearButton?spacing[2]:spacing[3],flexDirection:'row',alignItems:'center',height:'100%',gap:spacing[2]};});var StyledFilterCloseButton=styled(Pressable)(function(_ref4){var theme=_ref4.theme;return {backgroundColor:'transparent',borderTopRightRadius:theme.border.radius.small,borderBottomRightRadius:theme.border.radius.small,paddingLeft:theme.spacing[2]+theme.spacing[1],paddingRight:theme.spacing[2]+theme.spacing[1],justifyContent:'center',alignItems:'center',height:'100%'};});var renderValue=function renderValue(selectionType,value,isDisabled){var valueColor=isDisabled?'interactive.text.gray.disabled':'interactive.text.gray.normal';if(selectionType==='multiple'){var valueArray=Array.isArray(value)?value:value!=null?[value]:[];if(valueArray.length===1){var _valueArray$;return jsx(Text,{size:"small",weight:"medium",color:valueColor,truncateAfterLines:1,children:String((_valueArray$=valueArray[0])!=null?_valueArray$:'')});}return jsx(Box,{alignItems:"center",flexDirection:"row",children:jsx(Counter,{value:valueArray.length,color:"neutral",size:"small"})});}return jsx(Text,{size:"small",weight:"medium",color:valueColor,children:value!=null?String(value):''});};var _BaseFilterChip=function _BaseFilterChip(_ref5,ref){var _accessibilityProps$r;var value=_ref5.value,onClearButtonClick=_ref5.onClearButtonClick,label=_ref5.label,isDisabled=_ref5.isDisabled,_ref5$selectionType=_ref5.selectionType,selectionType=_ref5$selectionType===void 0?'single':_ref5$selectionType,_ref5$showClearButton=_ref5.showClearButton,showClearButton=_ref5$showClearButton===void 0?true:_ref5$showClearButton,onClick=_ref5.onClick,onKeyDown=_ref5.onKeyDown,accessibilityProps=_ref5.accessibilityProps,id=_ref5.id,rest=_objectWithoutProperties(_ref5,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isSelected=selectionType==='multiple'?Array.isArray(value)&&value.length>0:!!value;var shouldShowClearButton=isSelected&&showClearButton;var _React$useState=React__default.useState({width:0,height:0}),_React$useState2=_slicedToArray(_React$useState,2),chipSize=_React$useState2[0],setChipSize=_React$useState2[1];var handleLayout=function handleLayout(event){var _event$nativeEvent$la=event.nativeEvent.layout,width=_event$nativeEvent$la.width,height=_event$nativeEvent$la.height;setChipSize(function(prev){return prev.width===width&&prev.height===height?prev:{width:width,height:height};});};return jsxs(StyledFilterChip,{$isDisabled:isDisabled,$isSelected:isSelected,ref:ref,onLayout:isSelected?undefined:handleLayout,children:[jsxs(StyledFilterTrigger,Object.assign({$hasClearButton:shouldShowClearButton,disabled:isDisabled,id:id,onPress:isDisabled?undefined:function(e){onClick==null?void 0:onClick(e);},onKeyDown:isDisabled?undefined:function(e){onKeyDown==null?void 0:onKeyDown(e);}},makeAccessible(Object.assign({},accessibilityProps,{role:(_accessibilityProps$r=accessibilityProps==null?void 0:accessibilityProps.role)!=null?_accessibilityProps$r:'button'})),makeAnalyticsAttribute(rest),metaAttribute({name:'filter-chip-trigger',testID:rest.testID}),{children:[jsxs(Box,{flexDirection:"row",gap:"spacing.2",alignItems:"center",children:[jsxs(Text,{size:"small",weight:"medium",color:"interactive.text.gray.subtle",truncateAfterLines:1,children:[label,isSelected?':':null]}),isSelected?renderValue(selectionType,value,isDisabled):null]}),jsx(Box,{flexDirection:"row",alignItems:"center",paddingRight:"spacing.1",children:jsx(ChevronDownIcon,{size:"small",color:"interactive.icon.gray.muted"})})]})),shouldShowClearButton?jsxs(Fragment,{children:[jsx(Divider,{orientation:"vertical",variant:isDisabled?'muted':'subtle'}),jsx(StyledFilterCloseButton,Object.assign({},makeAccessible({label:`Clear ${label} value`,role:'button'}),{onPress:isDisabled?undefined:function(){return onClearButtonClick==null?void 0:onClearButtonClick({value:value!=null?value:''});},disabled:isDisabled},metaAttribute({name:'filter-chip-close-button'}),{children:jsx(CloseIcon,{size:"small",color:"interactive.icon.gray.muted"})}))]}):null,isSelected?null:jsx(DashedBorder,{width:chipSize.width,height:chipSize.height,borderRadius:theme.border.radius.small,strokeWidth:makeBorderSize(theme.border.width.thin),color:theme.colors.interactive.border.gray[isDisabled?'disabled':'faded']})]});};var BaseFilterChip=assignWithoutSideEffects(React__default.forwardRef(_BaseFilterChip),{componentId:MetaConstants.BaseFilterChip});
 
 export { BaseFilterChip };
 //# sourceMappingURL=BaseFilterChip.native.js.map