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

Edit Post module for WordPress.

/**
 * WordPress dependencies
 */
import { Component } from '@wordpress/element';
import { withSelect } from '@wordpress/data';
/**
 * Internal dependencies
 */

import { store as editPostStore } from '../../store';

class MetaBoxVisibility extends 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;
  }

}

export default withSelect((select, {
  id
}) => ({
  isVisible: select(editPostStore).isEditorPanelEnabled(`meta-box-${id}`)
}))(MetaBoxVisibility);
//# sourceMappingURL=meta-box-visibility.js.map