@razorpay/blade 12.19.0 → 12.20.0

package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChipSelectInput.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipSelectInput.web.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.web';\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 type { DataAnalyticsAttribute } from '~utils/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext.web';\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} & 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    ...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    setHasUnControlledFilterChipSelectInput,\n    setSelectedIndices,\n    controlledValueIndices,\n    changeCallbackTriggerer,\n  } = useDropdown();\n\n  const isUnControlled = options.length > 0 && props.value === undefined;\n  // Currently we are having 2 context for selectedFilters. One is for FilterChipGroup and other is for  ListView\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((selectionIndex) => options[selectionIndex].value);\n  };\n\n  useEffect(() => {\n    if (isUnControlled) {\n      setHasUnControlledFilterChipSelectInput(true);\n      if (listViewSelectedFilters[label]) {\n        const value = (listViewSelectedFilters[label] as unknown) as number[];\n        setSelectedIndices(value);\n        const inputValue = value.map((selectionIndex) => options[selectionIndex].value);\n        setUncontrolledInputValue(inputValue);\n        setFilterChipGroupSelectedFilters((prev) =>\n          prev.includes(label) ? prev : [...prev, label],\n        );\n      }\n    } else if (listViewSelectedFilters[label]) {\n      const value = (listViewSelectedFilters[label] as unknown) as number[];\n      setSelectedIndices(value);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled]);\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    props.onClearButtonClick?.({ name: name ?? idBase, values: getValuesArrayFromIndices() });\n    props.onChange?.({ name: name ?? idBase, values: [] });\n    if (isUnControlled) {\n      setUncontrolledInputValue([]);\n      setSelectedIndices([]);\n    }\n    setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n    setListViewSelectedFilters((prev) => {\n      const { [label]: _, ...updatedFilters } = prev;\n      return updatedFilters;\n    });\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  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  return (\n    <BaseFilterChip\n      label={label}\n      value={value ?? getUnControlledFilterChipValue()}\n      onClearButtonClick={handleClearButtonClick}\n      selectionType={selectionType}\n      {...rest}\n      ref={triggererRef as any}\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        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n      }}\n      onKeyDown={(e) => {\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n      }}\n    />\n  );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n  componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["_FilterChipSelectInput","props","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","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","setHasUnControlledFilterChipSelectInput","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","inputValue","prev","includes","concat","_toConsumableArray","getTitleFromValue","option","find","title","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","filter","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","e","event","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/dropdownComponentIds.js

@@ -8,7 +8,8 @@ var dropdownComponentIds = {
     DropdownLink: 'DropdownLink',
     AutoComplete: 'AutoComplete',
     SearchInput: 'SearchInput',
-    DropdownIconButton: 'DropdownIconButton'
+    DropdownIconButton: 'DropdownIconButton',
+    FilterChipSelectInput: 'FilterChipSelectInput'
   }
 };
 

package/build/lib/web/development/components/Dropdown/dropdownComponentIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownComponentIds.js","sources":["../../../../../../src/components/Dropdown/dropdownComponentIds.ts"],"sourcesContent":["export const dropdownComponentIds = {\n  DropdownOverlay: 'DropdownOverlay',\n  Dropdown: 'Dropdown',\n  BaseBox: 'BaseBox',\n  triggers: {\n    SelectInput: 'SelectInput',\n    DropdownButton: 'DropdownButton',\n    DropdownLink: 'DropdownLink',\n    AutoComplete: 'AutoComplete',\n    SearchInput: 'SearchInput',\n    DropdownIconButton: 'DropdownIconButton',\n  },\n};\n"],"names":["dropdownComponentIds","DropdownOverlay","Dropdown","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","AutoComplete","SearchInput","DropdownIconButton"],"mappings":"AAAO,IAAMA,oBAAoB,GAAG;AAClCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,cAAc,EAAE,gBAAgB;AAChCC,IAAAA,YAAY,EAAE,cAAc;AAC5BC,IAAAA,YAAY,EAAE,cAAc;AAC5BC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,kBAAkB,EAAE,oBAAA;AACtB,GAAA;AACF;;;;"}
+{"version":3,"file":"dropdownComponentIds.js","sources":["../../../../../../src/components/Dropdown/dropdownComponentIds.ts"],"sourcesContent":["export const dropdownComponentIds = {\n  DropdownOverlay: 'DropdownOverlay',\n  Dropdown: 'Dropdown',\n  BaseBox: 'BaseBox',\n  triggers: {\n    SelectInput: 'SelectInput',\n    DropdownButton: 'DropdownButton',\n    DropdownLink: 'DropdownLink',\n    AutoComplete: 'AutoComplete',\n    SearchInput: 'SearchInput',\n    DropdownIconButton: 'DropdownIconButton',\n    FilterChipSelectInput: 'FilterChipSelectInput',\n  },\n};\n"],"names":["dropdownComponentIds","DropdownOverlay","Dropdown","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","AutoComplete","SearchInput","DropdownIconButton","FilterChipSelectInput"],"mappings":"AAAO,IAAMA,oBAAoB,GAAG;AAClCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,cAAc,EAAE,gBAAgB;AAChCC,IAAAA,YAAY,EAAE,cAAc;AAC5BC,IAAAA,YAAY,EAAE,cAAc;AAC5BC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,IAAAA,qBAAqB,EAAE,uBAAA;AACzB,GAAA;AACF;;;;"}

