@procore/core-react 12.53.0 → 12.53.2

package/dist/DropdownFlyout/DropdownFlyout.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.helpers.js","names":["React","ulid","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel","rootId","noop","returnFalse","getFirst","arr","isRootOption","optionId","hasChildren","option","Array","isArray","children","reducer","state","action","type","_objectSpread","highlighted","expanded","concat","_toConsumableArray","collectParentIds","options","id","isOpen","isMouseOver","keyboardNavigated","isFocused","findById","initialValue","arguments","length","undefined","reduce","result","current","transformOption","parentId","acc","updatedOption","origin","useDropdownFlyout","_ref","flyoutOptions","_ref$onClick","onClick","_onClick","_onKeyDown","onKeyDown","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","_React$useReducer2$","dispatch","setMouseOver","useCallback","setFocused","isExpanded","includes","isHighlighted","parentIds","isCorrectId","some","isFocusVisible","findOptionById","expand","collapse","highlight","traversingHighlight","item","tier","optionIndex","findIndex","nextIndex","prevIndex","parentOption","closeDropdown","closeSelectedDropdown","e","composedPath","node","_dataset","dataset","flyout","openDropdown","key","preventDefault","_e$stopPropagation","stopPropagation","call","_e$stopPropagation2","useEffect","defaultOptionRenderer","createElement","Fragment","label","DropdownFlyoutContext","createContext","optionRenderer","useDropdownFlyoutContext","useContext"],"sources":["../../src/DropdownFlyout/DropdownFlyout.helpers.tsx"],"sourcesContent":["import React from 'react'\nimport { ulid } from 'ulid'\nimport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\nimport type {\n  Action,\n  DropdownFlyoutProps,\n  DropdownOption,\n  FlyoutOption,\n  FlyoutOptionId,\n  State,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\n\nexport function noop() {}\n\nexport function returnFalse() {\n  return false\n}\n\nfunction getFirst<T extends any>(arr: T[]) {\n  return arr[0]\n}\nfunction isRootOption(optionId: FlyoutOptionId) {\n  return optionId === rootId\n}\n\nexport function hasChildren(option: DropdownOption) {\n  return Array.isArray(option.children)\n}\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'highlight':\n      return {\n        ...state,\n        highlighted: action.option,\n      }\n    case 'expand':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: [\n          ...collectParentIds(state.options, action.option.id),\n          action.option.id,\n        ],\n      }\n    case 'collapse':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: collectParentIds(state.options, action.option.id),\n      }\n    case 'close':\n      return {\n        ...state,\n        expanded: [],\n        highlighted: getFirst(state.options),\n        isOpen: false,\n      }\n    case 'open':\n      return {\n        ...state,\n        isOpen: true,\n      }\n    case 'setMouseOver':\n      return {\n        ...state,\n        isMouseOver: action.isMouseOver,\n        keyboardNavigated: action.isMouseOver ? false : state.keyboardNavigated,\n      }\n    case 'setFocused':\n      return {\n        ...state,\n        isFocused: action.isFocused,\n      }\n    case 'setKeyboardNavigated':\n      return {\n        ...state,\n        keyboardNavigated: true,\n      }\n    case 'updateOptions':\n      return {\n        ...state,\n        options: action.options,\n      }\n    default:\n      return state\n  }\n}\n\nfunction findById(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id'],\n  initialValue: FlyoutOption = getFirst(options)\n): FlyoutOption {\n  return options.reduce((result, current) => {\n    if (current.id === optionId) {\n      return current\n    }\n\n    if (current.children) {\n      return findById(current.children, optionId, result)\n    }\n\n    return result\n  }, initialValue)\n}\n\nexport function transformOption(\n  options: DropdownOption[],\n  parentId: FlyoutOption['parentId']\n): FlyoutOption[] {\n  return options.reduce<FlyoutOption[]>((acc, option) => {\n    const id = ulid()\n    const updatedOption = {\n      id,\n      parentId,\n      origin: option,\n      ...(Array.isArray(option.children) && {\n        children: transformOption(option.children, id),\n      }),\n    }\n\n    return [...acc, updatedOption]\n  }, [])\n}\n\nfunction collectParentIds(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id']\n): FlyoutOption['id'][] {\n  const option = findById(options, optionId)\n\n  if (!isRootOption(option.parentId)) {\n    return [...collectParentIds(options, option.parentId), option.parentId]\n  }\n  return [option.parentId]\n}\n\nexport function useDropdownFlyout({\n  flyoutOptions,\n  onClick: _onClick = noop,\n  onKeyDown: _onKeyDown,\n}: Pick<DropdownFlyoutProps, 'onClick' | 'onKeyDown'> & {\n  flyoutOptions: FlyoutOption[]\n}) {\n  const [\n    {\n      options,\n      expanded,\n      highlighted,\n      isOpen,\n      isMouseOver,\n      isFocused,\n      keyboardNavigated,\n    },\n    dispatch,\n  ] = React.useReducer(reducer, {\n    options: flyoutOptions,\n    expanded: [],\n    highlighted: getFirst(flyoutOptions),\n    isMouseOver: false,\n    isFocused: false,\n    isOpen: false,\n    keyboardNavigated: false,\n  })\n\n  const setMouseOver = React.useCallback(\n    (isMouseOver: boolean) => dispatch({ type: 'setMouseOver', isMouseOver }),\n    []\n  )\n\n  const setFocused = React.useCallback(\n    (isFocused: boolean) => dispatch({ type: 'setFocused', isFocused }),\n    []\n  )\n\n  const isExpanded = (option: FlyoutOption) => expanded.includes(option.id)\n\n  const isHighlighted = (option: FlyoutOption): boolean => {\n    const parentIds = collectParentIds(options, highlighted.id)\n    const isCorrectId =\n      option.id === highlighted.id || parentIds.some((id) => id === option.id)\n    return (isMouseOver || isFocused) && isCorrectId\n  }\n\n  const isFocusVisible = (option: FlyoutOption): boolean => {\n    const parentIds = collectParentIds(options, highlighted.id)\n    const isCorrectId =\n      option.id === highlighted.id || parentIds.some((id) => id === option.id)\n    return keyboardNavigated && isCorrectId\n  }\n\n  const findOptionById = React.useCallback(\n    (id: FlyoutOptionId) => findById(options, id),\n    [options]\n  )\n\n  const expand = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'expand',\n        option,\n      }),\n    []\n  )\n\n  const collapse = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'collapse',\n        option,\n      }),\n    []\n  )\n\n  const highlight = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'highlight',\n        option,\n      }),\n    []\n  )\n\n  const traversingHighlight = React.useCallback(\n    (item: 'next' | 'prev' | 'children' | 'parent') => {\n      const tier = isRootOption(highlighted.parentId)\n        ? options\n        : findOptionById(highlighted.parentId).children || []\n      const optionIndex = tier.findIndex((item) => item.id === highlighted.id)\n\n      switch (item) {\n        case 'next':\n          const nextIndex = optionIndex + 1 >= tier.length ? 0 : optionIndex + 1\n\n          highlight(tier[nextIndex])\n          break\n        case 'prev':\n          const prevIndex =\n            optionIndex - 1 < 0 ? tier.length - 1 : optionIndex - 1\n\n          highlight(tier[prevIndex])\n          break\n        case 'children':\n          if (Array.isArray(highlighted.children)) {\n            expand(highlighted)\n\n            highlight(getFirst(highlighted.children))\n          }\n          break\n        case 'parent':\n          if (!isRootOption(highlighted.parentId)) {\n            const parentOption = findOptionById(highlighted.parentId)\n            collapse(parentOption)\n          }\n          break\n        default:\n          return\n      }\n    },\n    [options, findOptionById, collapse, highlighted, expand, highlight]\n  )\n\n  const closeDropdown = React.useCallback(() => {\n    dispatch({ type: 'close' })\n  }, [])\n\n  const closeSelectedDropdown = React.useCallback(\n    (e: Event | React.FocusEvent) => {\n      if (\n        e &&\n        (e.type === 'click' || e.type === 'mouseup') &&\n        !(e as MouseEvent)\n          .composedPath()\n          .some((node) => (node as HTMLElement).dataset?.flyout)\n      ) {\n        dispatch({ type: 'close' })\n      }\n    },\n    []\n  )\n\n  const openDropdown = React.useCallback(() => {\n    dispatch({ type: 'open' })\n  }, [])\n\n  const onClick = React.useCallback(\n    (option: FlyoutOption) => {\n      if (!hasChildren(option.origin)) {\n        _onClick(option.origin)\n        closeDropdown()\n      }\n    },\n    [_onClick, closeDropdown]\n  )\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const { key } = e\n\n      switch (key) {\n        case 'Enter':\n          e.preventDefault()\n          if (!isOpen && isFocused) {\n            dispatch({ type: 'setKeyboardNavigated' })\n            openDropdown()\n          } else {\n            if (hasChildren(highlighted.origin)) {\n              dispatch({ type: 'setKeyboardNavigated' })\n              traversingHighlight('children')\n            } else {\n              onClick(highlighted)\n            }\n          }\n          break\n        case 'Escape':\n        case 'Esc':\n          e.preventDefault()\n          if (isRootOption(highlighted.parentId)) {\n            if (isOpen) {\n              e.stopPropagation?.()\n            }\n            closeDropdown()\n          } else {\n            e.stopPropagation?.()\n            traversingHighlight('parent')\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          dispatch({ type: 'setKeyboardNavigated' })\n          traversingHighlight('next')\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          dispatch({ type: 'setKeyboardNavigated' })\n          traversingHighlight('prev')\n          break\n      }\n      _onKeyDown?.(e)\n    },\n    [\n      closeDropdown,\n      openDropdown,\n      traversingHighlight,\n      highlighted,\n      isOpen,\n      isFocused,\n      onClick,\n      _onKeyDown,\n    ]\n  )\n  // There was an issue that was fixed in scope of UISP-215 https://procoretech.atlassian.net/browse/UISP-215\n  // UseEffect is necessary for updating state in UseReducer because props don't automatically update state. (In this case: property \"options\")\n  React.useEffect(() => {\n    dispatch({ type: 'updateOptions', options: flyoutOptions })\n    dispatch({ type: 'highlight', option: getFirst(flyoutOptions) })\n  }, [flyoutOptions])\n\n  return {\n    isFocused,\n    isFocusVisible,\n    isMouseOver,\n    isOpen,\n    options,\n    expanded,\n    highlighted,\n    expand,\n    collapse,\n    isHighlighted,\n    isExpanded,\n    closeDropdown,\n    closeSelectedDropdown,\n    openDropdown,\n    onKeyDown,\n    onClick,\n    setMouseOver,\n    setFocused,\n  }\n}\n\nexport function defaultOptionRenderer(option: DropdownOption) {\n  return (\n    <>\n      <StyledDropdownFlyoutLabel>{option.label}</StyledDropdownFlyoutLabel>\n      {hasChildren(option) && (\n        <StyledDropdownFlyoutExpandIcon data-qa=\"core-dropdown-flyout-option-expand-icon\" />\n      )}\n    </>\n  )\n}\n\nexport const DropdownFlyoutContext = React.createContext<{\n  onClick: (option: FlyoutOption) => void\n\n  expand: (option: FlyoutOption) => void\n  collapse: (option: FlyoutOption) => void\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n\n  isExpanded: (option: FlyoutOption) => boolean\n  isFocusVisible: (option: FlyoutOption) => boolean\n  isHighlighted: (option: FlyoutOption) => boolean\n}>({\n  onClick: noop,\n\n  expand: noop,\n  collapse: noop,\n  optionRenderer: defaultOptionRenderer,\n\n  isExpanded: returnFalse,\n  isFocusVisible: returnFalse,\n  isHighlighted: returnFalse,\n})\n\nexport const useDropdownFlyoutContext = () =>\n  React.useContext(DropdownFlyoutContext)\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFlyout.helpers.js","names":["React","ulid","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel","rootId","noop","returnFalse","getFirst","arr","isRootOption","optionId","hasChildren","option","Array","isArray","children","reducer","state","action","type","_objectSpread","highlighted","expanded","concat","_toConsumableArray","collectParentIds","options","id","isOpen","isMouseOver","keyboardNavigated","isFocused","findById","initialValue","arguments","length","undefined","reduce","result","current","transformOption","parentId","acc","updatedOption","origin","useDropdownFlyout","_ref","flyoutOptions","_ref$onClick","onClick","_onClick","_onKeyDown","onKeyDown","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","_React$useReducer2$","dispatch","setMouseOver","useCallback","setFocused","isExpanded","includes","isHighlighted","parentIds","isCorrectId","some","isFocusVisible","findOptionById","expand","collapse","highlight","traversingHighlight","item","tier","optionIndex","findIndex","nextIndex","prevIndex","parentOption","closeDropdown","closeSelectedDropdown","e","composedPath","node","_dataset","dataset","flyout","openDropdown","key","preventDefault","_e$stopPropagation","stopPropagation","call","_e$stopPropagation2","useEffect","defaultOptionRenderer","createElement","Fragment","label","DropdownFlyoutContext","createContext","optionRenderer","useDropdownFlyoutContext","useContext"],"sources":["../../src/DropdownFlyout/DropdownFlyout.helpers.tsx"],"sourcesContent":["import React from 'react'\nimport { ulid } from 'ulid'\nimport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\nimport type {\n  Action,\n  DropdownFlyoutProps,\n  DropdownOption,\n  FlyoutOption,\n  FlyoutOptionId,\n  State,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\n\nexport function noop() {}\n\nexport function returnFalse() {\n  return false\n}\n\nfunction getFirst<T extends any>(arr: T[]) {\n  return arr[0]\n}\nfunction isRootOption(optionId: FlyoutOptionId) {\n  return optionId === rootId\n}\n\nexport function hasChildren(option: DropdownOption) {\n  return Array.isArray(option.children)\n}\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'highlight':\n      return {\n        ...state,\n        highlighted: action.option,\n      }\n    case 'expand':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: [\n          ...collectParentIds(state.options, action.option.id),\n          action.option.id,\n        ],\n      }\n    case 'collapse':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: collectParentIds(state.options, action.option.id),\n      }\n    case 'close':\n      return {\n        ...state,\n        expanded: [],\n        highlighted: getFirst(state.options),\n        isOpen: false,\n      }\n    case 'open':\n      return {\n        ...state,\n        isOpen: true,\n      }\n    case 'setMouseOver':\n      return {\n        ...state,\n        isMouseOver: action.isMouseOver,\n        keyboardNavigated: action.isMouseOver ? false : state.keyboardNavigated,\n      }\n    case 'setFocused':\n      return {\n        ...state,\n        isFocused: action.isFocused,\n      }\n    case 'setKeyboardNavigated':\n      return {\n        ...state,\n        keyboardNavigated: true,\n      }\n    case 'updateOptions':\n      return {\n        ...state,\n        options: action.options,\n      }\n    default:\n      return state\n  }\n}\n\nfunction findById(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id'],\n  initialValue: FlyoutOption = getFirst(options)\n): FlyoutOption {\n  return options.reduce((result, current) => {\n    if (current.id === optionId) {\n      return current\n    }\n\n    if (current.children) {\n      return findById(current.children, optionId, result)\n    }\n\n    return result\n  }, initialValue)\n}\n\nexport function transformOption(\n  options: DropdownOption[],\n  parentId: FlyoutOption['parentId']\n): FlyoutOption[] {\n  return options.reduce<FlyoutOption[]>((acc, option) => {\n    const id = ulid()\n    const updatedOption = {\n      id,\n      parentId,\n      origin: option,\n      ...(Array.isArray(option.children) && {\n        children: transformOption(option.children, id),\n      }),\n    }\n\n    return [...acc, updatedOption]\n  }, [])\n}\n\nfunction collectParentIds(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id']\n): FlyoutOption['id'][] {\n  const option = findById(options, optionId)\n\n  if (!isRootOption(option.parentId)) {\n    return [...collectParentIds(options, option.parentId), option.parentId]\n  }\n  return [option.parentId]\n}\n\nexport function useDropdownFlyout({\n  flyoutOptions,\n  onClick: _onClick = noop,\n  onKeyDown: _onKeyDown,\n}: Pick<DropdownFlyoutProps, 'onClick' | 'onKeyDown'> & {\n  flyoutOptions: FlyoutOption[]\n}) {\n  const [\n    {\n      options,\n      expanded,\n      highlighted,\n      isOpen,\n      isMouseOver,\n      isFocused,\n      keyboardNavigated,\n    },\n    dispatch,\n  ] = React.useReducer(reducer, {\n    options: flyoutOptions,\n    expanded: [],\n    highlighted: getFirst(flyoutOptions),\n    isMouseOver: false,\n    isFocused: false,\n    isOpen: false,\n    keyboardNavigated: false,\n  })\n\n  const setMouseOver = React.useCallback(\n    (isMouseOver: boolean) => dispatch({ type: 'setMouseOver', isMouseOver }),\n    []\n  )\n\n  const setFocused = React.useCallback(\n    (isFocused: boolean) => dispatch({ type: 'setFocused', isFocused }),\n    []\n  )\n\n  const isExpanded = (option: FlyoutOption) => expanded.includes(option.id)\n\n  const isHighlighted = (option: FlyoutOption): boolean => {\n    const parentIds = collectParentIds(options, highlighted.id)\n    const isCorrectId =\n      option.id === highlighted.id || parentIds.some((id) => id === option.id)\n    return (isMouseOver || isFocused) && isCorrectId\n  }\n\n  const isFocusVisible = (option: FlyoutOption): boolean => {\n    const parentIds = collectParentIds(options, highlighted.id)\n    const isCorrectId =\n      option.id === highlighted.id || parentIds.some((id) => id === option.id)\n    return keyboardNavigated && isCorrectId\n  }\n\n  const findOptionById = React.useCallback(\n    (id: FlyoutOptionId) => findById(options, id),\n    [options]\n  )\n\n  const expand = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'expand',\n        option,\n      }),\n    []\n  )\n\n  const collapse = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'collapse',\n        option,\n      }),\n    []\n  )\n\n  const highlight = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'highlight',\n        option,\n      }),\n    []\n  )\n\n  const traversingHighlight = React.useCallback(\n    (item: 'next' | 'prev' | 'children' | 'parent') => {\n      const tier = isRootOption(highlighted.parentId)\n        ? options\n        : findOptionById(highlighted.parentId).children || []\n      const optionIndex = tier.findIndex((item) => item.id === highlighted.id)\n\n      switch (item) {\n        case 'next':\n          const nextIndex = optionIndex + 1 >= tier.length ? 0 : optionIndex + 1\n\n          highlight(tier[nextIndex])\n          break\n        case 'prev':\n          const prevIndex =\n            optionIndex - 1 < 0 ? tier.length - 1 : optionIndex - 1\n\n          highlight(tier[prevIndex])\n          break\n        case 'children':\n          if (Array.isArray(highlighted.children)) {\n            expand(highlighted)\n\n            highlight(getFirst(highlighted.children))\n          }\n          break\n        case 'parent':\n          if (!isRootOption(highlighted.parentId)) {\n            const parentOption = findOptionById(highlighted.parentId)\n            collapse(parentOption)\n          }\n          break\n        default:\n          return\n      }\n    },\n    [options, findOptionById, collapse, highlighted, expand, highlight]\n  )\n\n  const closeDropdown = React.useCallback(() => {\n    dispatch({ type: 'close' })\n  }, [])\n\n  const closeSelectedDropdown = React.useCallback(\n    (e: Event | React.FocusEvent) => {\n      if (\n        e &&\n        (e.type === 'click' || e.type === 'mouseup') &&\n        !(e as MouseEvent)\n          .composedPath()\n          .some((node) => (node as HTMLElement).dataset?.flyout)\n      ) {\n        dispatch({ type: 'close' })\n      }\n    },\n    []\n  )\n\n  const openDropdown = React.useCallback(() => {\n    dispatch({ type: 'open' })\n  }, [])\n\n  const onClick = React.useCallback(\n    (option: FlyoutOption) => {\n      if (!hasChildren(option.origin)) {\n        _onClick(option.origin)\n        closeDropdown()\n      }\n    },\n    [_onClick, closeDropdown]\n  )\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const { key } = e\n\n      switch (key) {\n        case 'Enter':\n          e.preventDefault()\n          if (!isOpen && isFocused) {\n            dispatch({ type: 'setKeyboardNavigated' })\n            openDropdown()\n          } else {\n            if (hasChildren(highlighted.origin)) {\n              dispatch({ type: 'setKeyboardNavigated' })\n              traversingHighlight('children')\n            } else {\n              onClick(highlighted)\n            }\n          }\n          break\n        case 'Escape':\n        case 'Esc':\n          e.preventDefault()\n          if (isRootOption(highlighted.parentId)) {\n            if (isOpen) {\n              e.stopPropagation?.()\n            }\n            closeDropdown()\n          } else {\n            e.stopPropagation?.()\n            traversingHighlight('parent')\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          dispatch({ type: 'setKeyboardNavigated' })\n          traversingHighlight('next')\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          dispatch({ type: 'setKeyboardNavigated' })\n          traversingHighlight('prev')\n          break\n      }\n      _onKeyDown?.(e)\n    },\n    [\n      closeDropdown,\n      openDropdown,\n      traversingHighlight,\n      highlighted,\n      isOpen,\n      isFocused,\n      onClick,\n      _onKeyDown,\n    ]\n  )\n  // There was an issue that was fixed in scope of UISP-215 https://procoretech.atlassian.net/browse/UISP-215\n  // UseEffect is necessary for updating state in UseReducer because props don't automatically update state. (In this case: property \"options\")\n  React.useEffect(() => {\n    dispatch({ type: 'updateOptions', options: flyoutOptions })\n    dispatch({ type: 'highlight', option: getFirst(flyoutOptions) })\n  }, [flyoutOptions])\n\n  return {\n    isFocused,\n    isFocusVisible,\n    isMouseOver,\n    isOpen,\n    options,\n    expanded,\n    highlighted,\n    expand,\n    collapse,\n    isHighlighted,\n    isExpanded,\n    closeDropdown,\n    closeSelectedDropdown,\n    openDropdown,\n    onKeyDown,\n    onClick,\n    setMouseOver,\n    setFocused,\n  }\n}\n\nexport function defaultOptionRenderer(option: DropdownOption) {\n  return (\n    <>\n      <StyledDropdownFlyoutLabel>{option.label}</StyledDropdownFlyoutLabel>\n      {hasChildren(option) && (\n        <StyledDropdownFlyoutExpandIcon data-qa=\"core-dropdown-flyout-option-expand-icon\" />\n      )}\n    </>\n  )\n}\n\nexport const DropdownFlyoutContext = React.createContext<{\n  onClick: (option: FlyoutOption) => void\n\n  expand: (option: FlyoutOption) => void\n  collapse: (option: FlyoutOption) => void\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n\n  isExpanded: (option: FlyoutOption) => boolean\n  isFocusVisible: (option: FlyoutOption) => boolean\n  isHighlighted: (option: FlyoutOption) => boolean\n}>({\n  onClick: noop,\n\n  expand: noop,\n  collapse: noop,\n  optionRenderer: defaultOptionRenderer,\n\n  isExpanded: returnFalse,\n  isFocusVisible: returnFalse,\n  isHighlighted: returnFalse,\n})\n\nexport const useDropdownFlyoutContext = () =>\n  React.useContext(DropdownFlyoutContext)\n"],"mappings":"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","ignoreList":[]}

