@wordpress/block-editor/build/components/inserter/preview-panel.js

Generic block editor.

"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 _blocks = require("@wordpress/blocks");

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

var _blockCard = _interopRequireDefault(require("../block-card"));

var _blockPreview = _interopRequireDefault(require("../block-preview"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function InserterPreviewPanel({
  item
}) {
  var _example$viewportWidt;

  const {
    name,
    title,
    icon,
    description,
    initialAttributes,
    example
  } = item;
  const isReusable = (0, _blocks.isReusableBlock)(item);
  return (0, _element.createElement)("div", {
    className: "block-editor-inserter__preview-container"
  }, (0, _element.createElement)("div", {
    className: "block-editor-inserter__preview"
  }, isReusable || example ? (0, _element.createElement)("div", {
    className: "block-editor-inserter__preview-content"
  }, (0, _element.createElement)(_blockPreview.default, {
    blocks: example ? (0, _blocks.getBlockFromExample)(name, {
      attributes: { ...example.attributes,
        ...initialAttributes
      },
      innerBlocks: example.innerBlocks
    }) : (0, _blocks.createBlock)(name, initialAttributes),
    viewportWidth: (_example$viewportWidt = example?.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500,
    additionalStyles: [{
      css: 'body { padding: 16px; }'
    }]
  })) : (0, _element.createElement)("div", {
    className: "block-editor-inserter__preview-content-missing"
  }, (0, _i18n.__)('No Preview Available.'))), !isReusable && (0, _element.createElement)(_blockCard.default, {
    title: title,
    icon: icon,
    description: description
  }));
}

var _default = InserterPreviewPanel;
exports.default = _default;
//# sourceMappingURL=preview-panel.js.map