@gechiui/block-editor/build/components/list-view/list-item.js

Generic block editor.

"use strict";

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

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

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

var _classnames = _interopRequireDefault(require("classnames"));

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

var _blocks = require("@gechiui/blocks");

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

var _blockIcon = _interopRequireDefault(require("../block-icon"));

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function ListViewListItem(_ref) {
  let {
    block,
    onClick,
    isSelected,
    wrapperComponent: WrapperComponent,
    children
  } = _ref;
  const blockType = (0, _blocks.getBlockType)(block.name);
  const blockLabel = blockType ? (0, _blocks.__experimentalGetBlockLabel)(blockType, block.attributes) : null;
  return (0, _element.createElement)("div", {
    className: "block-editor-list-view__list-item"
  }, (0, _element.createElement)(WrapperComponent, {
    className: (0, _classnames.default)('block-editor-list-view__list-item-button', {
      'is-selected': isSelected
    }),
    onClick: onClick
  }, (0, _element.createElement)(_blockIcon.default, {
    icon: blockType === null || blockType === void 0 ? void 0 : blockType.icon,
    showColors: true
  }), children ? children : blockLabel, isSelected && (0, _element.createElement)(_components.VisuallyHidden, {
    as: "span"
  }, (0, _i18n.__)('（选定的区块）'))));
}

ListViewListItem.defaultProps = {
  onClick: () => {},
  wrapperComponent: props => (0, _element.createElement)(_components.Button, props)
};
//# sourceMappingURL=list-item.js.map