@gechiui/components/build/toolbar-dropdown-menu/index.js

UI components for GeChiUI.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _toolbarItem = _interopRequireDefault(require("../toolbar-item"));

var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));

var _dropdownMenu = _interopRequireDefault(require("../dropdown-menu"));

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function ToolbarDropdownMenu(props, ref) {
  const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);

  if (!accessibleToolbarState) {
    return (0, _element.createElement)(_dropdownMenu.default, props);
  } // ToobarItem will pass all props to the render prop child, which will pass
  // all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu
  // has the same API as DrpodownMenu.


  return (0, _element.createElement)(_toolbarItem.default, (0, _extends2.default)({
    ref: ref
  }, props.toggleProps), toolbarItemProps => (0, _element.createElement)(_dropdownMenu.default, (0, _extends2.default)({}, props, {
    popoverProps: {
      isAlternate: true,
      ...props.popoverProps
    },
    toggleProps: toolbarItemProps
  })));
}

var _default = (0, _element.forwardRef)(ToolbarDropdownMenu);

exports.default = _default;
//# sourceMappingURL=index.js.map