package/dist/DropdownFlyout/DropdownFlyout.js

@@ -212,11 +212,11 @@ export var DropdownFlyout = /*#__PURE__*/React.forwardRef(function DropdownFlyou
   function onBlur(e) {
     setFocused(false);
     closeSelectedDropdown(e);
-    onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
+    onBlur_ === null || onBlur_ === void 0 || onBlur_(e);
   }
   function onFocus(e) {
     setFocused(true);
-    onFocus_ === null || onFocus_ === void 0 ? void 0 : onFocus_(e);
+    onFocus_ === null || onFocus_ === void 0 || onFocus_(e);
   }
   function onMouseDown(e) {
     var _containerRef$current;
@@ -229,17 +229,17 @@ export var DropdownFlyout = /*#__PURE__*/React.forwardRef(function DropdownFlyou
     if (e.target instanceof Node && (_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target)) {
       var _targetRef$current;
       e.preventDefault();
-      (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();
+      (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 || _targetRef$current.focus();
     }
-    onMouseDown_ === null || onMouseDown_ === void 0 ? void 0 : onMouseDown_(e);
+    onMouseDown_ === null || onMouseDown_ === void 0 || onMouseDown_(e);
   }
   function onMouseLeave(e) {
     setMouseOver(false);
-    onMouseLeave_ === null || onMouseLeave_ === void 0 ? void 0 : onMouseLeave_(e);
+    onMouseLeave_ === null || onMouseLeave_ === void 0 || onMouseLeave_(e);
   }
   function onMouseEnter(e) {
     setMouseOver(true);
-    onMouseEnter_ === null || onMouseEnter_ === void 0 ? void 0 : onMouseEnter_(e);
+    onMouseEnter_ === null || onMouseEnter_ === void 0 || onMouseEnter_(e);
   }
   var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
@@ -262,7 +262,7 @@ export var DropdownFlyout = /*#__PURE__*/React.forwardRef(function DropdownFlyou
     ref: memoRef,
     onClick: function onClick(e) {
       var _trigger$props$onClic, _trigger$props;
-      (_trigger$props$onClic = (_trigger$props = trigger.props).onClick) === null || _trigger$props$onClic === void 0 ? void 0 : _trigger$props$onClic.call(_trigger$props, e);
+      (_trigger$props$onClic = (_trigger$props = trigger.props).onClick) === null || _trigger$props$onClic === void 0 || _trigger$props$onClic.call(_trigger$props, e);
       if (isOpen) {
         closeDropdown();
       } else {

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","useCallback","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","hasChildren","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","focusVisible","highlighted","expanded","optionRenderer","props","_objectWithoutProperties","_excluded","renderedOption","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isFocusVisible","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","role","origin","undefined","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","closeDropdown","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","memoRef","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React, { useCallback } from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Card } from '../Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  hasChildren,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, focusVisible, highlighted, expanded, optionRenderer, ...props },\n  ref\n) {\n  const renderedOption = optionRenderer(option)\n\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      aria-expanded={expanded}\n      data-focus-visible={focusVisible}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {renderedOption}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isFocusVisible,\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        role=\"listitem\"\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        focusVisible={isFocusVisible(option)}\n        highlighted={isHighlighted(option)}\n        expanded={hasChildren(option.origin) ? isExpanded(option) : undefined}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout role=\"list\">\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isFocusVisible,\n    isHighlighted,\n    closeDropdown,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      aria-expanded={isOpen}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  // mergeRefs function is from shared utils.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoRef = useCallback(\n    trigger.ref\n      ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n      : mergeRefs(targetRef, setReferenceEl),\n    [targetRef, setReferenceEl, trigger.ref]\n  )\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: memoRef,\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          if (isOpen) {\n            closeDropdown()\n          } else {\n            openDropdown()\n          }\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isFocusVisible,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","useCallback","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","hasChildren","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","focusVisible","highlighted","expanded","optionRenderer","props","_objectWithoutProperties","_excluded","renderedOption","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isFocusVisible","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","role","origin","undefined","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","closeDropdown","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","memoRef","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React, { useCallback } from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Card } from '../Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  hasChildren,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, focusVisible, highlighted, expanded, optionRenderer, ...props },\n  ref\n) {\n  const renderedOption = optionRenderer(option)\n\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      aria-expanded={expanded}\n      data-focus-visible={focusVisible}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {renderedOption}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isFocusVisible,\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        role=\"listitem\"\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        focusVisible={isFocusVisible(option)}\n        highlighted={isHighlighted(option)}\n        expanded={hasChildren(option.origin) ? isExpanded(option) : undefined}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout role=\"list\">\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isFocusVisible,\n    isHighlighted,\n    closeDropdown,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      aria-expanded={isOpen}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  // mergeRefs function is from shared utils.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoRef = useCallback(\n    trigger.ref\n      ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n      : mergeRefs(targetRef, setReferenceEl),\n    [targetRef, setReferenceEl, trigger.ref]\n  )\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: memoRef,\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          if (isOpen) {\n            closeDropdown()\n          } else {\n            openDropdown()\n          }\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isFocusVisible,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SACEC,qBAAqB,EACrBC,qBAAqB,EACrBC,WAAW,EACXC,IAAI,EACJC,eAAe,EACfC,iBAAiB,EACjBC,wBAAwB,QACnB,0BAA0B;AACjC,SACEC,oBAAoB,EACpBC,wBAAwB,QACnB,yBAAyB;AAOhC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,wBAAwB,QAAQ,4BAA4B;AAErE,OAAO,IAAMC,aAAa,gBAAGnB,KAAK,CAACoB,UAAU,CAG3C,SAASD,aAAaA,CAAAE,IAAA,EAEtBC,GAAG,EACH;EAAA,IAFEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGvE,IAAMC,cAAc,GAAGJ,cAAc,CAACJ,MAAM,CAAC;EAE7C,oBACEvB,KAAA,CAAAgC,aAAA,CAAChB,wBAAwB,EAAAiB,QAAA,KACnBL,KAAK;IACTN,GAAG,EAAEA,GAAI;IACT,iBAAeI,QAAS;IACxB,sBAAoBF,YAAa;IACjC,oBAAkBC,WAAY;IAC9B;EAAW,IAEVM,cACuB,CAAC;AAE/B,CAAC,CAAC;AAEFZ,aAAa,CAACe,WAAW,GAAG,eAAe;AAE3C,OAAO,SAASC,UAAUA,CAAAC,KAAA,EAA8B;EAAA,IAA3Bb,MAAM,GAAAa,KAAA,CAANb,MAAM;EACjC,IAAMc,YAAY,GAAGrC,KAAK,CAACsC,MAAM,CAAiB,IAAI,CAAC;EACvD,IAAAC,qBAAA,GAQIzB,wBAAwB,CAAC,CAAC;IAP5B0B,cAAc,GAAAD,qBAAA,CAAdC,cAAc;IACdC,aAAa,GAAAF,qBAAA,CAAbE,aAAa;IACbC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IACDC,QAAQ,GAAAJ,qBAAA,CAAjBK,OAAO;IACPC,MAAM,GAAAN,qBAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,qBAAA,CAARO,QAAQ;IACRnB,cAAc,GAAAY,qBAAA,CAAdZ,cAAc;EAGhB,IAAMoB,YAAY,GAAG/C,KAAK,CAACC,WAAW,CAAC;IAAA,OAAM4C,MAAM,CAACtB,MAAM,CAAC;EAAA,GAAE,CAACA,MAAM,EAAEsB,MAAM,CAAC,CAAC;EAC9E,IAAMG,YAAY,GAAGhD,KAAK,CAACC,WAAW,CACpC,UAACgD,CAAmC,EAAK;IACvC,IACEA,CAAC,CAACC,aAAa,YAAYC,IAAI,IAC/Bd,YAAY,CAACe,OAAO,IACpB,CAACf,YAAY,CAACe,OAAO,CAACC,QAAQ,CAACJ,CAAC,CAACC,aAAqB,CAAC,EACvD;MACAJ,QAAQ,CAACvB,MAAM,CAAC;IAClB;EACF,CAAC,EACD,CAACuB,QAAQ,EAAEvB,MAAM,CACnB,CAAC;EAED,IAAMqB,OAAO,GAAG5C,KAAK,CAACC,WAAW,CAAC;IAAA,OAAM0C,QAAQ,CAACpB,MAAM,CAAC;EAAA,GAAE,CAACoB,QAAQ,EAAEpB,MAAM,CAAC,CAAC;EAE7E,IAAA+B,eAAA,GAAsCtD,KAAK,CAACuD,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAvEI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAElC,oBACExD,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAA4D,QAAA,qBACE5D,KAAA,CAAAgC,aAAA,CAACb,aAAa;IACZG,GAAG,EAAEqC,cAAe;IACpBE,IAAI,EAAC,UAAU;IACftC,MAAM,EAAEA,MAAM,CAACuC,MAAO;IACtBlB,OAAO,EAAEA,OAAQ;IACjBjB,cAAc,EAAEA,cAAe;IAC/BH,YAAY,EAAEgB,cAAc,CAACjB,MAAM,CAAE;IACrCE,WAAW,EAAEgB,aAAa,CAAClB,MAAM,CAAE;IACnCG,QAAQ,EAAEhB,WAAW,CAACa,MAAM,CAACuC,MAAM,CAAC,GAAGpB,UAAU,CAACnB,MAAM,CAAC,GAAGwC,SAAU;IACtEhB,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA;EAAa,CAC5B,CAAC,EACDgB,KAAK,CAACC,OAAO,CAAC1C,MAAM,CAAC2C,QAAQ,CAAC,IAAIxB,UAAU,CAACnB,MAAM,CAAC,gBACnDvB,KAAA,CAAAgC,aAAA,CAAC5B,MAAM,qBACLJ,KAAA,CAAAgC,aAAA,CAACmC,UAAU;IACTT,WAAW,EAAEA,WAAY;IACzBU,OAAO,EAAE7C,MAAM,CAAC2C,QAAS;IACzBG,UAAU,EAAEhC,YAAa;IACzBiC,SAAS,EAAC;EAAW,CACtB,CACK,CAAC,GACP,IACJ,CAAC;AAEP;AAEA,OAAO,SAASH,UAAUA,CAAAI,KAAA,EAMN;EAAA,IALlBH,OAAO,GAAAG,KAAA,CAAPH,OAAO;IACPE,SAAS,GAAAC,KAAA,CAATD,SAAS;IACTZ,WAAW,GAAAa,KAAA,CAAXb,WAAW;IACCrB,YAAY,GAAAkC,KAAA,CAAxBF,UAAU;IAAAG,YAAA,GAAAD,KAAA,CACVE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;EAEV,IAAAE,qBAAA,GAAmDxD,wBAAwB,CAAC;MAC1EoD,SAAS,EAATA,SAAS;MACTG,MAAM,EAAE;QAAEE,QAAQ,EAAEF;MAAO;IAC7B,CAAC,CAAC;IAHMG,YAAY,GAAAF,qBAAA,CAAZE,YAAY;IAAEC,YAAY,GAAAH,qBAAA,CAAZG,YAAY;IAAER,UAAU,GAAAK,qBAAA,CAAVL,UAAU;EAK9CrE,KAAK,CAAC8E,SAAS,CAAC,YAAM;IACpBD,YAAY,CAACnB,WAAW,CAAC;EAC3B,CAAC,EAAE,CAACA,WAAW,EAAEmB,YAAY,CAAC,CAAC;EAE/B,oBACE7E,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IACHoB,GAAG,EAAEf,SAAS,CAAC8D,UAAU,EAAEhC,YAAY,CAAE;IACzC0C,cAAc,EAAE,CAAE;IAClBC,KAAK,EAAEJ;EAAa,gBAEpB5E,KAAA,CAAAgC,aAAA,CAACjB,oBAAoB;IAAC8C,IAAI,EAAC;EAAM,GAC9BO,OAAO,CAACa,GAAG,CAAC,UAAC1D,MAAM;IAAA,oBAClBvB,KAAA,CAAAgC,aAAA,CAACG,UAAU;MAAC+C,GAAG,EAAE3D,MAAM,CAAC4D,EAAG;MAAC5D,MAAM,EAAEA;IAAO,CAAE,CAAC;EAAA,CAC/C,CACmB,CAClB,CAAC;AAEX;AAEA,IAAM6D,aAAa,gBAAGpF,KAAK,CAACoB,UAAU,CACpC,SAASgE,aAAaA,CAAAC,KAAA,EAA+B/D,GAAG,EAAE;EAAA,IAAjC4C,QAAQ,GAAAmB,KAAA,CAARnB,QAAQ;IAAEoB,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAK1D,KAAK,GAAAC,wBAAA,CAAAwD,KAAA,EAAAE,UAAA;EAC/C,oBACEvF,KAAA,CAAAgC,aAAA,CAAC7B,cAAc,EAAA8B,QAAA,KACTL,KAAK;IACT0D,IAAI,EACF1D,KAAK,CAAC4D,OAAO,GAAGzB,SAAS,GAAG,CAACuB,IAAI,IAAI,CAACpB,QAAQ,gBAC5ClE,KAAA,CAAAgC,aAAA,CAACjC,gBAAgB,MAAE,CAAC,GAEpBuF,IAEH;IACDG,KAAK,EAAEC,OAAO,CAAC1F,KAAK,CAAC2F,QAAQ,CAACC,KAAK,CAAC1B,QAAQ,CAAC,CAAE;IAC/C5C,GAAG,EAAEA;EAAI,IAER4C,QACa,CAAC;AAErB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM2B,cAAc,gBAAG7F,KAAK,CAACoB,UAAU,CAG5C,SAASyE,cAAcA,CAAAC,KAAA,EAqBvBxE,GAAG,EACH;EAAA,IApBEyE,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRT,IAAI,GAAAQ,KAAA,CAAJR,IAAI;IACJU,KAAK,GAAAF,KAAA,CAALE,KAAK;IACLR,OAAO,GAAAM,KAAA,CAAPN,OAAO;IACES,QAAQ,GAAAH,KAAA,CAAjB1B,OAAO;IAAA8B,aAAA,GAAAJ,KAAA,CACPlD,OAAO;IAAED,QAAQ,GAAAuD,aAAA,cAAGvF,IAAI,GAAAuF,aAAA;IAAAC,oBAAA,GAAAL,KAAA,CACxBnE,cAAc;IAAdA,cAAc,GAAAwE,oBAAA,cAAG3F,qBAAqB,GAAA2F,oBAAA;IACtCjC,QAAQ,GAAA4B,KAAA,CAAR5B,QAAQ;IAAAkC,eAAA,GAAAN,KAAA,CACRxB,SAAS;IAATA,SAAS,GAAA8B,eAAA,cAAG,cAAc,GAAAA,eAAA;IACfC,UAAU,GAAAP,KAAA,CAArBQ,SAAS;IACAC,QAAQ,GAAAT,KAAA,CAAjBU,OAAO;IACCC,OAAO,GAAAX,KAAA,CAAfY,MAAM;IACOC,YAAY,GAAAb,KAAA,CAAzBc,WAAW;IACGC,aAAa,GAAAf,KAAA,CAA3B/C,YAAY;IACE+D,aAAa,GAAAhB,KAAA,CAA3B9C,YAAY;IACZ+D,IAAI,GAAAjB,KAAA,CAAJiB,IAAI;IAAAC,aAAA,GAAAlB,KAAA,CACJmB,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,WAAW,GAAAA,aAAA;IAClBpF,KAAK,GAAAC,wBAAA,CAAAiE,KAAA,EAAAoB,UAAA;EAIV,IAAMC,QAAQ,GAAGnH,KAAK,CAACsC,MAAM,CAAiB,IAAI,CAAC;EACnD,IAAM8E,YAAY,GAAI9F,GAAG,IAA0C6F,QAAQ;EAC3E,IAAM9E,YAAY,GAAGrC,KAAK,CAACsC,MAAM,CAAiB,IAAI,CAAC;EACvD,IAAM+E,SAAS,GAAGrH,KAAK,CAACsC,MAAM,CAAc,IAAI,CAAC;EAEjD,IAAMgF,aAAa,GAAGtH,KAAK,CAACuH,OAAO,CACjC;IAAA,OAAM3G,eAAe,CAACqF,QAAQ,EAAEhF,MAAM,CAAC;EAAA,GACvC,CAACgF,QAAQ,CACX,CAAC;EAED,IAAAuB,kBAAA,GAeI3G,iBAAiB,CAAC;MACpByG,aAAa,EAAbA,aAAa;MACb1E,OAAO,EAAED,QAAQ;MACjB2D,SAAS,EAAED;IACb,CAAC,CAAC;IAlBAjC,OAAO,GAAAoD,kBAAA,CAAPpD,OAAO;IACPtB,QAAQ,GAAA0E,kBAAA,CAAR1E,QAAQ;IACRD,MAAM,GAAA2E,kBAAA,CAAN3E,MAAM;IACN4E,qBAAqB,GAAAD,kBAAA,CAArBC,qBAAqB;IACrBC,YAAY,GAAAF,kBAAA,CAAZE,YAAY;IACZC,MAAM,GAAAH,kBAAA,CAANG,MAAM;IACN/E,OAAO,GAAA4E,kBAAA,CAAP5E,OAAO;IACP0D,SAAS,GAAAkB,kBAAA,CAATlB,SAAS;IACTsB,YAAY,GAAAJ,kBAAA,CAAZI,YAAY;IACZC,UAAU,GAAAL,kBAAA,CAAVK,UAAU;IACVnF,UAAU,GAAA8E,kBAAA,CAAV9E,UAAU;IACVF,cAAc,GAAAgF,kBAAA,CAAdhF,cAAc;IACdC,aAAa,GAAA+E,kBAAA,CAAb/E,aAAa;IACbqF,aAAa,GAAAN,kBAAA,CAAbM,aAAa;EAOfzH,eAAe,CAAC;IACd0H,cAAc,EAAEJ,MAAM,GAAGF,qBAAqB,GAAG9G,IAAI;IACrDqH,IAAI,EAAE,CAACZ,YAAY;EACrB,CAAC,CAAC;EAEF,IAAMa,OAAO,GACX,OAAO/D,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAEyD,MAAM,EAANA;EAAO,CAAC,CAAC,GAAGzD,QAAQ;EAElE,IAAMgE,IAAI,GAAG5H,cAAc,CAAC,CAAC;EAE7B,IAAM6H,SAAS,GACbvG,KAAK,CAAC,YAAY,CAAC,IACnBoE,KAAK,IACLkC,IAAI,CAACE,CAAC,kBAAAC,MAAA,CAAkB7C,OAAO,GAAG,SAAS,GAAG,aAAa,CAAE,CAAC;EAEhE,IAAM8C,OAA4B,GAAG,aAAAtI,KAAK,CAACuI,cAAc,CAACN,OAAO,CAAC,GAChEA,OAAO,gBAEPjI,KAAA,CAAAgC,aAAA,CAACoD,aAAa;IACZ,cAAY+C,SAAU;IACtB,iBAAeR,MAAO;IACtBzD,QAAQ,EAAE8B,KAAM;IAChBD,QAAQ,EAAEA,QAAS;IACnBP,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXyB,IAAI,EAAEA,IAAK;IACXE,OAAO,EAAEA;EAAQ,CAClB,CACF;EAED,SAASP,MAAMA,CAACzD,CAAmC,EAAE;IACnD4E,UAAU,CAAC,KAAK,CAAC;IACjBJ,qBAAqB,CAACxE,CAAC,CAAC;IACxBwD,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGxD,CAAC,CAAC;EACd;EAEA,SAASuD,OAAOA,CAACvD,CAAmC,EAAE;IACpD4E,UAAU,CAAC,IAAI,CAAC;IAChBtB,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGtD,CAAC,CAAC;EACf;EAEA,SAAS2D,WAAWA,CAAC3D,CAAmC,EAAE;IAAA,IAAAuF,qBAAA;IACxD;IACA;IACA,IAAKvF,CAAC,CAACwF,MAAM,CAAiBC,OAAO,CAACC,MAAM,EAAE;MAC5C1F,CAAC,CAAC2F,cAAc,CAAC,CAAC;MAClB;IACF;IACA,IAAI3F,CAAC,CAACwF,MAAM,YAAYtF,IAAI,KAAAqF,qBAAA,GAAIpB,YAAY,CAAChE,OAAO,cAAAoF,qBAAA,eAApBA,qBAAA,CAAsBnF,QAAQ,CAACJ,CAAC,CAACwF,MAAM,CAAC,EAAE;MAAA,IAAAI,kBAAA;MACxE5F,CAAC,CAAC2F,cAAc,CAAC,CAAC;MAClB,CAAAC,kBAAA,GAAAxB,SAAS,CAACjE,OAAO,cAAAyF,kBAAA,eAAjBA,kBAAA,CAAmBC,KAAK,CAAC,CAAC;IAC5B;IACAnC,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAG1D,CAAC,CAAC;EACnB;EAEA,SAASD,YAAYA,CAACC,CAAmC,EAAE;IACzD2E,YAAY,CAAC,KAAK,CAAC;IACnBd,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAG7D,CAAC,CAAC;EACpB;EAEA,SAASF,YAAYA,CAACE,CAAmC,EAAE;IACzD2E,YAAY,CAAC,IAAI,CAAC;IAClBf,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAG5D,CAAC,CAAC;EACpB;EAEA,IAAA8F,gBAAA,GAAsC/I,KAAK,CAACuD,QAAQ,CAAqB,IAAI,CAAC;IAAAyF,gBAAA,GAAAvF,cAAA,CAAAsF,gBAAA;IAAvErF,WAAW,GAAAsF,gBAAA;IAAErF,cAAc,GAAAqF,gBAAA;;EAElC;EACA;EACA,IAAMC,OAAO,GAAGhJ,WAAW,CACzBqI,OAAO,CAAChH,GAAG,GACPf,SAAS,CAAC+H,OAAO,CAAChH,GAAG,EAAE+F,SAAS,EAAE1D,cAAc,CAAC,GACjDpD,SAAS,CAAC8G,SAAS,EAAE1D,cAAc,CAAC,EACxC,CAAC0D,SAAS,EAAE1D,cAAc,EAAE2E,OAAO,CAAChH,GAAG,CACzC,CAAC;EACD,oBACEtB,KAAA,CAAAgC,aAAA,QAAAC,QAAA,KACML,KAAK;IACT,cAAYmC,SAAU;IACtBzC,GAAG,EAAE8F,YAAa;IAClBd,SAAS,EAAEA,SAAU;IACrBvD,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3BwD,OAAO,EAAEA,OAAQ;IACjBI,WAAW,EAAEA,WAAY;IACzBF,MAAM,EAAEA;EAAO,iBAEd1G,KAAK,CAACkJ,YAAY,CAACZ,OAAO,EAAE;IAC3BhH,GAAG,EAAE2H,OAAO;IACZrG,OAAO,EAAE,SAATA,OAAOA,CAAGK,CAAmC,EAAK;MAAA,IAAAkG,qBAAA,EAAAC,cAAA;MAChD,CAAAD,qBAAA,IAAAC,cAAA,GAAAd,OAAO,CAAC1G,KAAK,EAACgB,OAAO,cAAAuG,qBAAA,eAArBA,qBAAA,CAAAE,IAAA,CAAAD,cAAA,EAAwBnG,CAAC,CAAC;MAC1B,IAAI0E,MAAM,EAAE;QACVG,aAAa,CAAC,CAAC;MACjB,CAAC,MAAM;QACLJ,YAAY,CAAC,CAAC;MAChB;IACF,CAAC;IACD4B,QAAQ,EAAE;EACZ,CAAC,CAAC,eACFtJ,KAAA,CAAAgC,aAAA,CAACvB,qBAAqB,CAAC8I,QAAQ;IAC7BC,KAAK,EAAE;MACL3G,MAAM,EAANA,MAAM;MACNC,QAAQ,EAARA,QAAQ;MACRF,OAAO,EAAPA,OAAO;MACPF,UAAU,EAAVA,UAAU;MACVF,cAAc,EAAdA,cAAc;MACdC,aAAa,EAAbA,aAAa;MACbd,cAAc,EAAdA;IACF;EAAE,GAEDgG,MAAM,iBACL3H,KAAA,CAAAgC,aAAA,CAAC5B,MAAM,qBACLJ,KAAA,CAAAgC,aAAA,CAACmC,UAAU;IACTC,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEhC,YAAa;IACzBiC,SAAS,EAAEA,SAAU;IACrBZ,WAAW,EAAEA,WAAY;IACzBe,MAAM,EAAE;EAAE,CACX,CACK,CAEoB,CAC7B,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/dist/DropdownFlyout/DropdownFlyout.styles.d.ts

@@ -1,5 +1,12 @@
-/// <reference types="react" />
-export declare const StyledDropdownFlyout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledDropdownFlyoutItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledDropdownFlyoutLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledDropdownFlyoutExpandIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledDropdownFlyout: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledDropdownFlyoutItem: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledDropdownFlyoutLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledDropdownFlyoutExpandIcon: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -5,18 +5,18 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-12_53_0__sc-1i79jsg-0"
+  componentId: "core-12_53_2__sc-1i79jsg-0"
 })(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;overflow-y:auto;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-12_53_0__sc-1i79jsg-1"
+  componentId: "core-12_53_2__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}&[data-focus-visible='true']{box-shadow:inset 0 0 0 2px ", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96, colors.blue40);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-12_53_0__sc-1i79jsg-2"
+  componentId: "core-12_53_2__sc-1i79jsg-2"
 })(["text-wrap:wrap;"]);
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_53_0__sc-1i79jsg-3"
+  componentId: "core-12_53_2__sc-1i79jsg-3"
 })(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/DropdownFlyout/DropdownFlyout.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.styles.js","names":["styled","getTypographyIntent","arrowRight","colors","spacing","StyledDropdownFlyout","div","withConfig","displayName","componentId","sm","StyledDropdownFlyoutItem","xs","lg","gray20","gray96","blue40","StyledDropdownFlyoutLabel","span","StyledDropdownFlyoutExpandIcon"],"sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { arrowRight } from '../_styles/arrows'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDropdownFlyout = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  overflow-y: auto;\n  padding: ${spacing.sm}px 0;\n`\n\nexport const StyledDropdownFlyoutItem = styled.div`\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  color: ${colors.gray20};\n  ${getTypographyIntent('body')}\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ${colors.gray96};\n  }\n\n  &[data-focus-visible='true'] {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n  }\n`\n\nexport const StyledDropdownFlyoutLabel = styled.span`\n  text-wrap: wrap;\n`\n\nexport const StyledDropdownFlyoutExpandIcon = styled.span`\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ${spacing.lg}px;\n  white-space: nowrap;\n\n  ${arrowRight(4, 'black')}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,oBAAoB,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wHAOjCL,OAAO,CAACM,EAAE,CACtB;AAED,OAAO,IAAMC,wBAAwB,gBAAGX,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4OAOrCL,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACS,EAAE,EAC5BV,MAAM,CAACW,MAAM,EACpBb,mBAAmB,CAAC,MAAM,CAAC,EAIPE,MAAM,CAACY,MAAM,EAIHZ,MAAM,CAACa,MAAM,CAE9C;AAED,OAAO,IAAMC,yBAAyB,gBAAGjB,MAAM,CAACkB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAEnD;AAED,OAAO,IAAMU,8BAA8B,gBAAGnB,MAAM,CAACkB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAKxCL,OAAO,CAACS,EAAE,EAGvBX,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB"}
