@wix/design-system 1.0.0

package/dist/cjs/DropdownLayout/DropdownLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MOUSE_EVENTS_SUPPORTED","KEY","arrowLeft","arrowUp","arrowRight","arrowDown","escape","tab","enter","space","home","end","ListType","action","select","modulu","n","m","remain","getUnit","value","isString","NOT_HOVERED_INDEX","DIVIDER_OPTION_VALUE","DropdownLayout","React","PureComponent","constructor","props","focusableItemsIdsList","savedOnClicks","children","_onMouseEventsHandler","e","_checkIfEventOnElements","ReactDOM","findDOMNode","_onClickOutside","event","visible","onClickOutside","_onSelect","index","options","onSelect","listType","stopPropagation","_onClose","chosenOption","sameOptionWasPicked","id","state","selectedId","_isControlled","setState","_onActionClick","onClick","find","_saveOnClicks","map","_onMouseEnter","_isSelectableOption","_markOption","_onMouseLeave","_focusOnOption","focusOnOption","markedIndex","findIndex","option","_markOptionAtIndex","infiniteScroll","menuElement","hoveredElement","childNodes","scrollIntoView","_onSelectListKeyDown","isComposing","key","_markNextStep","preventDefault","hovered","closeOnSelect","_focus","focusedItemId","element","native","focus","focusableHOC","wrappedComponentRef","callback","innerComponentRef","_handleActionListNavigation","length","currentMenuItemIndex","indexOf","firstMenuItem","lastMenuItem","_onActionListKeyDown","onClose","_wrapWithInfiniteScroll","scrollableElement","DATA_HOOKS","INFINITE_SCROLL_CONTAINER","loadMore","hasMore","classes","loader","DROPDOWN_LAYOUT_LOADER","_getDataAttributes","dropDirectionUp","filterObject","CONTENT_CONTAINER","DATA_SHOWN","DATA_SELECTED_OPTION_ID","DATA_DIRECTION","DROPDOWN_LAYOUT_DIRECTIONS","UP","DOWN","_getItemDataAttr","selected","disabled","itemHeight","selectedHighlight","DATA_OPTION","DISABLED","SELECTED","HOVERED","SIZE","containerRef","createRef","componentDidMount","focusOnSelectedOption","scrollToOption","autoFocus","_focusOnSelectedOption","hasOwnProperty","_scrollToOption","_markOptionByProperty","forEach","eventName","document","addEventListener","_boundEvents","_focusFirstOption","componentWillUnmount","removeEventListener","componentDidUpdate","prevProps","UNSAFE_componentWillReceiveProps","nextProps","_findIndex","item","elem","current","target","parentNode","_renderTopArrow","withArrow","TOP_ARROW","arrow","_convertOptionToListItemSectionBuilder","idx","title","isTitle","listItemSectionBuilder","dataHook","OPTION_DATA_HOOKS","DIVIDER","type","TITLE","_convertOptionToListItemActionBuilder","optionTitle","rest","listItemActionBuilder","undefined","ref","tabIndex","role","selectedOption","scrollTop","Math","max","offsetTop","offsetHeight","_setSelectedOptionNode","optionNode","onOptionMarked","_getMarkedIndex","useHoverIndex","useSelectedIdIndex","step","some","abs","optionIndex","_renderNode","node","_convertCustomOptionToBuilder","overrideOptionStyle","overrideStyle","OPTION","_convertOptionToListItemSelectBuilder","listItemSelectBuilder","className","st","selectableOption","_isBuilderOption","_isCustomOption","_isActionOption","_isItemSection","_convertOptionToBuilder","_renderOption","builderOption","content","_renderOptionContent","hasLink","linkTo","isActionItem","linkItem","LINK_ITEM","optionState","markedOption","selectableOptions","filter","idToMark","arr","predicate","Array","isArray","_renderOptions","render","onMouseEnter","onMouseLeave","onMouseDown","fixedHeader","fixedFooter","inContainer","overflow","maxHeightPixels","minWidthPixels","renderedOptions","root","direction","containerStyles","contentContainer","maxHeight","minWidth","parseInt","_options","DROPDOWN_LAYOUT_OPTIONS","optionPropTypes","PropTypes","shape","oneOfType","string","number","isRequired","func","bool","label","optionValidator","propName","componentName","optionError","checkPropTypes","toString","trim","Error","propTypes","arrayOf","oneOf","defaultProps","displayName","NONE_SELECTED_ID"],"sources":["../../../src/DropdownLayout/DropdownLayout.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport Loader from '../Loader/Loader';\nimport InfiniteScroll from '../utils/InfiniteScroll';\nimport scrollIntoView from '../utils/scrollIntoView';\nimport {\n  DATA_HOOKS,\n  DATA_OPTION,\n  DATA_SHOWN,\n  DATA_DIRECTION,\n  DROPDOWN_LAYOUT_DIRECTIONS,\n  OPTION_DATA_HOOKS,\n  DROPDOWN_LAYOUT_LOADER,\n  DATA_SELECTED_OPTION_ID,\n} from './DataAttr';\nimport { st, classes } from './DropdownLayout.st.css';\nimport { filterObject } from '../utils/filterObject';\nimport ReactDOM from 'react-dom';\nimport { listItemSectionBuilder } from '../ListItemSection';\nimport { listItemSelectBuilder } from '../ListItemSelect';\nimport { listItemActionBuilder } from '../ListItemAction';\nimport { isString } from '../utils/StringUtils';\n\nconst MOUSE_EVENTS_SUPPORTED = ['mouseup', 'touchend'];\nconst KEY = {\n  arrowLeft: 'ArrowLeft',\n  arrowUp: 'ArrowUp',\n  arrowRight: 'ArrowRight',\n  arrowDown: 'ArrowDown',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: ' ',\n  home: 'Home',\n  end: 'End',\n};\n\nconst ListType = {\n  action: 'action',\n  select: 'select',\n};\n\nconst modulu = (n, m) => {\n  const remain = n % m;\n  return remain >= 0 ? remain : remain + m;\n};\n\nconst getUnit = value => (isString(value) ? value : `${value}px`);\n\nconst NOT_HOVERED_INDEX = -1;\nexport const DIVIDER_OPTION_VALUE = '-';\n\nclass DropdownLayout extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.containerRef = React.createRef();\n\n    this.state = {\n      hovered: NOT_HOVERED_INDEX,\n      selectedId: props.selectedId,\n      focusedItemId: null,\n    };\n  }\n\n  focusableItemsIdsList = [];\n  savedOnClicks = [];\n  children = {};\n\n  componentDidMount() {\n    const { focusOnSelectedOption, scrollToOption, autoFocus } = this.props;\n    if (focusOnSelectedOption) {\n      this._focusOnSelectedOption();\n    } else if (this.props.hasOwnProperty('focusOnOption')) {\n      this._focusOnOption();\n    }\n    if (scrollToOption) {\n      this._scrollToOption();\n    }\n\n    this._markOptionByProperty(this.props);\n\n    // Deprecated\n    MOUSE_EVENTS_SUPPORTED.forEach(eventName => {\n      document.addEventListener(eventName, this._onMouseEventsHandler, true);\n    });\n\n    this._boundEvents = MOUSE_EVENTS_SUPPORTED;\n\n    if (autoFocus) {\n      this._focusFirstOption();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this._boundEvents && typeof document !== 'undefined') {\n      this._boundEvents.forEach(eventName => {\n        document.removeEventListener(\n          eventName,\n          this._onMouseEventsHandler,\n          true,\n        );\n      });\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const { focusOnOption } = this.props;\n    if (prevProps.focusOnOption !== focusOnOption) {\n      this._focusOnOption();\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (this.props.visible !== nextProps.visible) {\n      this._markOption(NOT_HOVERED_INDEX);\n    }\n\n    if (this.props.selectedId !== nextProps.selectedId) {\n      this.setState({ selectedId: nextProps.selectedId });\n    }\n\n    // make sure the same item is hovered if options changed\n    if (\n      this.state.hovered !== NOT_HOVERED_INDEX &&\n      (!nextProps.options[this.state.hovered] ||\n        this.props.options[this.state.hovered].id !==\n          nextProps.options[this.state.hovered].id)\n    ) {\n      this._markOption(\n        this._findIndex(\n          nextProps.options,\n          item => item.id === this.props.options[this.state.hovered].id,\n        ),\n      );\n    }\n\n    this._markOptionByProperty(nextProps);\n  }\n\n  _focusFirstOption() {\n    this._focus(this.focusableItemsIdsList[0]);\n  }\n\n  // Deprecated\n  _checkIfEventOnElements(e, elem) {\n    let current = e.target;\n    while (current.parentNode) {\n      if (elem.indexOf(current) > -1) {\n        return true;\n      }\n      current = current.parentNode;\n    }\n\n    return current !== document;\n  }\n\n  // Deprecated\n  _onMouseEventsHandler = e => {\n    if (!this._checkIfEventOnElements(e, [ReactDOM.findDOMNode(this)])) {\n      this._onClickOutside(e);\n    }\n  };\n\n  // Deprecated\n  _renderTopArrow() {\n    const { withArrow, visible } = this.props;\n\n    return withArrow && visible ? (\n      <div data-hook={DATA_HOOKS.TOP_ARROW} className={classes.arrow} />\n    ) : null;\n  }\n\n  _convertOptionToListItemSectionBuilder({ option, idx }) {\n    const { value, id, title: isTitle } = option;\n\n    if (value === DIVIDER_OPTION_VALUE) {\n      return listItemSectionBuilder({\n        dataHook: OPTION_DATA_HOOKS.DIVIDER,\n        id: id || idx,\n        type: 'divider',\n      });\n    }\n\n    if (isTitle) {\n      return listItemSectionBuilder({\n        dataHook: OPTION_DATA_HOOKS.TITLE,\n        id,\n        type: 'subheader',\n        title: value,\n      });\n    }\n  }\n\n  _convertOptionToListItemActionBuilder({ option, idx }) {\n    const { id, value, disabled, optionTitle, title, ...rest } = option;\n    return listItemActionBuilder({\n      id: id !== undefined ? id : idx,\n      ref: ref => (this.children[id] = ref),\n      tabIndex: id === this.state.focusedItemId && !disabled ? '0' : '-1',\n      disabled,\n      title: optionTitle,\n      role: 'menuitem',\n      ...rest,\n    });\n  }\n\n  _isControlled() {\n    return (\n      typeof this.props.selectedId !== 'undefined' &&\n      typeof this.props.onSelect !== 'undefined'\n    );\n  }\n\n  _focusOnSelectedOption() {\n    if (this.selectedOption) {\n      this.options.scrollTop = Math.max(\n        this.selectedOption.offsetTop - this.selectedOption.offsetHeight,\n        0,\n      );\n    }\n  }\n\n  _setSelectedOptionNode(optionNode, option) {\n    if (option.id === this.state.selectedId) {\n      this.selectedOption = optionNode;\n    }\n  }\n\n  _onClickOutside = event => {\n    const { visible, onClickOutside } = this.props;\n    if (visible && onClickOutside) {\n      onClickOutside(event);\n    }\n  };\n\n  _markOption(index, options) {\n    const { onOptionMarked } = this.props;\n    options = options || this.props.options;\n\n    this.setState({ hovered: index });\n    onOptionMarked && onOptionMarked(options[index] || null);\n  }\n\n  _onSelect = (index, e) => {\n    const { options, onSelect, listType } = this.props;\n\n    if (listType !== ListType.select) {\n      e.stopPropagation();\n      this._onClose();\n      return;\n    }\n\n    const chosenOption = options[index];\n\n    if (chosenOption) {\n      const sameOptionWasPicked = chosenOption.id === this.state.selectedId;\n      if (onSelect) {\n        e.stopPropagation();\n        onSelect(chosenOption, sameOptionWasPicked);\n      }\n    }\n    if (!this._isControlled()) {\n      this.setState({ selectedId: chosenOption && chosenOption.id });\n    }\n    return !!onSelect && chosenOption;\n  };\n\n  _onActionClick = e => {\n    const onClick = this.savedOnClicks.find(({ id }) => id === e.id).onClick;\n    onClick && onClick(e);\n  };\n\n  _saveOnClicks = () => {\n    this.savedOnClicks = this.props.options.map(({ id, onClick }) => ({\n      id,\n      onClick,\n    }));\n  };\n\n  _onMouseEnter = index => {\n    if (this._isSelectableOption(this.props.options[index])) {\n      this._markOption(index);\n    }\n  };\n\n  _onMouseLeave = () => this._markOption(NOT_HOVERED_INDEX);\n\n  _getMarkedIndex() {\n    const { options } = this.props;\n    const useHoverIndex = this.state.hovered > NOT_HOVERED_INDEX;\n    const useSelectedIdIndex = typeof this.state.selectedId !== 'undefined';\n\n    let markedIndex;\n    if (useHoverIndex) {\n      markedIndex = this.state.hovered;\n    } else if (useSelectedIdIndex) {\n      markedIndex = options.findIndex(\n        option => option.id === this.state.selectedId,\n      );\n    } else {\n      markedIndex = NOT_HOVERED_INDEX;\n    }\n\n    return markedIndex;\n  }\n\n  _markNextStep(step) {\n    const { options } = this.props;\n\n    if (!options.some(this._isSelectableOption)) {\n      return;\n    }\n\n    let markedIndex = this._getMarkedIndex();\n\n    do {\n      markedIndex = Math.abs(\n        modulu(Math.max(markedIndex + step, -1), options.length),\n      );\n    } while (!this._isSelectableOption(options[markedIndex]));\n\n    this._markOptionAtIndex(markedIndex);\n  }\n\n  _focusOnOption = () => {\n    const { focusOnOption, options } = this.props;\n\n    const markedIndex = options.findIndex(\n      option => option.id === focusOnOption,\n    );\n\n    if (markedIndex !== -1) {\n      this._markOptionAtIndex(markedIndex);\n    } else {\n      // Remove focus\n      this._markOption(markedIndex);\n    }\n  };\n\n  _scrollToOption() {\n    const { scrollToOption, options } = this.props;\n\n    const optionIndex = options.findIndex(\n      option => option.id === scrollToOption,\n    );\n\n    const optionNode = this.options.childNodes[optionIndex];\n\n    if (!optionNode) {\n      return;\n    }\n\n    this.options.scrollTop = Math.max(\n      optionNode.offsetTop - optionNode.offsetHeight,\n      0,\n    );\n  }\n\n  _markOptionAtIndex = markedIndex => {\n    const { infiniteScroll } = this.props;\n\n    this._markOption(markedIndex);\n\n    const menuElement = this.options;\n    const hoveredElement = infiniteScroll\n      ? this.options.childNodes[0].childNodes[markedIndex]\n      : this.options.childNodes[markedIndex];\n\n    scrollIntoView(menuElement, hoveredElement);\n  };\n\n  /**\n   * Handle keydown events for the DropdownLayout, mostly for accessibility\n   *\n   * @param {SyntheticEvent} event - The keydown event triggered by React\n   * @returns {boolean} - Whether the event was handled by the component\n   */\n  _onSelectListKeyDown = event => {\n    if (\n      !this.props.visible ||\n      this.props.isComposing ||\n      this.props.listType !== ListType.select\n    ) {\n      return false;\n    }\n\n    switch (event.key) {\n      case KEY.arrowDown: {\n        this._markNextStep(1);\n        event.preventDefault();\n        break;\n      }\n\n      case KEY.arrowUp: {\n        this._markNextStep(-1);\n        event.preventDefault();\n        break;\n      }\n\n      case KEY.space:\n      case KEY.enter: {\n        if (!this._onSelect(this.state.hovered, event)) {\n          return false;\n        }\n        break;\n      }\n\n      case KEY.tab: {\n        if (this.props.closeOnSelect) {\n          return this._onSelect(this.state.hovered, event);\n        } else {\n          if (this._onSelect(this.state.hovered, event)) {\n            event.preventDefault();\n            return true;\n          } else {\n            return false;\n          }\n        }\n      }\n\n      case KEY.escape: {\n        this._onClose();\n        break;\n      }\n\n      default: {\n        return false;\n      }\n    }\n    event.stopPropagation();\n    return true;\n  };\n\n  _focus = (focusedItemId, e) => {\n    e && e.preventDefault();\n    const element = this.children[focusedItemId];\n\n    if (!element) {\n      return;\n    }\n\n    const native = element.focus;\n    const focusableHOC = element.wrappedComponentRef;\n\n    const callback = native\n      ? element.focus\n      : focusableHOC\n      ? focusableHOC.innerComponentRef.focus\n      : () => ({});\n\n    this.setState({ focusedItemId }, () => callback());\n  };\n\n  _handleActionListNavigation = (event, id) => {\n    const length = this.focusableItemsIdsList.length;\n    let focusedItemId = this.state.focusedItemId;\n    const { key } = event;\n    const currentMenuItemIndex = this.focusableItemsIdsList.indexOf(id);\n    const firstMenuItem = this.focusableItemsIdsList[0];\n    const lastMenuItem = this.focusableItemsIdsList[length - 1];\n\n    if (key === KEY.arrowLeft || key === KEY.arrowUp) {\n      focusedItemId =\n        id === 0\n          ? lastMenuItem\n          : this.focusableItemsIdsList[currentMenuItemIndex - 1];\n    }\n\n    if (key === KEY.arrowRight || key === KEY.arrowDown) {\n      focusedItemId =\n        currentMenuItemIndex === length - 1\n          ? firstMenuItem\n          : this.focusableItemsIdsList[currentMenuItemIndex + 1];\n    }\n\n    if (key === KEY.home) {\n      focusedItemId = firstMenuItem;\n    }\n\n    if (key === KEY.end) {\n      focusedItemId = lastMenuItem;\n    }\n\n    if (focusedItemId !== this.state.focusedItemId) {\n      this._focus(focusedItemId, event);\n    }\n  };\n\n  _onActionListKeyDown = (event, id) => {\n    if (this.props.listType !== ListType.action) {\n      return;\n    }\n\n    const { key } = event;\n\n    if (key === KEY.space || key === KEY.enter) {\n      event.preventDefault();\n      this._onActionClick({ id: this.state.focusedItemId });\n      this._onClose();\n    } else if (key === KEY.escape || key === KEY.tab) {\n      this._onClose();\n    } else {\n      this._handleActionListNavigation(event, id);\n    }\n\n    event.stopPropagation();\n  };\n\n  _onClose = () => {\n    this._markOption(NOT_HOVERED_INDEX);\n\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  _renderNode(node) {\n    return node ? <div>{node}</div> : null;\n  }\n\n  _wrapWithInfiniteScroll = scrollableElement => (\n    <InfiniteScroll\n      useWindow\n      dataHook={DATA_HOOKS.INFINITE_SCROLL_CONTAINER}\n      scrollElement={this.options}\n      loadMore={this.props.loadMore}\n      hasMore={this.props.hasMore}\n      data={this.props.options}\n      loader={\n        <div className={classes.loader}>\n          <Loader dataHook={DROPDOWN_LAYOUT_LOADER} size=\"small\" />\n        </div>\n      }\n    >\n      {scrollableElement}\n    </InfiniteScroll>\n  );\n\n  /** for testing purposes only */\n  _getDataAttributes = () => {\n    const { visible, dropDirectionUp } = this.props;\n    const { selectedId } = this.state;\n\n    return filterObject(\n      {\n        'data-hook': DATA_HOOKS.CONTENT_CONTAINER,\n        [DATA_SHOWN]: visible,\n        [DATA_SELECTED_OPTION_ID]:\n          selectedId === 0 ? `${selectedId}` : selectedId,\n        [DATA_DIRECTION]: dropDirectionUp\n          ? DROPDOWN_LAYOUT_DIRECTIONS.UP\n          : DROPDOWN_LAYOUT_DIRECTIONS.DOWN,\n      },\n      (key, value) => !!value,\n    );\n  };\n\n  _convertCustomOptionToBuilder({ option }) {\n    const { value, id, disabled, overrideOptionStyle, overrideStyle } = option;\n\n    if (overrideStyle) {\n      return {\n        id,\n        disabled,\n        overrideStyle,\n        value: () => <div data-hook={DATA_HOOKS.OPTION}>{value}</div>,\n      };\n    }\n\n    if (overrideOptionStyle) {\n      return {\n        id,\n        disabled,\n        overrideOptionStyle,\n        value: () => <div data-hook={DATA_HOOKS.OPTION}>{value}</div>,\n      };\n    }\n  }\n\n  _convertOptionToListItemSelectBuilder({ option }) {\n    const { value, id, disabled } = option;\n    const { selectedId } = this.state;\n    const { itemHeight, selectedHighlight } = this.props;\n\n    return listItemSelectBuilder({\n      id,\n      title: <div data-hook={DATA_HOOKS.OPTION}>{value}</div>,\n      disabled,\n      selected: id === selectedId && selectedHighlight,\n      className: st(classes.selectableOption, { itemHeight }),\n    });\n  }\n\n  _isBuilderOption({ option }) {\n    const { value } = option;\n    return typeof value === 'function';\n  }\n\n  _isCustomOption({ option }) {\n    const { overrideOptionStyle, overrideStyle } = option;\n    return overrideOptionStyle || overrideStyle;\n  }\n\n  _isActionOption({ option }) {\n    return option.value === ListType.action;\n  }\n\n  _isItemSection({ option }) {\n    const { value, title: isTitle } = option;\n\n    return value === DIVIDER_OPTION_VALUE || isTitle;\n  }\n\n  _convertOptionToBuilder(option, idx) {\n    if (this._isBuilderOption({ option })) {\n      return option;\n    } else if (this._isActionOption({ option })) {\n      return this._convertOptionToListItemActionBuilder({ option, idx });\n    } else if (this._isItemSection({ option })) {\n      return this._convertOptionToListItemSectionBuilder({ option, idx });\n    } else if (this._isCustomOption({ option })) {\n      return this._convertCustomOptionToBuilder({ option });\n    } else {\n      return this._convertOptionToListItemSelectBuilder({ option });\n    }\n  }\n\n  _renderOption({ option, idx }) {\n    const builderOption = this._convertOptionToBuilder(option, idx);\n    const content = this._renderOptionContent({\n      option: builderOption,\n      idx,\n      hasLink: !!option.linkTo,\n    });\n\n    const isActionItem = this.props.listType === ListType.action;\n\n    return option.linkTo ? (\n      <a\n        className={classes.linkItem}\n        key={idx}\n        data-hook={DATA_HOOKS.LINK_ITEM}\n        href={option.linkTo}\n        role={isActionItem ? undefined : 'option'}\n        aria-selected={\n          isActionItem || option.disabled\n            ? undefined\n            : option.id === this.state.selectedId\n        }\n        aria-hidden={option.disabled}\n      >\n        {content}\n      </a>\n    ) : (\n      content\n    );\n  }\n\n  // For testing purposes only\n  _getItemDataAttr = ({ hovered, selected, disabled }) => {\n    const { itemHeight, selectedHighlight } = this.props;\n\n    return filterObject(\n      {\n        [DATA_OPTION.DISABLED]: disabled,\n        [DATA_OPTION.SELECTED]: selected && selectedHighlight,\n        [DATA_OPTION.HOVERED]: hovered,\n        /* deprecated */\n        [DATA_OPTION.SIZE]: itemHeight,\n      },\n      (key, value) => !!value,\n    );\n  };\n\n  _renderOptionContent({ option, idx, hasLink }) {\n    const { itemHeight, selectedHighlight, listType } = this.props;\n    const { selectedId, hovered } = this.state;\n\n    const { id, disabled, overrideStyle, overrideOptionStyle } = option;\n\n    const optionState = {\n      selected: id === selectedId,\n      hovered: idx === hovered,\n      disabled,\n    };\n\n    if (!disabled) {\n      this.focusableItemsIdsList = [...this.focusableItemsIdsList, id];\n    }\n\n    const isActionItem = listType === ListType.action;\n\n    return (\n      <div\n        aria-selected={\n          hasLink || isActionItem || disabled ? undefined : optionState.selected\n        }\n        aria-hidden={disabled}\n        {...this._getItemDataAttr({ ...optionState })}\n        role={hasLink || isActionItem ? undefined : 'option'}\n        className={\n          overrideOptionStyle\n            ? null\n            : st(classes.option, {\n                ...optionState,\n                selected: optionState.selected && selectedHighlight,\n                itemHeight,\n                overrideStyle,\n              })\n        }\n        ref={node => this._setSelectedOptionNode(node, option)}\n        onClick={!disabled ? e => this._onSelect(idx, e) : null}\n        key={idx}\n        onMouseEnter={() => this._onMouseEnter(idx)}\n        onMouseLeave={this._onMouseLeave}\n        data-hook={`dropdown-item-${id}`}\n        onKeyDown={e => this._onActionListKeyDown(e, id)}\n      >\n        {option.value(optionState)}\n      </div>\n    );\n  }\n\n  _markOptionByProperty(props) {\n    if (this.state.hovered === NOT_HOVERED_INDEX && props.markedOption) {\n      const selectableOptions = props.options.filter(this._isSelectableOption);\n      if (selectableOptions.length) {\n        const idToMark =\n          props.markedOption === true\n            ? selectableOptions[0].id\n            : props.markedOption;\n        this._markOption(\n          this._findIndex(props.options, item => item.id === idToMark),\n          props.options,\n        );\n      }\n    }\n  }\n\n  _findIndex(arr, predicate) {\n    return (Array.isArray(arr) ? arr : []).findIndex(predicate);\n  }\n\n  _isSelectableOption(option) {\n    return (\n      option &&\n      option.value !== DIVIDER_OPTION_VALUE &&\n      !option.disabled &&\n      !option.title\n    );\n  }\n\n  _renderOptions() {\n    this.focusableItemsIdsList = [];\n    this._saveOnClicks();\n\n    return this.props.options.map((option, idx) =>\n      this._renderOption({ option, idx }),\n    );\n  }\n\n  render() {\n    const {\n      className,\n      visible,\n      dropDirectionUp,\n      tabIndex,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseDown,\n      fixedHeader,\n      withArrow,\n      fixedFooter,\n      inContainer,\n      overflow,\n      maxHeightPixels,\n      minWidthPixels,\n      infiniteScroll,\n      dataHook,\n      listType,\n    } = this.props;\n\n    const renderedOptions = this._renderOptions();\n\n    return (\n      <div\n        data-list-type={listType}\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            visible,\n            withArrow,\n            direction: dropDirectionUp\n              ? DROPDOWN_LAYOUT_DIRECTIONS.UP\n              : DROPDOWN_LAYOUT_DIRECTIONS.DOWN,\n            containerStyles: !inContainer,\n          },\n          className,\n        )}\n        tabIndex={tabIndex}\n        onKeyDown={this._onSelectListKeyDown}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseDown={onMouseDown}\n        ref={this.containerRef}\n      >\n        <div\n          {...this._getDataAttributes()}\n          className={classes.contentContainer}\n          style={{\n            overflow,\n            maxHeight: getUnit(maxHeightPixels),\n            minWidth: getUnit(minWidthPixels),\n          }}\n        >\n          {this._renderNode(fixedHeader)}\n          <div\n            className={classes.options}\n            style={{\n              maxHeight: getUnit(parseInt(maxHeightPixels, 10) - 35),\n              overflow,\n            }}\n            ref={_options => (this.options = _options)}\n            data-hook={DATA_HOOKS.DROPDOWN_LAYOUT_OPTIONS}\n            role={listType === ListType.select ? 'listbox' : 'menu'}\n          >\n            {infiniteScroll\n              ? this._wrapWithInfiniteScroll(renderedOptions)\n              : renderedOptions}\n          </div>\n          {this._renderNode(fixedFooter)}\n        </div>\n        {this._renderTopArrow()}\n      </div>\n    );\n  }\n}\n\nconst optionPropTypes = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  value: PropTypes.oneOfType([PropTypes.node, PropTypes.string, PropTypes.func])\n    .isRequired,\n  disabled: PropTypes.bool,\n  /** @deprecated*/\n  overrideStyle: PropTypes.bool,\n  /** @deprecated*/\n  title: PropTypes.bool,\n  overrideOptionStyle: PropTypes.bool,\n  /* the string displayed within the input when the option is selected */\n  label: PropTypes.string,\n});\n\nexport function optionValidator(props, propName, componentName) {\n  const option = props[propName];\n\n  // Notice: We don't use Proptypes.oneOf() to check for either option OR divider, because then the failure message would be less informative.\n  if (typeof option === 'object' && option.value === DIVIDER_OPTION_VALUE) {\n    return;\n  }\n\n  const optionError = PropTypes.checkPropTypes(\n    { option: optionPropTypes },\n    { option },\n    'option',\n    componentName,\n  );\n\n  if (optionError) {\n    return optionError;\n  }\n\n  if (option.id && option.id.toString().trim().length === 0) {\n    return new Error(\n      'Warning: Failed option type: The option `option.id` should be non-empty after trimming in `DropdownLayout`.',\n    );\n  }\n\n  if (option.value && option.value.toString().trim().length === 0) {\n    return new Error(\n      'Warning: Failed option type: The option `option.value` should be non-empty after trimming in `DropdownLayout`.',\n    );\n  }\n\n  if (option.label && option.label.toString().trim().length === 0) {\n    return new Error(\n      'Warning: Failed option type: The option `option.label` should be non-empty after trimming in `DropdownLayout`.',\n    );\n  }\n}\n\nDropdownLayout.propTypes = {\n  /** A single CSS class name to be appended to the root element. */\n  className: PropTypes.string,\n  /** @deprecated */\n  dropDirectionUp: PropTypes.bool,\n  /** Scroll view to the selected option on opening the dropdown */\n  focusOnSelectedOption: PropTypes.bool,\n  /** Callback function called whenever the user press the `Escape` keyboard.*/\n  onClose: PropTypes.func,\n  /** Callback function called whenever the user selects a different option in the list */\n  onSelect: PropTypes.func,\n  /** Callback function called whenever an option becomes focused (hovered/active). Receives the relevant option object from the original props.options array. */\n  onOptionMarked: PropTypes.func,\n  /** Set overflow of container */\n  overflow: PropTypes.string,\n  /** Should show or hide the component */\n  visible: PropTypes.bool,\n  /** Array of objects:\n   * - id `<string / number>` *required*: the id of the option, should be unique.\n   * - value `<function / string / node>` *required*: can be a string, react element or a builder function.\n   * - disabled `<bool>` *default value- false*: whether this option is disabled or not\n   * - linkTo `<string>`: when provided the option will be an anchor to the given value\n   * - title `<bool>`  *default value- false*  **deprecated**: please use `listItemSectionBuilder` for rendering a title.\n   * - overrideStyle `<bool>` *default value- false*  **deprecated**: please use `overrideOptionStyle` for override option styles.\n   * - overrideOptionStyle `<bool>` *default value- false* - when set to `true`, the option will be responsible to its own styles. No styles will be applied from the DropdownLayout itself.\n   * - label `<string>`: the string displayed within an input when the option is selected. This is used when using `<DropdownLayout/>` with an `<Input/>`.\n   */\n  options: PropTypes.arrayOf(optionValidator),\n  /** The id of the selected option in the list  */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Specifies the tab order of the component. */\n  tabIndex: PropTypes.number,\n  /** @deprecated Do not use this prop. */\n  onClickOutside: PropTypes.func,\n  /** A fixed header to the list */\n  fixedHeader: PropTypes.node,\n  /** A fixed footer to the list */\n  fixedFooter: PropTypes.node,\n  /** Set the max height of the dropdownLayout in pixels */\n  maxHeightPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Set the min width of the dropdownLayout in pixels   */\n  minWidthPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** @deprecated Do not use this prop. */\n  withArrow: PropTypes.bool,\n  /** Closes DropdownLayout on option selection */\n  closeOnSelect: PropTypes.bool,\n  /** Callback function called whenever the user entered with the mouse to the dropdown layout.*/\n  onMouseEnter: PropTypes.func,\n  /** Callback function called whenever the user exited with the mouse from the dropdown layout.*/\n  onMouseLeave: PropTypes.func,\n  /** @deprecated Do not use this prop. */\n  itemHeight: PropTypes.oneOf(['small', 'big']),\n  /** Whether the selected option will be highlighted when dropdown reopened. */\n  selectedHighlight: PropTypes.bool,\n  /** Whether the `<DropdownLayout/>` is in a container component. If `true`, some styles such as shadows, positioning and padding will be added the the component contentContainer. */\n  inContainer: PropTypes.bool,\n  /** Set this prop for lazy loading of the dropdown layout items.*/\n  infiniteScroll: PropTypes.bool,\n  /** A callback called when more items are requested to be rendered. */\n  loadMore: PropTypes.func,\n  /** Whether there are more items to be loaded. */\n  hasMore: PropTypes.bool,\n  /** Sets the default hover behavior when:\n   *  1. `false` means no default\n   *  2. `true` means to hover the first selectable option\n   *  3. Any number/string represents the id of option to hover\n   */\n  markedOption: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  /** Marks (not selects) and scrolls view to the option on opening the dropdown by option id */\n  focusOnOption: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Scrolls to the specified option when dropdown is opened without marking it */\n  scrollToOption: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n  /** Defines type of behavior applied in list */\n  listType: PropTypes.oneOf([ListType.action, ListType.select]),\n\n  /** Specifies whether first list item should be focused */\n  autoFocus: PropTypes.bool,\n};\n\nDropdownLayout.defaultProps = {\n  options: [],\n  tabIndex: 0,\n  maxHeightPixels: 260,\n  closeOnSelect: true,\n  itemHeight: 'small',\n  selectedHighlight: true,\n  inContainer: false,\n  infiniteScroll: false,\n  loadMore: null,\n  hasMore: false,\n  markedOption: false,\n  overflow: 'auto',\n  listType: ListType.select,\n};\n\nDropdownLayout.displayName = 'DropdownLayout';\n\nDropdownLayout.NONE_SELECTED_ID = NOT_HOVERED_INDEX;\n\nexport default DropdownLayout;\n"],"mappings":"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"}

package/dist/cjs/DropdownLayout/DropdownLayout.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=DropdownLayout.meta.js.map

package/dist/cjs/DropdownLayout/DropdownLayout.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/DropdownLayout/DropdownLayout.meta.tsx"],"sourcesContent":["import { DropdownLayoutProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: DropdownLayoutProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as DropdownLayoutProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAkC,GAAG,CAAC,CAAC;;AAEpD;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/DropdownLayout/DropdownLayout.st.css

@@ -0,0 +1,207 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: THEME-COLOR-10, THEME-COLOR-20, THEME-COLOR-50, D10, D20, D50, D60, D70, D80;
+}
+
+:import {
+  -st-from: "../Foundation/stylable/mixins/calc.js";
+  -st-default: calc;
+}
+
+:import {
+  -st-from: "../Foundation/stylable/shadows.st.css";
+  -st-named: shadow30;
+}
+
+:import {
+  -st-from: "../Foundation/stylable/typography.st.css";
+  -st-named: heading-h6, text-medium-normal;
+}
+
+:import {
+  -st-from: '../Foundation/stylable/default-scroll-bar.st.css';
+  -st-named: defaultScrollBar;
+}
+
+:import {
+  -st-from: "../ListItemSelect/ListItemSelect.st.css";
+  -st-default: ListItemSelect;
+}
+
+:vars {
+  option_height: 36px;
+  big_option_height: 47px;
+  top-arrow-size: 8px;
+  arrowUpShadow: 3px 3px 8px rgba(0, 0, 0, .1);
+  arrowDownShadow: -3px -3px 8px rgba(0, 0, 0, .1);
+}
+
+.root {
+  -st-states: visible, withArrow, containerStyles, direction(enum(up, down));
+  box-sizing: border-box;
+  position: relative;
+  outline: none;
+  border: none;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.root * {
+  box-sizing: border-box;
+}
+
+.contentContainer {
+  background: value(D80);
+  border: none;
+  display: none;
+  opacity: 0;
+  height: 0;
+  padding: 0;
+  transition: opacity 0.2s ease;
+  width: 100%;
+  z-index: 6;
+  left: 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.root:containerStyles .contentContainer{
+  border-radius: 8px;
+  box-shadow: value(shadow30);
+  position: absolute;
+}
+
+.root:visible .contentContainer {
+  display: flex;
+  flex-direction: column;
+  height: auto;
+  overflow: auto;
+  opacity: 1;
+}
+
+.root:visible:withArrow .contentContainer {
+  padding: 10px 0;
+}
+
+.root:visible:containerStyles:direction(up)  .contentContainer{
+  bottom: 0;
+  margin-top: 15px;
+}
+
+.root:visible:containerStyles:withArrow:direction(up) .contentContainer{
+  margin-bottom: value(top-arrow-size);
+}
+
+.root:visible:containerStyles:direction(down) .contentContainer {
+  top: 0;
+  margin-bottom: 15px;
+}
+
+.root:visible:containerStyles:withArrow:direction(down) .contentContainer {
+  margin-top: value(top-arrow-size);
+}
+
+.options {
+  -st-mixin: defaultScrollBar;
+  position: relative;
+  overflow: auto;
+}
+
+.option {
+  -st-states: selected, hovered, disabled, itemHeight(enum(small, big)), overrideStyle;
+  -st-mixin: text-medium-normal;
+  color: value(D10);
+  line-height: 1.5;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+  padding: 6px 20px 6px 24px;
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.option:overrideStyle{
+  padding: 0;
+}
+
+.option:disabled {
+  color: value(D50);
+  cursor: default;
+}
+
+:global(.rtl) .option, :global([dir='rtl']) .option{
+  text-align: right;
+  direction: rtl;
+}
+
+.option:hovered {
+  background: value(THEME-COLOR-50);
+  color: value(D10);
+}
+
+.option:focus {
+  outline: none;
+}
+
+.option:selected {
+  background-color: value(THEME-COLOR-10);
+  color: value(D80);
+}
+
+.option:selected:hovered {
+  background-color: value(THEME-COLOR-20);
+  color: value(D80);
+}
+
+.selectableOption{
+  -st-states: itemHeight(enum(big, small));
+  -st-extends: ListItemSelect;
+}
+
+.selectableOption:itemHeight(small){
+  min-height: value(option_height);
+}
+
+.selectableOption:itemHeight(big){
+  min-height: value(big_option_height);
+  display: flex;
+  align-items: center;
+}
+
+.arrow {
+  position: absolute;
+  left: 50%;
+  z-index: 10;
+  transform: translateX(-50%) rotateZ(45deg);
+  height: value(top-arrow-size);
+  width: value(top-arrow-size);
+  background: value(D80);
+}
+
+.root:direction(up) .arrow {
+  bottom: calc(value(top-arrow-size) / 2);
+  box-shadow: value(arrowUpShadow);
+}
+
+.root:direction(down) .arrow {
+  top: calc(value(top-arrow-size) / 2);
+  box-shadow: value(arrowDownShadow);
+}
+
+.loader {
+  display: flex;
+  justify-content: center;
+  padding-bottom: 24px;
+  padding-top: 24px;
+}
+
+.linkItem{
+  text-decoration: none;
+}
+

package/dist/cjs/DropdownLayout/DropdownLayout.st.css.js

@@ -0,0 +1,28 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/shadows.st.css.js");
+require("../Foundation/stylable/typography.st.css.js");
+require("../Foundation/stylable/default-scroll-bar.st.css.js");
+require("../ListItemSelect/ListItemSelect.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_DropdownLayout";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_DropdownLayout__root","heading-h6":"wds_1_0_0_StylableTypography__heading-h6","text-medium-normal":"wds_1_0_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_0_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_0_0_DropdownLayout__contentContainer","options":"wds_1_0_0_DropdownLayout__options","option":"wds_1_0_0_DropdownLayout__option","selectableOption":"wds_1_0_0_DropdownLayout__selectableOption","arrow":"wds_1_0_0_DropdownLayout__arrow","loader":"wds_1_0_0_DropdownLayout__loader","linkItem":"wds_1_0_0_DropdownLayout__linkItem"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"option_height":"36px","big_option_height":"47px","top-arrow-size":"8px","arrowUpShadow":"3px 3px 8px rgba(0, 0, 0, .1)","arrowDownShadow":"-3px -3px 8px rgba(0, 0, 0, .1)"}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/DropdownLayout/DropdownLayout.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=DropdownLayout.uni.driver.d.js.map

package/dist/cjs/DropdownLayout/DropdownLayout.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/DropdownLayout/DropdownLayout.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\nimport { UniDriverFactory } from 'wix-ui-test-utils/uni-driver-factory';\n\nexport interface DropdownLayoutUniDriver extends BaseUniDriver {\n  /** @deprecated should be private */\n  classes: (name: string) => Promise<any>;\n  clickAtOption: (index: number) => Promise<void>;\n  clickAtOptionByDataHook: (dataHook: string) => Promise<void>;\n  clickAtOptionWithValue: (value: string) => Promise<void>;\n  hasTopArrow: () => Promise<boolean>;\n  isDown: () => Promise<boolean>;\n  isLinkOption: (position: number) => Promise<boolean>;\n  isOptionADivider: (position: number) => Promise<boolean>;\n  isOptionExists: (optionText: string) => Promise<boolean>;\n  isOptionHovered: (index: number) => Promise<boolean>;\n  isOptionSelected: (index: number) => Promise<boolean>;\n  isOptionHeightSmall: (position: number) => Promise<boolean>;\n  isOptionHeightBig: (position: number) => Promise<boolean>;\n  isListItemFocused: (position: number) => Promise<boolean>;\n  isShown: () => Promise<boolean>;\n  isUp: () => Promise<boolean>;\n  mouseEnter: () => Promise<void>;\n  mouseEnterAtOption: (position: number) => Promise<void>;\n  mouseLeave: () => Promise<void>;\n  mouseClickOutside: () => boolean;\n  mouseLeaveAtOption: (position: number) => Promise<void>;\n  /** @deprecated Use optionDriver*/\n  optionAt: () => Promise<any>;\n  /** @deprecated This should be a private method since the hook include internal parts ('dropdown-divider-{id}, dropdown-item-{id})') */\n  optionByHook: (hook: string) => Promise<DropdownLayoutOptionUniDriver>;\n  optionById: (\n    optionId: string | number,\n  ) => Promise<DropdownLayoutOptionUniDriver>;\n  optionContentAt: (position: number) => Promise<string>;\n  optionDriver: (\n    option: import('wix-ui-test-utils/unidriver').UniDriver<any>,\n  ) => DropdownLayoutOptionUniDriver;\n  options: () => Promise<DropdownLayoutOptionUniDriver[]>;\n  optionsContent: () => Promise<string[]>;\n  markedOption: () => Promise<string | null>;\n  optionsLength: () => Promise<number>;\n  /** @deprecated should be private */\n  optionsScrollTop: () => Promise<number>;\n  pressDownKey: () => Promise<void>;\n  pressUpKey: () => Promise<void>;\n  pressEnterKey: () => Promise<void>;\n  pressSpaceKey: () => Promise<void>;\n  pressTabKey: () => Promise<void>;\n  pressEscKey: () => Promise<void>;\n  keyDownListItem: (position: number, key: string) => Promise<void>;\n  tabIndex: () => Promise<number>;\n  getSelectedOptionId: () => Promise<string | null>;\n  getListItemAttribute: (\n    position: number,\n    attribute: string,\n  ) => Promise<string>;\n  getListType: (dataHook: string) => Promise<string>;\n  getOptionsContainerRole: () => Promise<string>;\n}\n\ndeclare const dropdownLayoutDriverFactory: UniDriverFactory<DropdownLayoutUniDriver>;\n\nexport interface DropdownLayoutOptionUniDriver {\n  element: () => import('wix-ui-test-utils/unidriver').UniDriver<any>;\n  mouseEnter: () => Promise<void>;\n  mouseLeave: () => Promise<void>;\n  isHovered: () => Promise<boolean>;\n  isSelected: () => Promise<boolean>;\n  content: () => Promise<string>;\n  click: () => Promise<void>;\n  isDivider: () => Promise<boolean>;\n  isDisabled: () => Promise<boolean>;\n  isLink: () => Promise<boolean>;\n}\n"],"mappings":""}