@wordpress/edit-post/build/components/header/header-toolbar/index.js

Edit Post module for WordPress.

"use strict";

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

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

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

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

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

var _viewport = require("@wordpress/viewport");

var _nux = require("@wordpress/nux");

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

var _blockEditor = require("@wordpress/block-editor");

var _editor = require("@wordpress/editor");

var _fullscreenModeClose = _interopRequireDefault(require("../fullscreen-mode-close"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function HeaderToolbar(_ref) {
  var hasFixedToolbar = _ref.hasFixedToolbar,
      isLargeViewport = _ref.isLargeViewport,
      showInserter = _ref.showInserter,
      isTextModeEnabled = _ref.isTextModeEnabled;
  var toolbarAriaLabel = hasFixedToolbar ?
  /* translators: accessibility text for the editor toolbar when Top Toolbar is on */
  (0, _i18n.__)('Document and block tools') :
  /* translators: accessibility text for the editor toolbar when Top Toolbar is off */
  (0, _i18n.__)('Document tools');
  return (0, _element.createElement)(_blockEditor.NavigableToolbar, {
    className: "edit-post-header-toolbar",
    "aria-label": toolbarAriaLabel
  }, (0, _element.createElement)(_fullscreenModeClose.default, null), (0, _element.createElement)("div", null, (0, _element.createElement)(_blockEditor.Inserter, {
    disabled: !showInserter,
    position: "bottom right"
  }), (0, _element.createElement)(_nux.DotTip, {
    tipId: "core/editor.inserter"
  }, (0, _i18n.__)('Welcome to the wonderful world of blocks! Click the “+” (“Add block”) button to add a new block. There are blocks available for all kinds of content: you can insert text, headings, images, lists, and lots more!'))), (0, _element.createElement)(_editor.EditorHistoryUndo, null), (0, _element.createElement)(_editor.EditorHistoryRedo, null), (0, _element.createElement)(_editor.TableOfContents, {
    hasOutlineItemsDisabled: isTextModeEnabled
  }), (0, _element.createElement)(_blockEditor.BlockNavigationDropdown, {
    isDisabled: isTextModeEnabled
  }), hasFixedToolbar && isLargeViewport && (0, _element.createElement)("div", {
    className: "edit-post-header-toolbar__block-toolbar"
  }, (0, _element.createElement)(_blockEditor.BlockToolbar, null)));
}

var _default = (0, _compose.compose)([(0, _data.withSelect)(function (select) {
  return {
    hasFixedToolbar: select('core/edit-post').isFeatureActive('fixedToolbar'),
    // This setting (richEditingEnabled) should not live in the block editor's setting.
    showInserter: select('core/edit-post').getEditorMode() === 'visual' && select('core/editor').getEditorSettings().richEditingEnabled,
    isTextModeEnabled: select('core/edit-post').getEditorMode() === 'text'
  };
}), (0, _viewport.withViewportMatch)({
  isLargeViewport: 'medium'
})])(HeaderToolbar);

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