@wordpress/edit-post/build/components/meta-boxes/meta-box-visibility.js

Edit Post module for WordPress.

"use strict";

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

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

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

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

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
class MetaBoxVisibility extends _element.Component {
  componentDidMount() {
    this.updateDOM();
  }

  componentDidUpdate(prevProps) {
    if (this.props.isVisible !== prevProps.isVisible) {
      this.updateDOM();
    }
  }

  updateDOM() {
    const {
      id,
      isVisible
    } = this.props;
    const element = document.getElementById(id);

    if (!element) {
      return;
    }

    if (isVisible) {
      element.classList.remove('is-hidden');
    } else {
      element.classList.add('is-hidden');
    }
  }

  render() {
    return null;
  }

}

var _default = (0, _data.withSelect)((select, {
  id
}) => ({
  isVisible: select(_store.store).isEditorPanelEnabled(`meta-box-${id}`)
}))(MetaBoxVisibility);

exports.default = _default;
//# sourceMappingURL=meta-box-visibility.js.map