@wordpress/edit-post/build/components/visual-editor/block-inspector-button.js

Edit Post module for WordPress.

"use strict";

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

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

var _lodash = require("lodash");

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

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

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

var _a11y = require("@wordpress/a11y");

var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");

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

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function BlockInspectorButton({
  onClick = _lodash.noop,
  small = false
}) {
  const {
    shortcut,
    areAdvancedSettingsOpened
  } = (0, _data.useSelect)(select => ({
    shortcut: select(_keyboardShortcuts.store).getShortcutRepresentation('core/edit-post/toggle-sidebar'),
    areAdvancedSettingsOpened: select(_store.store).getActiveGeneralSidebarName() === 'edit-post/block'
  }), []);
  const {
    openGeneralSidebar,
    closeGeneralSidebar
  } = (0, _data.useDispatch)(_store.store);

  const speakMessage = () => {
    if (areAdvancedSettingsOpened) {
      (0, _a11y.speak)((0, _i18n.__)('Block settings closed'));
    } else {
      (0, _a11y.speak)((0, _i18n.__)('Additional settings are now available in the Editor block settings sidebar'));
    }
  };

  const label = areAdvancedSettingsOpened ? (0, _i18n.__)('Hide more settings') : (0, _i18n.__)('Show more settings');
  return (0, _element.createElement)(_components.MenuItem, {
    onClick: () => {
      if (areAdvancedSettingsOpened) {
        closeGeneralSidebar();
      } else {
        openGeneralSidebar('edit-post/block');
        speakMessage();
        onClick();
      }
    },
    shortcut: shortcut
  }, !small && label);
}

var _default = BlockInspectorButton;
exports.default = _default;
//# sourceMappingURL=block-inspector-button.js.map