@atlaskit/editor-plugin-quick-insert/dist/cjs/ui/registered-menu/QuickInsertEmptyState.js

Quick insert plugin for @atlaskit/editor-core

/* QuickInsertEmptyState.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.QuickInsertEmptyState = void 0;
require("./QuickInsertEmptyState.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _reactLooselyLazy = require("react-loosely-lazy");
var _css = require("@atlaskit/css");
var _messages = require("@atlaskit/editor-common/quick-insert/messages");
var _box = require("@atlaskit/primitives/compiled/box");
var _text = require("@atlaskit/primitives/compiled/text");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var NoResultsIllustration = (0, _reactLooselyLazy.lazy)(function () {
  return Promise.resolve().then(function () {
    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-quick-insert-no-results" */
    './assets/no-results'));
  }).then(function (module) {
    return module.default;
  });
});
var styles = {
  base: "_zulp1ejb _4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq",
  compact: "_1rjcxy5q",
  spacious: "_1rjcoahv",
  inlineIllustration: "_4t3i1h39 _1bsb1mcy",
  fullIllustration: "_4t3io7ol _1bsbtudo"
};
var QuickInsertEmptyState = exports.QuickInsertEmptyState = function QuickInsertEmptyState(_ref) {
  var mode = _ref.mode,
    _ref$spacing = _ref.spacing,
    spacing = _ref$spacing === void 0 ? mode === 'full' ? 'spacious' : 'compact' : _ref$spacing;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var illustrationSize = mode === 'full' ? {
    width: 76,
    height: 84
  } : {
    width: 57,
    height: 63
  };
  return /*#__PURE__*/_react.default.createElement(_box.Box, {
    testId: "quick-insert-empty-state",
    xcss: (0, _css.cx)(styles.base, styles[spacing])
  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
    xcss: mode === 'full' ? styles.fullIllustration : styles.inlineIllustration
  }, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
    fallback: null
  }, /*#__PURE__*/_react.default.createElement(NoResultsIllustration, {
    width: illustrationSize.width,
    height: illustrationSize.height
  }))), /*#__PURE__*/_react.default.createElement(_text.Text, {
    align: "center"
  }, formatMessage(_messages.messages.noSearchResults)));
};