@softbind/react-slotty/dist/createSlots.js

React Slots

"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _ComponentLifecycle = _interopRequireDefault(require("./ComponentLifecycle"));

var _Context = require("./Context");

var _helpers = require("./helpers");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var slotCreator = function slotCreator(_ref) {
  var slotName = _ref.slotName;
  return {
    Provider: function Provider(_ref2) {
      var value = _ref2.value,
          noUnmount = _ref2.noUnmount;
      return _react.default.createElement(_Context.SlotsConsumer, null, function (_ref3) {
        var setSlot = _ref3.setSlot;
        return _react.default.createElement(_ComponentLifecycle.default, {
          componentDidMount: function componentDidMount() {
            return setSlot({
              value: value,
              slotName: slotName
            });
          },
          componentWillUnmount: function componentWillUnmount() {
            return !noUnmount && setSlot({
              value: undefined,
              slotName: slotName
            });
          }
        });
      });
    },
    Consumer: function Consumer(_ref4) {
      var children = _ref4.children;
      return _react.default.createElement(_Context.SlotsConsumer, null, function (props) {
        return children(props[slotName]);
      });
    }
  };
};

var createSlots = function createSlots() {
  var _ref5;

  return (_ref5 = []).concat.apply(_ref5, arguments).reduce(function (acc, slotName) {
    return _objectSpread({}, acc, _defineProperty({}, (0, _helpers.upper)(slotName), slotCreator({
      slotName: slotName
    })));
  }, {});
};

exports.createSlots = createSlots;