@gechiui/components/build/tree-grid/roving-tab-index-item.js

UI components for GeChiUI.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@gechiui/element");

var _rovingTabIndexContext = require("./roving-tab-index-context");

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
var _default = (0, _element.forwardRef)(function RovingTabIndexItem(_ref, forwardedRef) {
  let {
    children,
    as: Component,
    ...props
  } = _ref;
  const localRef = (0, _element.useRef)();
  const ref = forwardedRef || localRef;
  const {
    lastFocusedElement,
    setLastFocusedElement
  } = (0, _rovingTabIndexContext.useRovingTabIndexContext)();
  let tabIndex;

  if (lastFocusedElement) {
    tabIndex = lastFocusedElement === ref.current ? 0 : -1;
  }

  const onFocus = event => setLastFocusedElement(event.target);

  const allProps = {
    ref,
    tabIndex,
    onFocus,
    ...props
  };

  if (typeof children === 'function') {
    return children(allProps);
  }

  return (0, _element.createElement)(Component, allProps, children);
});

exports.default = _default;
//# sourceMappingURL=roving-tab-index-item.js.map