// @ts-nocheck
/**
 * Copyright (c) Nicolas Gallagher.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @noflow
 */

import { measure, measureInWindow } from '@tamagui/use-element-layout'

const focusableElements = {
  A: true,
  INPUT: true,
  SELECT: true,
  TEXTAREA: true,
}

export const UIManager = {
  blur(node) {
    try {
      node.blur()
    } catch (err) {
      //
    }
  },

  focus(node) {
    try {
      const name = node.nodeName
      // A tabIndex of -1 allows element to be programmatically focused but
      // prevents keyboard focus, so we don't want to set the value on elements
      // that support keyboard focus by default.
      if (node.getAttribute('tabIndex') == null && focusableElements[name] == null) {
        node.setAttribute('tabIndex', '-1')
      }
      node.focus()
    } catch (err) {
      //
    }
  },

  measure(node, callback) {
    return measure(node, callback)
  },

  measureInWindow(node, callback) {
    return measureInWindow(node, callback)
  },

  // note its flipped fail and success on purpose lol
  async measureLayout(
    node: HTMLElement,
    relativeToNativeNode: HTMLElement | undefined,
    onFail: () => void,
    onSuccess: (x: number, y: number, width: number, height: number) => void
  ) {
    return measureLayout(node, relativeToNativeNode, onSuccess)
  },

  configureNextLayoutAnimation(config, onAnimationDidEnd) {
    onAnimationDidEnd()
  },

  // mocks
  setLayoutAnimationEnabledExperimental() {},
}