find-dom-range.js

import findDOMPoint from './find-dom-point'
import warning from 'tiny-warning'

/**
 * Find a native DOM range Slate `range`.
 *
 * @param {Range} range
 * @param {Window} win (optional)
 * @return {Object|Null}
 */

function findDOMRange(range, win = window) {
  warning(
    false,
    'As of slate-react@0.22 the `findDOMRange(range)` helper is deprecated in favor of `editor.findDOMRange(range)`.'
  )

  const { anchor, focus, isBackward, isCollapsed } = range
  const domAnchor = findDOMPoint(anchor, win)
  const domFocus = isCollapsed ? domAnchor : findDOMPoint(focus, win)

  if (!domAnchor || !domFocus) return null

  const r = win.document.createRange()
  const start = isBackward ? domFocus : domAnchor
  const end = isBackward ? domAnchor : domFocus
  r.setStart(start.node, start.offset)
  r.setEnd(end.node, end.offset)
  return r
}

/**
 * Export.
 *
 * @type {Function}
 */

export default findDOMRange