package/build/lib/web/development/components/Dropdown/index.js

@@ -5,4 +5,6 @@ export { DropdownLink } from './DropdownLink.js';
 export { DropdownIconButton } from './DropdownIconButton.js';
 export { DropdownFooter, DropdownHeader } from './DropdownHeaderFooter.js';
 import './types.js';
+export { FilterChipSelectInput } from './FilterChipSelectInput.web.js';
+export { FilterChipGroup } from './FilterChipGroup.web.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/lib/web/development/components/Dropdown/useDropdown.js

@@ -44,6 +44,8 @@ var DropdownContext = /*#__PURE__*/React__default.createContext({
   setChangeCallbackTriggerer: noop,
   isControlled: false,
   setIsControlled: noop,
+  hasUnControlledFilterChipSelectInput: false,
+  setHasUnControlledFilterChipSelectInput: noop,
   dropdownBaseId: '',
   actionListItemRef: {
     current: null

package/build/lib/web/development/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  /** ref of triggerer. Used to call focus in certain places */\n  triggererRef: 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 BottomSheet, the initial trigger can be Select but also have autocomplete inside of it\n   */\n  hasAutoCompleteInBottomSheetHeader: boolean;\n  setHasAutoCompleteInBottomSheetHeader: (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  hasAutoCompleteInBottomSheetHeader: false,\n  setHasAutoCompleteInBottomSheetHeader: 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  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.hasAutoCompleteInBottomSheetHeader ||\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    const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n    if (typeof actionType === 'number') {\n      onOptionChange(actionType, index);\n    }\n    selectOption(index);\n    if (!isReactNative()) {\n      rest.triggererRef.current?.focus();\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.hasAutoCompleteInBottomSheetHeader ||\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","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","dropdownBaseId","actionListItemRef","current","triggererRef","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$triggererRef$cu","focus","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","_objectSpread","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\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\n  /** ref of triggerer. Used to call focus in certain places */\n  triggererRef: 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   * Whether the FilterChipSelectInput is uncontrolled\n   */\n  hasUnControlledFilterChipSelectInput: boolean;\n  setHasUnControlledFilterChipSelectInput: (value: boolean) => void;\n  /**\n   * Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheet, the initial trigger can be Select but also have autocomplete inside of it\n   */\n  hasAutoCompleteInBottomSheetHeader: boolean;\n  setHasAutoCompleteInBottomSheetHeader: (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  hasAutoCompleteInBottomSheetHeader: false,\n  setHasAutoCompleteInBottomSheetHeader: noop,\n  isKeydownPressed: false,\n  setIsKeydownPressed: noop,\n  changeCallbackTriggerer: 0,\n  setChangeCallbackTriggerer: noop,\n  isControlled: false,\n  setIsControlled: noop,\n  hasUnControlledFilterChipSelectInput: false,\n  setHasUnControlledFilterChipSelectInput: noop,\n  dropdownBaseId: '',\n  actionListItemRef: {\n    current: null,\n  },\n  triggererRef: {\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.hasAutoCompleteInBottomSheetHeader ||\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    const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n    if (typeof actionType === 'number') {\n      onOptionChange(actionType, index);\n    }\n    selectOption(index);\n    if (!isReactNative()) {\n      rest.triggererRef.current?.focus();\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.hasAutoCompleteInBottomSheetHeader ||\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","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","hasUnControlledFilterChipSelectInput","setHasUnControlledFilterChipSelectInput","dropdownBaseId","actionListItemRef","current","triggererRef","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$triggererRef$cu","focus","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","_objectSpread","makeInputValue","displayValue","makeInputDisplayValue"],"mappings":"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"}

package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js

@@ -0,0 +1,218 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React__default from 'react';
+import styled from 'styled-components';
+import { FILTER_CHIP_HEIGHT } from './tokens.js';
+import '../Box/index.js';
+import '../Box/BaseBox/index.js';
+import '../Counter/index.js';
+import '../Divider/index.js';
+import '../Icons/index.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../../utils/getFocusRingStyles/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import { Box } from '../Box/Box.js';
+import { Counter } from '../Counter/Counter.js';
+import { Text } from '../Typography/Text/Text.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import ChevronDownIcon from '../Icons/ChevronDownIcon/ChevronDownIcon.js';
+import { Divider } from '../Divider/Divider.js';
+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"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getInteractiveFilterItemStyles = function getInteractiveFilterItemStyles(_ref) {
+  var theme = _ref.theme;
+  return {
+    display: 'flex',
+    height: '100%',
+    alignItems: 'center',
+    border: 'none',
+    cursor: 'pointer',
+    color: 'currentcolor',
+    '&:not([disabled]):hover': {
+      backgroundColor: theme.colors.interactive.background.gray.faded
+    },
+    '&[disabled]': {
+      cursor: 'not-allowed'
+    },
+    '&:focus-visible': _objectSpread(_objectSpread({}, getFocusRingStyles({
+      theme: theme
+    })), {}, {
+      outlineOffset: makeSpace(theme.spacing[1])
+    })
+  };
+};
+var StyledFilterChip = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "BaseFilterChipweb__StyledFilterChip",
+  componentId: "sc-7fl0tf-0"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    $isDisabled = _ref2.$isDisabled,
+    $isSelected = _ref2.$isSelected;
+  return {
+    borderWidth: makeBorderSize(theme.border.width.thin),
+    borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],
+    height: FILTER_CHIP_HEIGHT,
+    borderRadius: theme.border.radius.max,
+    display: 'flex',
+    borderStyle: $isSelected ? 'solid' : 'dashed',
+    backgroundColor: theme.colors.surface.background.gray.intense,
+    color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],
+    width: 'fit-content'
+  };
+});
+var StyledFilterTrigger = /*#__PURE__*/styled.button.withConfig({
+  displayName: "BaseFilterChipweb__StyledFilterTrigger",
+  componentId: "sc-7fl0tf-1"
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    $isSelected = _ref3.$isSelected;
+  var spacing = theme.spacing;
+  return _objectSpread({
+    backgroundColor: theme.colors.transparent,
+    borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,
+    borderTopLeftRadius: theme.border.radius.max,
+    borderBottomLeftRadius: theme.border.radius.max,
+    paddingLeft: makeSpace(spacing[4]),
+    paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),
+    gap: makeSpace(spacing[2])
+  }, getInteractiveFilterItemStyles({
+    theme: theme
+  }));
+});
+var StyledFilterCloseButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "BaseFilterChipweb__StyledFilterCloseButton",
+  componentId: "sc-7fl0tf-2"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return _objectSpread({
+    backgroundColor: theme.colors.transparent,
+    borderTopRightRadius: theme.border.radius.max,
+    borderBottomRightRadius: theme.border.radius.max,
+    paddingLeft: makeSpace(theme.spacing[2]),
+    paddingRight: makeSpace(theme.spacing[3]),
+    justifyContent: 'center'
+  }, getInteractiveFilterItemStyles({
+    theme: theme
+  }));
+});
+var renderValue = function renderValue(selectionType, value) {
+  if (selectionType === 'multiple' && Array.isArray(value)) {
+    return /*#__PURE__*/jsx(Box, {
+      display: "flex",
+      alignItems: "center",
+      children: /*#__PURE__*/jsx(Counter, {
+        value: value.length,
+        color: "primary",
+        size: "small"
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(Text, {
+    as: "span",
+    size: "small",
+    weight: "semibold",
+    color: "interactive.text.primary.normal",
+    children: 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 isSelected = selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;
+  return /*#__PURE__*/jsxs(StyledFilterChip, {
+    $isDisabled: isDisabled,
+    $isSelected: isSelected,
+    ref: ref,
+    children: [/*#__PURE__*/jsxs(StyledFilterTrigger, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      $isSelected: isSelected,
+      disabled: isDisabled,
+      id: id,
+      onClick: function onClick(e) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+      },
+      onKeyDown: function onKeyDown(e) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+      }
+    }, makeAccessible(_objectSpread(_objectSpread({}, accessibilityProps), {}, {
+      role: (_accessibilityProps$r = accessibilityProps === null || accessibilityProps === void 0 ? void 0 : accessibilityProps.role) !== null && _accessibilityProps$r !== void 0 ? _accessibilityProps$r : 'button'
+    }))), getStyledProps(rest)), makeAnalyticsAttribute(rest)), metaAttribute({
+      testID: rest.testID
+    })), {}, {
+      children: [/*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        gap: "spacing.2",
+        whiteSpace: "nowrap",
+        children: [/*#__PURE__*/jsxs(Text, {
+          size: "small",
+          weight: "medium",
+          color: "currentColor",
+          truncateAfterLines: 1,
+          children: [label, isSelected ? ':' : null]
+        }), isSelected ? renderValue(selectionType, value) : null]
+      }), /*#__PURE__*/jsx(Box, {
+        display: "flex",
+        alignItems: "center",
+        paddingRight: "spacing.1",
+        children: /*#__PURE__*/jsx(ChevronDownIcon, {
+          size: "small",
+          color: "currentColor"
+        })
+      })]
+    })), isSelected ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Divider, {
+        orientation: "vertical",
+        variant: isDisabled ? 'muted' : 'subtle'
+      }), /*#__PURE__*/jsx(StyledFilterCloseButton, {
+        "aria-label": "Clear ".concat(label, " value")
+        // value can never be undefined because when it's undefined the button itself doesn't render/
+        ,
+        onClick: function onClick() {
+          return onClearButtonClick === null || onClearButtonClick === void 0 ? void 0 : onClearButtonClick({
+            value: value !== null && value !== void 0 ? value : ''
+          });
+        },
+        disabled: isDisabled,
+        children: /*#__PURE__*/jsx(CloseIcon, {
+          size: "small",
+          color: "currentColor"
+        })
+      })]
+    }) : null]
+  });
+};
+var BaseFilterChip = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_BaseFilterChip), {
+  componentId: MetaConstants.BaseFilterChip
+});
+
+export { BaseFilterChip };
+//# sourceMappingURL=BaseFilterChip.web.js.map

