@wordpress/components/build/slot-fill/index.js

UI components for WordPress.

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Fill = Fill;
exports.Slot = Slot;
exports.Provider = Provider;
exports.createSlotFill = createSlotFill;
Object.defineProperty(exports, "useSlot", {
  enumerable: true,
  get: function () {
    return _useSlot.default;
  }
});

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

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

var _fill = _interopRequireDefault(require("./fill"));

var _slot = _interopRequireDefault(require("./slot"));

var _fill2 = _interopRequireDefault(require("./bubbles-virtually/fill"));

var _slot2 = _interopRequireDefault(require("./bubbles-virtually/slot"));

var _slotFillProvider = _interopRequireDefault(require("./bubbles-virtually/slot-fill-provider"));

var _provider = _interopRequireDefault(require("./provider"));

var _useSlot = _interopRequireDefault(require("./bubbles-virtually/use-slot"));

/**
 * Internal dependencies
 */
function Fill(props) {
  // We're adding both Fills here so they can register themselves before
  // their respective slot has been registered. Only the Fill that has a slot
  // will render. The other one will return null.
  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_fill.default, props), (0, _element.createElement)(_fill2.default, props));
}

function Slot({
  bubblesVirtually,
  ...props
}) {
  if (bubblesVirtually) {
    return (0, _element.createElement)(_slot2.default, props);
  }

  return (0, _element.createElement)(_slot.default, props);
}

function Provider({
  children,
  ...props
}) {
  return (0, _element.createElement)(_provider.default, props, (0, _element.createElement)(_slotFillProvider.default, null, children));
}

function createSlotFill(name) {
  const FillComponent = props => (0, _element.createElement)(Fill, (0, _extends2.default)({
    name: name
  }, props));

  FillComponent.displayName = name + 'Fill';

  const SlotComponent = props => (0, _element.createElement)(Slot, (0, _extends2.default)({
    name: name
  }, props));

  SlotComponent.displayName = name + 'Slot';
  SlotComponent.__unstableName = name;
  return {
    Fill: FillComponent,
    Slot: SlotComponent
  };
}
//# sourceMappingURL=index.js.map