+{"version":3,"file":"DropdownFlyout.styles.js","names":["styled","getTypographyIntent","arrowRight","colors","spacing","StyledDropdownFlyout","div","withConfig","displayName","componentId","sm","StyledDropdownFlyoutItem","xs","lg","gray20","gray96","blue40","StyledDropdownFlyoutLabel","span","StyledDropdownFlyoutExpandIcon"],"sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { arrowRight } from '../_styles/arrows'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDropdownFlyout = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  overflow-y: auto;\n  padding: ${spacing.sm}px 0;\n`\n\nexport const StyledDropdownFlyoutItem = styled.div`\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  color: ${colors.gray20};\n  ${getTypographyIntent('body')}\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ${colors.gray96};\n  }\n\n  &[data-focus-visible='true'] {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n  }\n`\n\nexport const StyledDropdownFlyoutLabel = styled.span`\n  text-wrap: wrap;\n`\n\nexport const StyledDropdownFlyoutExpandIcon = styled.span`\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ${spacing.lg}px;\n  white-space: nowrap;\n\n  ${arrowRight(4, 'black')}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,oBAAoB,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wHAOjCL,OAAO,CAACM,EAAE,CACtB;AAED,OAAO,IAAMC,wBAAwB,gBAAGX,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4OAOrCL,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACS,EAAE,EAC5BV,MAAM,CAACW,MAAM,EACpBb,mBAAmB,CAAC,MAAM,CAAC,EAIPE,MAAM,CAACY,MAAM,EAIHZ,MAAM,CAACa,MAAM,CAE9C;AAED,OAAO,IAAMC,yBAAyB,gBAAGjB,MAAM,CAACkB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAEnD;AAED,OAAO,IAAMU,8BAA8B,gBAAGnB,MAAM,CAACkB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAKxCL,OAAO,CAACS,EAAE,EAGvBX,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB","ignoreList":[]}

