@razorpay/blade 12.111.0 → 12.119.1

package/build/lib/web/production/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","_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\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","_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","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","push","err","e","f","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","sort","a","b","optionValues","ensureScrollVisiblity","isBrowser","fireNativeEvent","onOptionClick","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","_objectSpread","makeInputValue","displayValue","makeInputDisplayValue","getDisplayOverride"],"mappings":"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"}

package/build/lib/web/production/components/FloatingActionButton/FloatingActionButton.js

@@ -0,0 +1,126 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { FloatingActionButtonContainer } from './FloatingActionButtonContainer.web.js';
+import '../Button/BaseButton/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
+import BaseButton from '../Button/BaseButton/BaseButton.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["children", "icon", "color", "placement", "offset", "zIndex", "isDisabled", "isLoading", "href", "target", "rel", "type", "accessibilityLabel", "onClick", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onMouseDown", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd", "testID"];
+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; }
+/**
+ * The shared spinner map would render a white spinner on the white button, where
+ * it is invisible.
+ */
+var colorToSpinnerColor = {
+  primary: 'white',
+  black: 'white',
+  white: 'neutral'
+};
+
+/**
+ * ### FloatingActionButton component
+ *
+ * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.
+ *
+ * ---
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>
+ *   Create payment
+ * </FloatingActionButton>
+ *
+ * // icon-only, accessibilityLabel is required
+ * <FloatingActionButton
+ *   icon={PlusIcon}
+ *   accessibilityLabel="Create payment"
+ *   onClick={() => createPayment()}
+ * />
+ * ```
+ *
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}
+ */
+var _FloatingActionButton = function _FloatingActionButton(_ref, ref) {
+  var children = _ref.children,
+    icon = _ref.icon,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'primary' : _ref$color,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-end' : _ref$placement,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 'spacing.5' : _ref$offset,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? componentZIndices.fab : _ref$zIndex,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    href = _ref.href,
+    target = _ref.target,
+    rel = _ref.rel,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    accessibilityLabel = _ref.accessibilityLabel,
+    onClick = _ref.onClick,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseMove = _ref.onMouseMove,
+    onMouseDown = _ref.onMouseDown,
+    onPointerDown = _ref.onPointerDown,
+    onPointerEnter = _ref.onPointerEnter,
+    onTouchStart = _ref.onTouchStart,
+    onTouchEnd = _ref.onTouchEnd,
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(FloatingActionButtonContainer, _objectSpread(_objectSpread({
+    placement: placement,
+    offset: offset,
+    zIndex: zIndex,
+    testID: testID
+  }, rest), {}, {
+    children: /*#__PURE__*/jsx(BaseButton, {
+      ref: ref,
+      icon: icon,
+      variant: "primary",
+      color: color,
+      size: "large",
+      _borderRadius: "max",
+      _iconSize: "xlarge",
+      _spinnerColor: colorToSpinnerColor[color],
+      accessibilityProps: {
+        label: accessibilityLabel
+      },
+      href: href,
+      target: target,
+      rel: rel,
+      type: type,
+      isDisabled: isDisabled,
+      isLoading: isLoading,
+      onClick: onClick,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      onMouseLeave: onMouseLeave,
+      onMouseMove: onMouseMove,
+      onMouseDown: onMouseDown,
+      onPointerDown: onPointerDown,
+      onPointerEnter: onPointerEnter,
+      onTouchStart: onTouchStart,
+      onTouchEnd: onTouchEnd,
+      children: children
+    })
+  }));
+};
+var FloatingActionButton = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_FloatingActionButton), {
+  displayName: 'FloatingActionButton',
+  componentId: 'FloatingActionButton'
+});
+
+export { FloatingActionButton };
+//# sourceMappingURL=FloatingActionButton.js.map

