@wordpress/compose/build/higher-order/with-state/index.js

WordPress higher-order components (HOCs).

"use strict";

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

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

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

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

var _createHigherOrderComponent = _interopRequireDefault(require("../../utils/create-higher-order-component"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

/**
 * A Higher Order Component used to provide and manage internal component state
 * via props.
 *
 * @param {?Object} initialState Optional initial state of the component.
 *
 * @return {WPComponent} Wrapped component.
 */
function withState(initialState = {}) {
  return (0, _createHigherOrderComponent.default)(OriginalComponent => {
    return class WrappedComponent extends _element.Component {
      constructor() {
        super(...arguments);
        this.setState = this.setState.bind(this);
        this.state = initialState;
      }

      render() {
        return (0, _element.createElement)(OriginalComponent, (0, _extends2.default)({}, this.props, this.state, {
          setState: this.setState
        }));
      }

    };
  }, 'withState');
}
//# sourceMappingURL=index.js.map