package/dist/DropdownFlyout/DropdownFlyout.types.d.ts

@@ -3,7 +3,7 @@ import type { DropdownProps } from '../Dropdown/Dropdown.types';
 import type { OverlayProps } from '../Overlay/Overlay';
 import type { Placement, Props } from '../_utils/types';
 export declare const rootId = "ROOT_ID";
-export declare type Action = {
+export type Action = {
     type: 'highlight';
     option: FlyoutOption;
 } | {
@@ -28,8 +28,8 @@ export declare type Action = {
     type: 'updateOptions';
     options: FlyoutOption[];
 };
-declare type ExpandedItem = FlyoutOptionId;
-export declare type State = {
+type ExpandedItem = FlyoutOptionId;
+export type State = {
     highlighted: FlyoutOption;
     expanded: ExpandedItem[];
     options: FlyoutOption[];
@@ -43,7 +43,7 @@ export interface DropdownOption {
     label: string;
     children?: DropdownOption[];
 }
-declare type OptionId = string;
+type OptionId = string;
 export interface FlyoutOption {
     /**
      * @since 10.19.0
@@ -62,7 +62,7 @@ export interface FlyoutOption {
      */
     children?: FlyoutOption[];
 }
-export declare type FlyoutOptionId = FlyoutOption['id'] | typeof rootId;
+export type FlyoutOptionId = FlyoutOption['id'] | typeof rootId;
 export interface FlyoutCaptionProps extends React.HTMLAttributes<HTMLDivElement> {
     option: DropdownOption;
     focusVisible?: boolean;

package/dist/DropdownFlyout/DropdownFlyout.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DropdownProps } from '../Dropdown/Dropdown.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n  | { type: 'setKeyboardNavigated' }\n  | { type: 'updateOptions'; options: FlyoutOption[] }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n  keyboardNavigated: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  option: DropdownOption\n  focusVisible?: boolean\n  highlighted: boolean\n  expanded?: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onClick'> {\n  children?: React.ReactNode | React.FunctionComponent<{ isOpen?: boolean }>\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * Data of the dropdown options - `Option[]`\n   * ```\n   * type Option = { label: string; children?: Option[] }\n   * ```\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * Callback for click on dropdown option\n   * ```\n   * (option: Option) => void\n   * ```\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * Render prop to specify custom dropdown option content\n   * ```\n   * (option: Option) => ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS"}
+{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DropdownProps } from '../Dropdown/Dropdown.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n  | { type: 'setKeyboardNavigated' }\n  | { type: 'updateOptions'; options: FlyoutOption[] }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n  keyboardNavigated: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  option: DropdownOption\n  focusVisible?: boolean\n  highlighted: boolean\n  expanded?: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onClick'> {\n  children?: React.ReactNode | React.FunctionComponent<{ isOpen?: boolean }>\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * Data of the dropdown options - `Option[]`\n   * ```\n   * type Option = { label: string; children?: Option[] }\n   * ```\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * Callback for click on dropdown option\n   * ```\n   * (option: Option) => void\n   * ```\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * Render prop to specify custom dropdown option content\n   * ```\n   * (option: Option) => ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS","ignoreList":[]}

package/dist/DropdownFlyout/index.d.ts

@@ -1,3 +1,3 @@
 export { DropdownFlyout } from './DropdownFlyout';
 export { StyledDropdownFlyoutExpandIcon, StyledDropdownFlyoutLabel, } from './DropdownFlyout.styles';
-export type { DropdownFlyoutProps, DropdownOption as DropdownFlyoutOption, } from './DropdownFlyout.types';
+export type { DropdownOption as DropdownFlyoutOption, DropdownFlyoutProps, } from './DropdownFlyout.types';

package/dist/DropdownFlyout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DropdownFlyout","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel"],"sources":["../../src/DropdownFlyout/index.ts"],"sourcesContent":["export { DropdownFlyout } from './DropdownFlyout'\nexport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\nexport type {\n  DropdownFlyoutProps,\n  DropdownOption as DropdownFlyoutOption,\n} from './DropdownFlyout.types'\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SACEC,8BAA8B,EAC9BC,yBAAyB,QACpB,yBAAyB"}
+{"version":3,"file":"index.js","names":["DropdownFlyout","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel"],"sources":["../../src/DropdownFlyout/index.ts"],"sourcesContent":["export { DropdownFlyout } from './DropdownFlyout'\nexport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\nexport type {\n  DropdownOption as DropdownFlyoutOption,\n  DropdownFlyoutProps,\n} from './DropdownFlyout.types'\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SACEC,8BAA8B,EAC9BC,yBAAyB,QACpB,yBAAyB","ignoreList":[]}

package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownFlyoutOverlay.js","names":["flip","limitShift","offset","shift","size","useOverlay","useDropdownFlyoutOverlay","_ref","placement","offsetConfig","width","middleware","limiter","apply","_ref2","availableWidth","availableHeight","elements","Object","assign","floating","style","maxWidth","concat","maxHeight","overflowY"],"sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"sourcesContent":["import { flip, limitShift, offset, shift, size } from '@floating-ui/react-dom'\nimport type { CSSProperties } from 'react'\nimport type {\n  OverlayOffsetValue,\n  OverlayRefType,\n  ReferenceRefType,\n} from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport type { Placement } from '../_utils/placement'\n\nexport function useDropdownFlyoutOverlay({\n  placement,\n  offset: offsetConfig,\n}: {\n  placement: Placement\n  offset?: OverlayOffsetValue\n}): {\n  overlayRef: OverlayRefType\n  referenceRef: ReferenceRefType\n  overlayStyle: CSSProperties\n} {\n  return useOverlay({\n    placement,\n    width: 'fit-content',\n    middleware: [\n      offset(offsetConfig),\n      flip(),\n      shift({ limiter: limitShift() }),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${availableWidth}px`,\n            maxHeight: `${availableHeight}px`,\n            overflowY: 'auto',\n          })\n        },\n      }),\n    ],\n  })\n}\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,wBAAwB;AAO9E,SAASC,UAAU,QAAQ,uBAAuB;AAGlD,OAAO,SAASC,wBAAwBA,CAAAC,IAAA,EAUtC;EAAA,IATAC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACDC,YAAY,GAAAF,IAAA,CAApBL,MAAM;EASN,OAAOG,UAAU,CAAC;IAChBG,SAAS,EAATA,SAAS;IACTE,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,CACVT,MAAM,CAACO,YAAY,CAAC,EACpBT,IAAI,CAAC,CAAC,EACNG,KAAK,CAAC;MAAES,OAAO,EAAEX,UAAU,CAAC;IAAE,CAAC,CAAC,EAChCG,IAAI,CAAC;MACHS,KAAK,WAALA,KAAKA,CAAAC,KAAA,EAAgD;QAAA,IAA7CC,cAAc,GAAAD,KAAA,CAAdC,cAAc;UAAEC,eAAe,GAAAF,KAAA,CAAfE,eAAe;UAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;QAC/CC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;UACrCC,QAAQ,KAAAC,MAAA,CAAKR,cAAc,OAAI;UAC/BS,SAAS,KAAAD,MAAA,CAAKP,eAAe,OAAI;UACjCS,SAAS,EAAE;QACb,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EAEN,CAAC,CAAC;AACJ"}
+{"version":3,"file":"useDropdownFlyoutOverlay.js","names":["flip","limitShift","offset","shift","size","useOverlay","useDropdownFlyoutOverlay","_ref","placement","offsetConfig","width","middleware","limiter","apply","_ref2","availableWidth","availableHeight","elements","Object","assign","floating","style","maxWidth","concat","maxHeight","overflowY"],"sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"sourcesContent":["import { flip, limitShift, offset, shift, size } from '@floating-ui/react-dom'\nimport type { CSSProperties } from 'react'\nimport type {\n  OverlayOffsetValue,\n  OverlayRefType,\n  ReferenceRefType,\n} from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport type { Placement } from '../_utils/placement'\n\nexport function useDropdownFlyoutOverlay({\n  placement,\n  offset: offsetConfig,\n}: {\n  placement: Placement\n  offset?: OverlayOffsetValue\n}): {\n  overlayRef: OverlayRefType\n  referenceRef: ReferenceRefType\n  overlayStyle: CSSProperties\n} {\n  return useOverlay({\n    placement,\n    width: 'fit-content',\n    middleware: [\n      offset(offsetConfig),\n      flip(),\n      shift({ limiter: limitShift() }),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${availableWidth}px`,\n            maxHeight: `${availableHeight}px`,\n            overflowY: 'auto',\n          })\n        },\n      }),\n    ],\n  })\n}\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,wBAAwB;AAO9E,SAASC,UAAU,QAAQ,uBAAuB;AAGlD,OAAO,SAASC,wBAAwBA,CAAAC,IAAA,EAUtC;EAAA,IATAC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACDC,YAAY,GAAAF,IAAA,CAApBL,MAAM;EASN,OAAOG,UAAU,CAAC;IAChBG,SAAS,EAATA,SAAS;IACTE,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,CACVT,MAAM,CAACO,YAAY,CAAC,EACpBT,IAAI,CAAC,CAAC,EACNG,KAAK,CAAC;MAAES,OAAO,EAAEX,UAAU,CAAC;IAAE,CAAC,CAAC,EAChCG,IAAI,CAAC;MACHS,KAAK,WAALA,KAAKA,CAAAC,KAAA,EAAgD;QAAA,IAA7CC,cAAc,GAAAD,KAAA,CAAdC,cAAc;UAAEC,eAAe,GAAAF,KAAA,CAAfE,eAAe;UAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;QAC/CC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;UACrCC,QAAQ,KAAAC,MAAA,CAAKR,cAAc,OAAI;UAC/BS,SAAS,KAAAD,MAAA,CAAKP,eAAe,OAAI;UACjCS,SAAS,EAAE;QACb,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EAEN,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/Dropzone/Dropzone.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import type { DropzoneContentProps, DropzoneErrorBannerProps, DropzoneProps, DropzoneRef, MultipleErrorsProps } from './Dropzone.types';
 export declare function MultipleErrors(props: MultipleErrorsProps): React.JSX.Element;
-export declare const DropzoneErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<DropzoneErrorBannerProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<React.ForwardRefExoticComponent<DropzoneErrorBannerProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
+export declare const DropzoneErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<DropzoneErrorBannerProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<React.ForwardRefExoticComponent<DropzoneErrorBannerProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
 export declare function DropzoneDefaultMessage({ open, disabled, multiple, errorMessage, }: DropzoneContentProps & {
     multiple: boolean;
 }): React.JSX.Element;

package/dist/Dropzone/Dropzone.hooks.js

@@ -162,7 +162,7 @@ export var useDropzone = function useDropzone() {
     })));
     if (!multiple && droppedFiles.length > 1) {
       dispatchDropError(dropErrors.oneFileAtATime);
-      onDropRejected === null || onDropRejected === void 0 ? void 0 : onDropRejected(droppedFiles.map(withOneDropAtATimeError), event);
+      onDropRejected === null || onDropRejected === void 0 || onDropRejected(droppedFiles.map(withOneDropAtATimeError), event);
       return;
     }
     var allFilesWithRejections = [].concat(_toConsumableArray(acceptedFiles.map(function (file) {
@@ -192,14 +192,14 @@ export var useDropzone = function useDropzone() {
       var file = _ref5.file;
       return file;
     });
-    _onDrop === null || _onDrop === void 0 ? void 0 : _onDrop(actualAcceptedFiles, actualRejectedFiles, event);
+    _onDrop === null || _onDrop === void 0 || _onDrop(actualAcceptedFiles, actualRejectedFiles, event);
     setAcceptedFiles(actualAcceptedFiles);
     setFileRejections(actualRejectedFiles);
     if (actualAcceptedFiles.length) {
-      onDropAccepted === null || onDropAccepted === void 0 ? void 0 : onDropAccepted(actualAcceptedFiles, event);
+      onDropAccepted === null || onDropAccepted === void 0 || onDropAccepted(actualAcceptedFiles, event);
     }
     if (actualRejectedFiles.length) {
-      onDropRejected === null || onDropRejected === void 0 ? void 0 : onDropRejected(actualRejectedFiles, event);
+      onDropRejected === null || onDropRejected === void 0 || onDropRejected(actualRejectedFiles, event);
     }
     var errorCodes = actualRejectedFiles.flatMap(function (rejection) {
       return rejection.errors;

package/dist/Dropzone/Dropzone.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.hooks.js","names":["React","useDropzone","useDropzoneBase","useI18nContext","partition","MultipleErrors","StyledErrorBannerDetails","dropErrors","fileRejectionReason","getFileDetail","isZeroSize","oneDropAtATimeRejectionReason","dropErrorsByReason","_defineProperty","maxFiles","fileAmount","maxFileSize","minFileSize","fileType","getSizeInMB","maxSize","_ref","arguments","length","undefined","_ref$value","value","_ref$disabled","disabled","_ref$multiple","multiple","_ref$noClick","noClick","_ref$noKeyboard","noKeyboard","onDragEnter","onDragOver","onDragLeave","onDropRejected","minSize","_ref$maxFileNumber","maxFileNumber","Infinity","_onDrop","onDrop","onDropAccepted","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","acceptedFiles","setAcceptedFiles","_React$useState3","_React$useState4","fileRejections","setFileRejections","maxFilesRemaining","defaultDropError","type","reset","title","message","dropErrorReducer","state","action","rejectedFiles","createElement","map","_ref2","file","key","name","t","oneFileAtATime","body","sizeInMegabytes","multipleErrors","_objectSpread","withOneDropAtATimeError","errors","code","_React$useReducer","useReducer","_React$useReducer2","dropError","dispatchDropError","useCallback","event","droppedFiles","concat","_toConsumableArray","rej","allFilesWithRejections","_ref3","i","_partition","_ref4","_partition2","actualAcceptedFiles_","actualRejectedFiles","actualAcceptedFiles","_ref5","errorCodes","flatMap","rejection","error","hasMultipleErrors","Set","size","_useDropzoneBase","getRootProps","getInputProps","isDragActive","isFileDialogActive","isDragReject","isFocused","isDragAccept","draggedFiles","open","rootRef","inputRef","dragError","useMemo","getFileTypeError","count","getFileAmountError","fileLimit","amountError"],"sources":["../../src/Dropzone/Dropzone.hooks.tsx"],"sourcesContent":["import React from 'react'\nimport type { DropEvent, DropzoneOptions } from 'react-dropzone'\nimport { useDropzone as useDropzoneBase } from 'react-dropzone'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { partition } from '../_utils/partition'\nimport { MultipleErrors } from './Dropzone'\nimport { StyledErrorBannerDetails } from './Dropzone.styles'\nimport type {\n  DropError,\n  DropErrorType,\n  DropzoneHookProps,\n  DropzoneHookState,\n  FileRejection,\n  FileRejectionReason,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\nimport { getFileDetail, isZeroSize } from './Dropzone.utils'\n\nconst oneDropAtATimeRejectionReason = 'one-drop-at-a-time'\n\nconst dropErrorsByReason: Record<FileRejectionReason, DropErrorType> = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n}\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n * WARNING:\n * Use ACCEPT prop carefully, because mime type determination is not reliable across platforms.\n * Details: https://github.com/react-dropzone/react-dropzone/tree/master/examples/accept#browser-limitations\n */\nexport const useDropzone = ({\n  value = [],\n  disabled = false,\n  multiple = false,\n  noClick = true,\n  noKeyboard = true,\n  onDragEnter,\n  onDragOver,\n  onDragLeave,\n  onDropRejected,\n  maxFileSize: maxSize,\n  minFileSize: minSize,\n  maxFileNumber = Infinity,\n  onDrop: _onDrop,\n  onDropAccepted,\n  ...props\n}: DropzoneHookProps = {}): DropzoneHookState => {\n  const I18n = useI18nContext()\n  const [acceptedFiles, setAcceptedFiles] = React.useState<File[]>([])\n  const [fileRejections, setFileRejections] = React.useState<FileRejection[]>(\n    []\n  )\n\n  const maxFilesRemaining = maxFileNumber - value.length\n\n  const defaultDropError = {\n    type: dropErrors.reset,\n    title: '',\n    message: '',\n  }\n\n  const dropErrorReducer = (\n    state: DropError,\n    action: DropErrorType\n  ): DropError => {\n    const rejectedFiles = (\n      <StyledErrorBannerDetails>\n        {fileRejections.map(({ file }) => {\n          return <li key={file.name}>{getFileDetail(file)}</li>\n        })}\n      </StyledErrorBannerDetails>\n    )\n    const title = I18n.t('core.dropzone.errorTitle')\n\n    switch (action) {\n      case dropErrors.oneFileAtATime:\n        return {\n          type: dropErrors.oneFileAtATime,\n          title: '',\n          message: I18n.t('core.dropzone.oneFileAtATimeError'),\n        }\n      case dropErrors.fileAmount:\n        return {\n          type: dropErrors.fileAmount,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileNumberError', {\n            maxFiles: maxFileNumber,\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.fileType:\n        return {\n          type: dropErrors.fileType,\n          title,\n          message: I18n.t('core.dropzone.standaloneUnsupportedFileTypeError'),\n          body: rejectedFiles,\n        }\n      case dropErrors.maxFileSize:\n        return {\n          type: dropErrors.maxFileSize,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileSizeError', {\n            sizeInMegabytes: getSizeInMB(maxSize as number),\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.minFileSize:\n        const message = isZeroSize(minSize)\n          ? I18n.t('core.dropzone.standaloneZeroFileSizeError')\n          : I18n.t('core.dropzone.standaloneMinFileSizeError', {\n              sizeInMegabytes: getSizeInMB(minSize as number),\n            })\n\n        return {\n          type: dropErrors.minFileSize,\n          title,\n          message,\n          body: rejectedFiles,\n        }\n      case dropErrors.multipleErrors:\n        return {\n          type: dropErrors.multipleErrors,\n          title,\n          message: I18n.t('core.dropzone.multipleErrorsMessage'),\n          body: (\n            <MultipleErrors\n              fileRejections={fileRejections}\n              maxFiles={maxFileNumber}\n              maxSize={maxSize}\n              minSize={minSize}\n            />\n          ),\n        }\n      case dropErrors.reset:\n        return { ...defaultDropError }\n      default:\n        return state\n    }\n  }\n\n  const withOneDropAtATimeError = (file: File) => ({\n    file,\n    errors: [\n      {\n        message: I18n.t('core.dropzone.oneDropAtATimeError'),\n        code: oneDropAtATimeRejectionReason as FileRejectionReason,\n      },\n    ],\n  })\n\n  const [dropError, dispatchDropError] = React.useReducer<\n    React.Reducer<DropError, DropErrorType>\n  >(dropErrorReducer, { ...defaultDropError })\n\n  const onDrop: DropzoneOptions['onDrop'] = React.useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent\n    ) => {\n      dispatchDropError(dropErrors.reset)\n\n      const droppedFiles = [\n        ...acceptedFiles,\n        ...rejectedFiles.map((rej) => rej.file),\n      ]\n      if (!multiple && droppedFiles.length > 1) {\n        dispatchDropError(dropErrors.oneFileAtATime)\n        onDropRejected?.(droppedFiles.map(withOneDropAtATimeError), event)\n        return\n      }\n\n      const allFilesWithRejections = [\n        ...acceptedFiles.map((file) => ({ file, errors: [] })),\n        ...rejectedFiles,\n      ].map(({ file, errors }, i) => ({\n        file,\n        errors:\n          i < maxFilesRemaining\n            ? errors\n            : [...errors, { message: '', code: fileRejectionReason.maxFiles }],\n      }))\n\n      const [actualAcceptedFiles_, actualRejectedFiles] =\n        partition<FileRejection>(\n          ({ errors }) => errors.length === 0,\n          allFilesWithRejections\n        )\n\n      const actualAcceptedFiles = actualAcceptedFiles_.map(({ file }) => file)\n\n      _onDrop?.(actualAcceptedFiles, actualRejectedFiles, event)\n\n      setAcceptedFiles(actualAcceptedFiles)\n      setFileRejections(actualRejectedFiles)\n\n      if (actualAcceptedFiles.length) {\n        onDropAccepted?.(actualAcceptedFiles, event)\n      }\n\n      if (actualRejectedFiles.length) {\n        onDropRejected?.(actualRejectedFiles, event)\n      }\n\n      const errorCodes = actualRejectedFiles\n        .flatMap((rejection) => rejection.errors)\n        .map((error) => error.code)\n      const hasMultipleErrors = new Set([...errorCodes]).size > 1\n\n      if (hasMultipleErrors) {\n        dispatchDropError(dropErrors.multipleErrors)\n      } else {\n        dispatchDropError(dropErrorsByReason[errorCodes[0]])\n      }\n    },\n    [_onDrop, maxFilesRemaining, onDropRejected, onDropAccepted, multiple]\n  )\n\n  const {\n    getRootProps,\n    getInputProps,\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    open,\n    rootRef,\n    inputRef,\n  } = useDropzoneBase({\n    ...props,\n    disabled,\n    minSize,\n    maxSize,\n    multiple,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    noClick,\n    noKeyboard,\n  })\n\n  const dragError = React.useMemo(() => {\n    const getFileTypeError = () => {\n      return isDragReject\n        ? I18n.t('core.dropzone.incorrectFileTypeMessage', {\n            count: draggedFiles.length,\n          })\n        : ''\n    }\n\n    const getFileAmountError = () => {\n      const fileLimit = multiple ? maxFilesRemaining : 1\n\n      const amountError = multiple\n        ? I18n.t('core.dropzone.invalidAmountAttachments', {\n            count: maxFileNumber,\n          })\n        : I18n.t('core.dropzone.incorrectFileNumber')\n\n      return draggedFiles.length > fileLimit ? amountError : ''\n    }\n\n    return getFileAmountError() || getFileTypeError()\n  }, [\n    I18n,\n    draggedFiles.length,\n    maxFilesRemaining,\n    isDragReject,\n    maxFileNumber,\n    multiple,\n  ])\n\n  return {\n    getRootProps,\n    getInputProps,\n\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    acceptedFiles,\n    fileRejections,\n\n    open,\n    rootRef,\n    inputRef,\n\n    multiple,\n    dragError,\n    dropError,\n    dispatchDropError,\n    disabled,\n\n    value,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Dropzone.hooks.js","names":["React","useDropzone","useDropzoneBase","useI18nContext","partition","MultipleErrors","StyledErrorBannerDetails","dropErrors","fileRejectionReason","getFileDetail","isZeroSize","oneDropAtATimeRejectionReason","dropErrorsByReason","_defineProperty","maxFiles","fileAmount","maxFileSize","minFileSize","fileType","getSizeInMB","maxSize","_ref","arguments","length","undefined","_ref$value","value","_ref$disabled","disabled","_ref$multiple","multiple","_ref$noClick","noClick","_ref$noKeyboard","noKeyboard","onDragEnter","onDragOver","onDragLeave","onDropRejected","minSize","_ref$maxFileNumber","maxFileNumber","Infinity","_onDrop","onDrop","onDropAccepted","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","acceptedFiles","setAcceptedFiles","_React$useState3","_React$useState4","fileRejections","setFileRejections","maxFilesRemaining","defaultDropError","type","reset","title","message","dropErrorReducer","state","action","rejectedFiles","createElement","map","_ref2","file","key","name","t","oneFileAtATime","body","sizeInMegabytes","multipleErrors","_objectSpread","withOneDropAtATimeError","errors","code","_React$useReducer","useReducer","_React$useReducer2","dropError","dispatchDropError","useCallback","event","droppedFiles","concat","_toConsumableArray","rej","allFilesWithRejections","_ref3","i","_partition","_ref4","_partition2","actualAcceptedFiles_","actualRejectedFiles","actualAcceptedFiles","_ref5","errorCodes","flatMap","rejection","error","hasMultipleErrors","Set","size","_useDropzoneBase","getRootProps","getInputProps","isDragActive","isFileDialogActive","isDragReject","isFocused","isDragAccept","draggedFiles","open","rootRef","inputRef","dragError","useMemo","getFileTypeError","count","getFileAmountError","fileLimit","amountError"],"sources":["../../src/Dropzone/Dropzone.hooks.tsx"],"sourcesContent":["import React from 'react'\nimport type { DropEvent, DropzoneOptions } from 'react-dropzone'\nimport { useDropzone as useDropzoneBase } from 'react-dropzone'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { partition } from '../_utils/partition'\nimport { MultipleErrors } from './Dropzone'\nimport { StyledErrorBannerDetails } from './Dropzone.styles'\nimport type {\n  DropError,\n  DropErrorType,\n  DropzoneHookProps,\n  DropzoneHookState,\n  FileRejection,\n  FileRejectionReason,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\nimport { getFileDetail, isZeroSize } from './Dropzone.utils'\n\nconst oneDropAtATimeRejectionReason = 'one-drop-at-a-time'\n\nconst dropErrorsByReason: Record<FileRejectionReason, DropErrorType> = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n}\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n * WARNING:\n * Use ACCEPT prop carefully, because mime type determination is not reliable across platforms.\n * Details: https://github.com/react-dropzone/react-dropzone/tree/master/examples/accept#browser-limitations\n */\nexport const useDropzone = ({\n  value = [],\n  disabled = false,\n  multiple = false,\n  noClick = true,\n  noKeyboard = true,\n  onDragEnter,\n  onDragOver,\n  onDragLeave,\n  onDropRejected,\n  maxFileSize: maxSize,\n  minFileSize: minSize,\n  maxFileNumber = Infinity,\n  onDrop: _onDrop,\n  onDropAccepted,\n  ...props\n}: DropzoneHookProps = {}): DropzoneHookState => {\n  const I18n = useI18nContext()\n  const [acceptedFiles, setAcceptedFiles] = React.useState<File[]>([])\n  const [fileRejections, setFileRejections] = React.useState<FileRejection[]>(\n    []\n  )\n\n  const maxFilesRemaining = maxFileNumber - value.length\n\n  const defaultDropError = {\n    type: dropErrors.reset,\n    title: '',\n    message: '',\n  }\n\n  const dropErrorReducer = (\n    state: DropError,\n    action: DropErrorType\n  ): DropError => {\n    const rejectedFiles = (\n      <StyledErrorBannerDetails>\n        {fileRejections.map(({ file }) => {\n          return <li key={file.name}>{getFileDetail(file)}</li>\n        })}\n      </StyledErrorBannerDetails>\n    )\n    const title = I18n.t('core.dropzone.errorTitle')\n\n    switch (action) {\n      case dropErrors.oneFileAtATime:\n        return {\n          type: dropErrors.oneFileAtATime,\n          title: '',\n          message: I18n.t('core.dropzone.oneFileAtATimeError'),\n        }\n      case dropErrors.fileAmount:\n        return {\n          type: dropErrors.fileAmount,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileNumberError', {\n            maxFiles: maxFileNumber,\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.fileType:\n        return {\n          type: dropErrors.fileType,\n          title,\n          message: I18n.t('core.dropzone.standaloneUnsupportedFileTypeError'),\n          body: rejectedFiles,\n        }\n      case dropErrors.maxFileSize:\n        return {\n          type: dropErrors.maxFileSize,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileSizeError', {\n            sizeInMegabytes: getSizeInMB(maxSize as number),\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.minFileSize:\n        const message = isZeroSize(minSize)\n          ? I18n.t('core.dropzone.standaloneZeroFileSizeError')\n          : I18n.t('core.dropzone.standaloneMinFileSizeError', {\n              sizeInMegabytes: getSizeInMB(minSize as number),\n            })\n\n        return {\n          type: dropErrors.minFileSize,\n          title,\n          message,\n          body: rejectedFiles,\n        }\n      case dropErrors.multipleErrors:\n        return {\n          type: dropErrors.multipleErrors,\n          title,\n          message: I18n.t('core.dropzone.multipleErrorsMessage'),\n          body: (\n            <MultipleErrors\n              fileRejections={fileRejections}\n              maxFiles={maxFileNumber}\n              maxSize={maxSize}\n              minSize={minSize}\n            />\n          ),\n        }\n      case dropErrors.reset:\n        return { ...defaultDropError }\n      default:\n        return state\n    }\n  }\n\n  const withOneDropAtATimeError = (file: File) => ({\n    file,\n    errors: [\n      {\n        message: I18n.t('core.dropzone.oneDropAtATimeError'),\n        code: oneDropAtATimeRejectionReason as FileRejectionReason,\n      },\n    ],\n  })\n\n  const [dropError, dispatchDropError] = React.useReducer<\n    React.Reducer<DropError, DropErrorType>\n  >(dropErrorReducer, { ...defaultDropError })\n\n  const onDrop: DropzoneOptions['onDrop'] = React.useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent\n    ) => {\n      dispatchDropError(dropErrors.reset)\n\n      const droppedFiles = [\n        ...acceptedFiles,\n        ...rejectedFiles.map((rej) => rej.file),\n      ]\n      if (!multiple && droppedFiles.length > 1) {\n        dispatchDropError(dropErrors.oneFileAtATime)\n        onDropRejected?.(droppedFiles.map(withOneDropAtATimeError), event)\n        return\n      }\n\n      const allFilesWithRejections = [\n        ...acceptedFiles.map((file) => ({ file, errors: [] })),\n        ...rejectedFiles,\n      ].map(({ file, errors }, i) => ({\n        file,\n        errors:\n          i < maxFilesRemaining\n            ? errors\n            : [...errors, { message: '', code: fileRejectionReason.maxFiles }],\n      }))\n\n      const [actualAcceptedFiles_, actualRejectedFiles] =\n        partition<FileRejection>(\n          ({ errors }) => errors.length === 0,\n          allFilesWithRejections\n        )\n\n      const actualAcceptedFiles = actualAcceptedFiles_.map(({ file }) => file)\n\n      _onDrop?.(actualAcceptedFiles, actualRejectedFiles, event)\n\n      setAcceptedFiles(actualAcceptedFiles)\n      setFileRejections(actualRejectedFiles)\n\n      if (actualAcceptedFiles.length) {\n        onDropAccepted?.(actualAcceptedFiles, event)\n      }\n\n      if (actualRejectedFiles.length) {\n        onDropRejected?.(actualRejectedFiles, event)\n      }\n\n      const errorCodes = actualRejectedFiles\n        .flatMap((rejection) => rejection.errors)\n        .map((error) => error.code)\n      const hasMultipleErrors = new Set([...errorCodes]).size > 1\n\n      if (hasMultipleErrors) {\n        dispatchDropError(dropErrors.multipleErrors)\n      } else {\n        dispatchDropError(dropErrorsByReason[errorCodes[0]])\n      }\n    },\n    [_onDrop, maxFilesRemaining, onDropRejected, onDropAccepted, multiple]\n  )\n\n  const {\n    getRootProps,\n    getInputProps,\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    open,\n    rootRef,\n    inputRef,\n  } = useDropzoneBase({\n    ...props,\n    disabled,\n    minSize,\n    maxSize,\n    multiple,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    noClick,\n    noKeyboard,\n  })\n\n  const dragError = React.useMemo(() => {\n    const getFileTypeError = () => {\n      return isDragReject\n        ? I18n.t('core.dropzone.incorrectFileTypeMessage', {\n            count: draggedFiles.length,\n          })\n        : ''\n    }\n\n    const getFileAmountError = () => {\n      const fileLimit = multiple ? maxFilesRemaining : 1\n\n      const amountError = multiple\n        ? I18n.t('core.dropzone.invalidAmountAttachments', {\n            count: maxFileNumber,\n          })\n        : I18n.t('core.dropzone.incorrectFileNumber')\n\n      return draggedFiles.length > fileLimit ? amountError : ''\n    }\n\n    return getFileAmountError() || getFileTypeError()\n  }, [\n    I18n,\n    draggedFiles.length,\n    maxFilesRemaining,\n    isDragReject,\n    maxFileNumber,\n    multiple,\n  ])\n\n  return {\n    getRootProps,\n    getInputProps,\n\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    acceptedFiles,\n    fileRejections,\n\n    open,\n    rootRef,\n    inputRef,\n\n    multiple,\n    dragError,\n    dropError,\n    dispatchDropError,\n    disabled,\n\n    value,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropzone/Dropzone.js

@@ -48,7 +48,9 @@ var DropzoneErrorBannerBase = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }
   return /*#__PURE__*/React.createElement(StyledErrorBanner, _extends({}, props, {
     ref: ref
-  }), /*#__PURE__*/React.createElement(Banner.Content, null, /*#__PURE__*/React.createElement(Banner.Title, null, error.title), /*#__PURE__*/React.createElement(Banner.Body, null, error.message)), error.body ? /*#__PURE__*/React.createElement(Banner.Action, null, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Banner.Content, {
+    role: "alert"
+  }, /*#__PURE__*/React.createElement(Banner.Title, null, error.title), /*#__PURE__*/React.createElement(Banner.Body, null, error.message)), error.body ? /*#__PURE__*/React.createElement(Banner.Action, null, /*#__PURE__*/React.createElement(Button, {
     "data-qa": qa === null || qa === void 0 ? void 0 : qa.showErrorDetails,
     onClick: function onClick() {
       return setExpanded(function (prev) {
@@ -95,7 +97,7 @@ export function MultipleErrors(props) {
 // make error banner accessible as a styled-components selector
 export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
   displayName: "DropzoneErrorBanner",
-  componentId: "core-12_53_0__sc-l4fojb-0"
+  componentId: "core-12_53_2__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref2) {
   var active = _ref2.active,