package/build/lib/web/production/components/FloatingActionButton/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.js","sources":["../../../../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingActionButtonContainer } from './FloatingActionButtonContainer';\nimport type { FloatingActionButtonProps } from './types';\nimport BaseButton from '~components/Button/BaseButton';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\n\n/**\n * The shared spinner map would render a white spinner on the white button, where\n * it is invisible.\n */\nconst colorToSpinnerColor = {\n  primary: 'white',\n  black: 'white',\n  white: 'neutral',\n} as const;\n\n/**\n * ### FloatingActionButton component\n *\n * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>\n *   Create payment\n * </FloatingActionButton>\n *\n * // icon-only, accessibilityLabel is required\n * <FloatingActionButton\n *   icon={PlusIcon}\n *   accessibilityLabel=\"Create payment\"\n *   onClick={() => createPayment()}\n * />\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}\n */\nconst _FloatingActionButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  FloatingActionButtonProps\n> = (\n  {\n    children,\n    icon,\n    color = 'primary',\n    placement = 'bottom-end',\n    offset = 'spacing.5',\n    zIndex = componentZIndices.fab,\n    isDisabled = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    type = 'button',\n    accessibilityLabel,\n    onClick,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <FloatingActionButtonContainer\n      placement={placement}\n      offset={offset}\n      zIndex={zIndex}\n      testID={testID}\n      {...rest}\n    >\n      <BaseButton\n        ref={ref}\n        icon={icon}\n        variant=\"primary\"\n        color={color}\n        size=\"large\"\n        _borderRadius=\"max\"\n        _iconSize=\"xlarge\"\n        _spinnerColor={colorToSpinnerColor[color]}\n        accessibilityProps={{ label: accessibilityLabel }}\n        href={href}\n        target={target}\n        rel={rel}\n        type={type}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchStart={onTouchStart}\n        onTouchEnd={onTouchEnd}\n      >\n        {children}\n      </BaseButton>\n    </FloatingActionButtonContainer>\n  );\n};\n\nconst FloatingActionButton = assignWithoutSideEffects(React.forwardRef(_FloatingActionButton), {\n  displayName: 'FloatingActionButton',\n  componentId: 'FloatingActionButton',\n});\n\nexport { FloatingActionButton };\n"],"names":["colorToSpinnerColor","primary","black","white","_FloatingActionButton","_ref","ref","children","icon","_ref$color","color","_ref$placement","placement","_ref$offset","offset","_ref$zIndex","zIndex","componentZIndices","fab","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","href","target","rel","_ref$type","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID","rest","_objectWithoutProperties","_excluded","_jsx","FloatingActionButtonContainer","_objectSpread","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/FloatingActionButton/FloatingActionButtonContainer.web.js

@@ -0,0 +1,45 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/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';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+
+var _excluded = ["children", "placement", "offset", "zIndex", "testID"];
+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 FloatingActionButtonContainer = function FloatingActionButtonContainer(_ref) {
+  var children = _ref.children,
+    placement = _ref.placement,
+    offset = _ref.offset,
+    zIndex = _ref.zIndex,
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isCentered = placement === 'bottom';
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    position: "fixed",
+    bottom: offset,
+    left: isCentered ? '50%' : placement === 'bottom-start' ? offset : undefined,
+    right: placement === 'bottom-end' ? offset : undefined,
+    transform: isCentered ? 'translateX(-50%)' : undefined,
+    display: "flex",
+    borderRadius: "max",
+    elevation: "midRaised",
+    zIndex: zIndex
+  }, metaAttribute({
+    testID: testID,
+    name: MetaConstants.FloatingActionButton
+  })), makeAnalyticsAttribute(rest)), getStyledProps(rest)), {}, {
+    children: children
+  }));
+};
+
+export { FloatingActionButtonContainer };
+//# sourceMappingURL=FloatingActionButtonContainer.web.js.map

package/build/lib/web/production/components/FloatingActionButton/FloatingActionButtonContainer.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButtonContainer.web.js","sources":["../../../../../../src/components/FloatingActionButton/FloatingActionButtonContainer.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FloatingActionButtonContainerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\n/**\n * Anchors the button to the viewport and owns its drop shadow.\n *\n * The shadow lives here rather than on `BaseButton` because `BaseButton`\n * composes its inner shadows into a single `box-shadow` that is rewritten on\n * `:hover`, `:active` and `:focus-visible` — appending an outer shadow there\n * would mean re-appending it in every one of those states.\n */\nconst FloatingActionButtonContainer = ({\n  children,\n  placement,\n  offset,\n  zIndex,\n  testID,\n  ...rest\n}: FloatingActionButtonContainerProps): React.ReactElement => {\n  const isCentered = placement === 'bottom';\n\n  return (\n    <BaseBox\n      position=\"fixed\"\n      bottom={offset}\n      left={isCentered ? '50%' : placement === 'bottom-start' ? offset : undefined}\n      right={placement === 'bottom-end' ? offset : undefined}\n      transform={isCentered ? 'translateX(-50%)' : undefined}\n      display=\"flex\"\n      borderRadius=\"max\"\n      elevation=\"midRaised\"\n      zIndex={zIndex}\n      {...metaAttribute({ testID, name: MetaConstants.FloatingActionButton })}\n      {...makeAnalyticsAttribute(rest)}\n      {...getStyledProps(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { FloatingActionButtonContainer };\n"],"names":["FloatingActionButtonContainer","_ref","children","placement","offset","zIndex","testID","rest","_objectWithoutProperties","_excluded","isCentered","_jsx","BaseBox","_objectSpread","position","bottom","left","undefined","right","transform","display","borderRadius","elevation","metaAttribute","name","MetaConstants","FloatingActionButton","makeAnalyticsAttribute","getStyledProps"],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAMA,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IAN5DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGP,SAAS,KAAK,QAAQ,CAAA;EAEzC,oBACEQ,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,QAAQ,EAAC,OAAO;AAChBC,IAAAA,MAAM,EAAEX,MAAO;IACfY,IAAI,EAAEN,UAAU,GAAG,KAAK,GAAGP,SAAS,KAAK,cAAc,GAAGC,MAAM,GAAGa,SAAU;AAC7EC,IAAAA,KAAK,EAAEf,SAAS,KAAK,YAAY,GAAGC,MAAM,GAAGa,SAAU;AACvDE,IAAAA,SAAS,EAAET,UAAU,GAAG,kBAAkB,GAAGO,SAAU;AACvDG,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,YAAY,EAAC,KAAK;AAClBC,IAAAA,SAAS,EAAC,WAAW;AACrBjB,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EACXkB,aAAa,CAAC;AAAEjB,IAAAA,MAAM,EAANA,MAAM;IAAEkB,IAAI,EAAEC,aAAa,CAACC,oBAAAA;GAAsB,CAAC,CACnEC,EAAAA,sBAAsB,CAACpB,IAAI,CAAC,CAC5BqB,EAAAA,cAAc,CAACrB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAL,IAAAA,QAAA,EAEvBA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/FloatingActionButton/index.js

@@ -0,0 +1,2 @@
+export { FloatingActionButton } from './FloatingActionButton.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/FloatingActionButton/index.js.map

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