package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n  return {\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    border: 'none',\n    cursor: 'pointer',\n    color: 'currentcolor',\n    '&:not([disabled]):hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&[disabled]': {\n      cursor: 'not-allowed',\n    },\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme }),\n      outlineOffset: makeSpace(theme.spacing[1]),\n    },\n  };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n  ({ theme, $isDisabled, $isSelected }) => {\n    return {\n      borderWidth: makeBorderSize(theme.border.width.thin),\n      borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n      height: FILTER_CHIP_HEIGHT,\n      borderRadius: theme.border.radius.max,\n      display: 'flex',\n      borderStyle: $isSelected ? 'solid' : 'dashed',\n      backgroundColor: theme.colors.surface.background.gray.intense,\n      color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n      width: 'fit-content',\n    };\n  },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n  const { spacing } = theme;\n  return {\n    backgroundColor: theme.colors.transparent,\n    borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n    borderTopLeftRadius: theme.border.radius.max,\n    borderBottomLeftRadius: theme.border.radius.max,\n    paddingLeft: makeSpace(spacing[4]),\n    paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n    gap: makeSpace(spacing[2]),\n    ...getInteractiveFilterItemStyles({ theme }),\n  };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n  return {\n    backgroundColor: theme.colors.transparent,\n    borderTopRightRadius: theme.border.radius.max,\n    borderBottomRightRadius: theme.border.radius.max,\n    paddingLeft: makeSpace(theme.spacing[2]),\n    paddingRight: makeSpace(theme.spacing[3]),\n    justifyContent: 'center',\n    ...getInteractiveFilterItemStyles({ theme }),\n  };\n});\n\nconst renderValue = (\n  selectionType: BaseFilterChipProps['selectionType'],\n  value: BaseFilterChipProps['value'],\n): React.ReactElement => {\n  if (selectionType === 'multiple' && Array.isArray(value)) {\n    return (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Counter value={value.length} color=\"primary\" size=\"small\" />\n      </Box>\n    );\n  }\n\n  return (\n    <Text as=\"span\" size=\"small\" weight=\"semibold\" color=\"interactive.text.primary.normal\">\n      {value}\n    </Text>\n  );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n  {\n    value,\n    onClearButtonClick,\n    label,\n    isDisabled,\n    selectionType = 'single',\n    onClick,\n    onKeyDown,\n    accessibilityProps,\n    id,\n    ...rest\n  }: BaseFilterChipProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const isSelected =\n    selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n  return (\n    <StyledFilterChip\n      $isDisabled={isDisabled}\n      $isSelected={isSelected}\n      ref={ref as React.Ref<HTMLDivElement>}\n    >\n      <StyledFilterTrigger\n        $isSelected={isSelected}\n        disabled={isDisabled}\n        id={id}\n        onClick={(e) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onClick?.(e as any);\n        }}\n        onKeyDown={(e) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onClick?.(e as any);\n        }}\n        {...makeAccessible({\n          ...accessibilityProps,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ testID: rest.testID })}\n      >\n        <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n          <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n            {label}\n            {isSelected ? ':' : null}\n          </Text>\n          {isSelected ? renderValue(selectionType, value) : null}\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n          <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n        </Box>\n      </StyledFilterTrigger>\n      {isSelected ? (\n        <>\n          <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n          <StyledFilterCloseButton\n            aria-label={`Clear ${label} value`}\n            // value can never be undefined because when it's undefined the button itself doesn't render/\n            onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n            disabled={isDisabled}\n          >\n            <CloseIcon size=\"small\" color=\"currentColor\" />\n          </StyledFilterCloseButton>\n        </>\n      ) : null}\n    </StyledFilterChip>\n  );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n  componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","isDisabled","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}

package/build/lib/web/development/components/FilterChip/tokens.js

@@ -0,0 +1,9 @@
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
+
+var FILTER_CHIP_HEIGHT = makeSize(size['28']);
+
+export { FILTER_CHIP_HEIGHT };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/FilterChip/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/FilterChip/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\nimport { makeSize } from '~utils';\n\nconst FILTER_CHIP_HEIGHT = makeSize(size['28']);\n\nexport { FILTER_CHIP_HEIGHT };\n"],"names":["FILTER_CHIP_HEIGHT","makeSize","size"],"mappings":";;;;;AAGMA,IAAAA,kBAAkB,GAAGC,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAC;;;;"}

package/build/lib/web/development/components/ListView/ListView.web.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded = ["testID", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ListView = function ListView(_ref) {
+  var testID = _ref.testID,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: MetaConstants.ListView,
+    testID: testID
+  })), makeAnalyticsAttribute(rest)), {}, {
+    children: children
+  }));
+};
+
+export { ListView };
+//# sourceMappingURL=ListView.web.js.map

package/build/lib/web/development/components/ListView/ListView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.web.js","sources":["../../../../../../src/components/ListView/ListView.web.tsx"],"sourcesContent":["import type { ListViewProps } from './types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\n\nconst ListView = ({ testID, children, ...rest }: ListViewProps): React.ReactElement => {\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.ListView, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { ListView };\n"],"names":["ListView","_ref","testID","children","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAyE;AAAA,EAAA,IAAnEC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAC3C,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACZ,QAAQ;AAAEE,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACvDW,sBAAsB,CAACT,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}