@wordpress/edit-post/build/components/manage-blocks-modal/index.js

Edit Post module for WordPress.

"use strict";

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

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

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

var _components = require("@wordpress/components");

var _i18n = require("@wordpress/i18n");

var _data = require("@wordpress/data");

var _compose = require("@wordpress/compose");

var _manager = _interopRequireDefault(require("./manager"));

var _store = require("../../store");

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

/**
 * Unique identifier for Manage Blocks modal.
 *
 * @type {string}
 */
const MODAL_NAME = 'edit-post/manage-blocks';

function ManageBlocksModal({
  isActive,
  closeModal
}) {
  if (!isActive) {
    return null;
  }

  return (0, _element.createElement)(_components.Modal, {
    className: "edit-post-manage-blocks-modal",
    title: (0, _i18n.__)('Block Manager'),
    closeLabel: (0, _i18n.__)('Close'),
    onRequestClose: closeModal
  }, (0, _element.createElement)(_manager.default, null));
}

var _default = (0, _compose.compose)([(0, _data.withSelect)(select => {
  const {
    isModalActive
  } = select(_store.store);
  return {
    isActive: isModalActive(MODAL_NAME)
  };
}), (0, _data.withDispatch)(dispatch => {
  const {
    closeModal
  } = dispatch(_store.store);
  return {
    closeModal
  };
})])(ManageBlocksModal);

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