@atlaskit/editor-plugin-quick-insert/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js

Quick insert plugin for @atlaskit/editor-core

/* RegistryElementBrowserCategories.tsx generated by @compiled/babel-plugin v3.0.2 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RegistryElementBrowserCategories = void 0;
require("./RegistryElementBrowserCategories.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
var _keys = require("@atlaskit/editor-common/quick-insert/keys");
var _messages = require("@atlaskit/editor-common/quick-insert/messages");
var _text = require("@atlaskit/primitives/compiled/text");
var sectionMessages = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BLOCK_TEMPLATES_SECTION.key, _messages.messages.categoryBlockTemplates), _keys.DATA_AND_CHARTS_SECTION.key, _messages.messages.categoryDataAndCharts), _keys.EMBED_SECTION.key, _messages.messages.categoryEmbed), _keys.MEDIA_SECTION.key, _messages.messages.categoryMedia), _keys.OTHER_SECTION.key, _messages.messages.categoryOther), _keys.ROVO_SECTION.key, _messages.messages.categoryRovo), _keys.STRUCTURE_SECTION.key, _messages.messages.categoryStructure), _keys.TEXT_FORMATTING_SECTION.key, _messages.messages.categoryTextFormatting);
var categoryGridStyles = null;
var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories = function RegistryElementBrowserCategories(_ref) {
  var section = _ref.section,
    sections = _ref.sections,
    onSectionClick = _ref.onSectionClick;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var isAllSelected = section === undefined;
  return /*#__PURE__*/_react.default.createElement("div", {
    "aria-label": formatMessage({
      defaultMessage: 'Element categories',
      id: 'editor.quick-insert.categories-label'
    }),
    "data-testid": "registry-element-browser-categories",
    className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    appearance: 'subtle',
    "aria-pressed": isAllSelected,
    "data-section": "",
    onClick: onSectionClick,
    isSelected: isAllSelected,
    shouldFitContainer: true
  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
    align: "start",
    color: "inherit",
    maxLines: 1,
    weight: "medium"
  }, formatMessage({
    defaultMessage: 'All',
    id: 'editor.quick-insert.all'
  }))), sections.map(function (entry) {
    var _sectionMessages2;
    return /*#__PURE__*/_react.default.createElement(_button.default, {
      appearance: 'subtle',
      "aria-pressed": section === entry.key,
      "data-section": entry.key,
      key: entry.key,
      onClick: onSectionClick,
      isSelected: section === entry.key,
      shouldFitContainer: true
    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
      align: "start",
      color: "inherit",
      maxLines: 1,
      weight: "medium"
    }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : _messages.messages.categoryOther)));
  }));
};