How to use @instructure/ui-overlays - 10 common examples

findPopoverContent: (...args) => {
    const { element, selector, options } = parseQueryArguments(...args)
    return PopoverLocator.findContent(element, selector, {
      ...options,
      customMethods: {
        ...options.customMethods,
        ...customMethods
      }
    })
  }
}

findDatePicker: async (element, ...args) => {
    const content = await PopoverLocator.findContent(element)
    return content ? DatePickerLocator.find(content.getDOMNode()) : null
  }
})

* SOFTWARE.
 */

import React, { Component } from 'react'

import deprecated, { changedPackageWarning } from '@instructure/ui-utils/lib/react/deprecated'

import UIMask from '@instructure/ui-overlays/lib/components/Mask'

@deprecated('5.0.0', null, changedPackageWarning(
  'ui-core',
  'ui-overlays'
))
class Mask extends Component {
  static propTypes = {
    ...UIMask.PropTypes
  }

  render () {
    return 
  }
}

export default Mask

* SOFTWARE.
 */

import React, { Component } from 'react'

import deprecated, { changedPackageWarning } from '@instructure/ui-utils/lib/react/deprecated'

import UIMask from '@instructure/ui-overlays/lib/components/Mask'

@deprecated('5.0.0', null, changedPackageWarning(
  'ui-core',
  'ui-overlays'
))
class Mask extends Component {
  static propTypes = {
    ...UIMask.PropTypes
  }

  render () {
    return 
  }
}

export default Mask

labelledBy={this.labelId}
          hidden={!this.show}
          ref={el => {
            this._menu = el
          }}
          onSelect={this.handleMenuSelect}
          onDismiss={this.handleMenuDismiss}
        >
          {children}
        
      
    )

    return (
      
        
          {safeCloneElement(this.props.trigger, {
            role: 'button',
            tabIndex: 0,
            ref: c => {
              this._trigger = c
            },
            'aria-haspopup': true,
            id: this.labelId

onSelect={this.handleMenuSelect}
          onKeyDown={createChainedFunction(onKeyDown, this.handleMenuKeyDown)}
          onFlyoutDismiss={this.handleFlyoutDismiss}
          ref={el => {
            this._menu = el
            menuRef(el)
          }}
        >
          {children}
        
      
    )

    return (
       {
          this._popover = el
          popoverRef(el)
        }}
      >
        
          {safeCloneElement(this.props.trigger, {
            role: 'button',
            ref: el => { this._trigger = el },
            'aria-haspopup': true,
            id: this._labelId
          })}

render () {
    const {
      trigger,
      disabled
    } = this.props

    return trigger ? (
       {
          this._popover = el
          if (typeof this.props.popoverRef === 'function') {
            this.props.popoverRef(el)
          }
        }}
      >
        
          {safeCloneElement(trigger, {
            ref: (el) => {
              this._trigger = el

findPopoverTrigger: (...args) => {
    return PopoverLocator.findTrigger(...args)
  },
  findPopoverContent: (...args) => {

findTooltipContent: async (...args) => {
    const { element, selector, options } = parseQueryArguments(...args)
    const tooltip = await TooltipLocator.find(element, options)
    return tooltip ? tooltip.findContent(selector, options) : null
  }
})

  findTooltipContent: (...args) => TooltipLocator.findContent(...args),
  click: async (element, ...args) => {