@atlaskit/editor-core 190.2.2 → 191.0.0

package/dist/esm/plugins/extension/ui/Extension/Extension/index.js

@@ -1,145 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["type"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { overflowShadow } from '@atlaskit/editor-common/ui';
-import { calculateBreakoutStyles } from '@atlaskit/editor-common/utils';
-import { wrapperStyle, header, content, contentWrapper, widerLayoutClassName } from './styles';
-import { overlay } from '../styles';
-import ExtensionLozenge from '../Lozenge';
-import classnames from 'classnames';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-function ExtensionWithPluginState(props) {
-  var node = props.node,
-    handleContentDOMRef = props.handleContentDOMRef,
-    children = props.children,
-    _props$widthState = props.widthState,
-    widthState = _props$widthState === void 0 ? {
-      width: 0
-    } : _props$widthState,
-    handleRef = props.handleRef,
-    shadowClassNames = props.shadowClassNames,
-    hideFrame = props.hideFrame,
-    editorAppearance = props.editorAppearance;
-  var hasBody = ['bodiedExtension', 'multiBodiedExtension'].includes(node.type.name);
-  var isMobile = editorAppearance === 'mobile';
-  var hasChildren = !!children;
-  var removeBorder = hideFrame && !isMobile && !hasBody || false;
-  var getPos = props.getPos,
-    view = props.view;
-  var isTopLevelNode = React.useMemo(function () {
-    var pos = typeof getPos === 'function' ? getPos() : undefined;
-    return typeof pos !== 'undefined' && !isNaN(pos) && view.state.doc.resolve(pos).depth === 0;
-    return false;
-  }, [view, getPos]);
-  var shouldBreakout =
-  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) &&
-  // Extension breakout state should only be respected for top level nodes.
-  isTopLevelNode &&
-  // Extension breakout state should not be respected when the editor appearance is full-width mode
-  editorAppearance !== 'full-width';
-  var classNames = classnames('extension-container', 'block', shadowClassNames, _defineProperty({
-    'with-overlay': !hasBody,
-    'without-frame': removeBorder
-  }, widerLayoutClassName, shouldBreakout));
-  var headerClassNames = classnames({
-    'with-children': hasChildren,
-    'without-frame': removeBorder
-  });
-  var customContainerStyles = {
-    width: '100%'
-  };
-  var newContentStyles = {};
-  if (shouldBreakout) {
-    var _calculateBreakoutSty = calculateBreakoutStyles({
-        mode: node.attrs.layout,
-        widthStateWidth: widthState.width,
-        widthStateLineLength: widthState.lineLength
-      }),
-      type = _calculateBreakoutSty.type,
-      breakoutStyles = _objectWithoutProperties(_calculateBreakoutSty, _excluded);
-    newContentStyles = _objectSpread({}, breakoutStyles);
-    customContainerStyles = breakoutStyles;
-  }
-  newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), contentWrapper);
-  return jsx("div", {
-    ref: handleRef,
-    "data-layout": node.attrs.layout,
-    className: classNames,
-    css: wrapperStyle,
-    style: customContainerStyles
-  }, jsx("div", {
-    className: "extension-overflow-wrapper ".concat(hasBody ? 'with-body' : '')
-  }, jsx("div", {
-    css: overlay,
-    className: "extension-overlay"
-  }), jsx("div", {
-    css: header,
-    contentEditable: false,
-    className: headerClassNames
-  }, !removeBorder && jsx(ExtensionLozenge, {
-    node: node
-  }), children), hasBody && jsx("div", {
-    css: newContentStyles
-  }, jsx("div", {
-    css: content,
-    ref: handleContentDOMRef,
-    className: "extension-content block"
-  }))));
-}
-var Extension = function Extension(props) {
-  // TODO: ED-17836 This code is here because confluence injects
-  // the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
-  // which cannot access the `pluginInjectionApi`. When we move
-  // Confluence to using presets we can remove this workaround.
-  var pluginInjectionApi = props.pluginInjectionApi;
-  return pluginInjectionApi === undefined ? jsx(ExtensionDeprecated, props) : jsx(ExtensionWithSharedState, props);
-};
-var ExtensionWithSharedState = function ExtensionWithSharedState(props) {
-  var pluginInjectionApi = props.pluginInjectionApi;
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
-  return jsx(ExtensionWithPluginState, _extends({
-    widthState: widthState
-  }, props));
-};
-import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
-// TODO: ED-17836 This code is here because Confluence injects
-// the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
-// which cannot access the `pluginInjectionApi`. When we move
-// Confluence to using presets we can remove this workaround.
-// @ts-ignore
-var widthPluginKey = {
-  key: 'widthPlugin$',
-  getState: function getState(state) {
-    return state['widthPlugin$'];
-  }
-};
-var ExtensionDeprecated = function ExtensionDeprecated(props) {
-  return jsx(WithPluginState, {
-    editorView: props.view,
-    plugins: {
-      widthState: widthPluginKey
-    },
-    render: function render(_ref) {
-      var widthState = _ref.widthState;
-      return jsx(ExtensionWithPluginState, _extends({
-        widthState: widthState
-      }, props));
-    }
-  });
-};
-/**
- * End workaround
- */
-
-export default overflowShadow(Extension, {
-  overflowSelector: '.extension-overflow-wrapper'
-});

package/dist/esm/plugins/extension/ui/Extension/Extension/styles.js

@@ -1,21 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { css } from '@emotion/react';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { DN30, DN900, N30 } from '@atlaskit/theme/colors';
-import { wrapperDefault, padding } from '../styles';
-export var widerLayoutClassName = 'wider-layout';
-export var wrapperStyle = function wrapperStyle(theme) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  &.without-frame {\n    background: transparent;\n  }\n  cursor: pointer;\n  width: 100%;\n\n  .extension-overflow-wrapper:not(.with-body) {\n    overflow-x: auto;\n  }\n"])), wrapperDefault(theme));
-};
-export var header = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px 0px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: ", " ", "\n      ", ";\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), padding / 2, padding / 2, "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-export var content = function content(theme) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  cursor: initial;\n  width: 100%;\n"])), padding, themed({
-    light: "var(--ds-surface, white)",
-    dark: "var(--ds-surface, ".concat(DN30, ")")
-  })(theme), themed({
-    dark: "var(--ds-text, ".concat(DN900, ")")
-  })(theme), "var(--ds-border, ".concat(N30, ")"), borderRadius());
-};
-export var contentWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", "px ", "px;\n  display: flex;\n  justify-content: center;\n"])), padding, padding);

package/dist/esm/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -1,242 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-import { Component } from 'react';
-import memoizeOne from 'memoize-one';
-import { getNodeRenderer, getExtensionModuleNodePrivateProps } from '@atlaskit/editor-common/extensions';
-import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
-import Extension from './Extension';
-import InlineExtension from './InlineExtension';
-import MultiBodiedExtension from './MultiBodiedExtension';
-var ExtensionComponent = /*#__PURE__*/function (_Component) {
-  _inherits(ExtensionComponent, _Component);
-  var _super = _createSuper(ExtensionComponent);
-  function ExtensionComponent() {
-    var _this;
-    _classCallCheck(this, ExtensionComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "privatePropsParsed", false);
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-    _defineProperty(_assertThisInitialized(_this), "mounted", false);
-    // memoized to avoid rerender on extension state changes
-    _defineProperty(_assertThisInitialized(_this), "getNodeRenderer", memoizeOne(getNodeRenderer));
-    _defineProperty(_assertThisInitialized(_this), "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
-    _defineProperty(_assertThisInitialized(_this), "setStateFromPromise", function (stateKey, promise) {
-      promise && promise.then(function (p) {
-        if (!_this.mounted) {
-          return;
-        }
-        _this.setState(_defineProperty({}, stateKey, p));
-      });
-    });
-    /**
-     * Parses any private nodes once an extension provider is available.
-     *
-     * We do this separately from resolving a node renderer component since the
-     * private props come from extension provider, rather than an extension
-     * handler which only handles `render`/component concerns.
-     */
-    _defineProperty(_assertThisInitialized(_this), "parsePrivateNodePropsIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _this$props$node$attr, extensionType, extensionKey, privateProps;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!(_this.privatePropsParsed || !_this.state.extensionProvider)) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            _this.privatePropsParsed = true;
-            _this$props$node$attr = _this.props.node.attrs, extensionType = _this$props$node$attr.extensionType, extensionKey = _this$props$node$attr.extensionKey;
-            /**
-             * getExtensionModuleNodePrivateProps can throw if there are issues in the
-             * manifest
-             */
-            _context.prev = 4;
-            _context.next = 7;
-            return _this.getExtensionModuleNodePrivateProps(_this.state.extensionProvider, extensionType, extensionKey);
-          case 7:
-            privateProps = _context.sent;
-            _this.setState({
-              _privateProps: privateProps
-            });
-            _context.next = 14;
-            break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](4);
-            // eslint-disable-next-line no-console
-            console.error('Provided extension handler has thrown an error\n', _context.t0);
-            /** We don't want this error to block renderer */
-            /** We keep rendering the default content */
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[4, 11]]);
-    })));
-    _defineProperty(_assertThisInitialized(_this), "handleExtension", function (pmNode, actions) {
-      var _pmNode$marks;
-      var _this$props = _this.props,
-        extensionHandlers = _this$props.extensionHandlers,
-        editorView = _this$props.editorView;
-      var _pmNode$attrs = pmNode.attrs,
-        extensionType = _pmNode$attrs.extensionType,
-        extensionKey = _pmNode$attrs.extensionKey,
-        parameters = _pmNode$attrs.parameters,
-        text = _pmNode$attrs.text;
-      var isBodiedExtension = pmNode.type.name === 'bodiedExtension';
-      if (isBodiedExtension) {
-        return;
-      }
-      var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.find(function (m) {
-        return m.type.name === 'fragment';
-      })) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.attrs) === null || _pmNode$marks === void 0 ? void 0 : _pmNode$marks.localId;
-      var node = {
-        type: pmNode.type.name,
-        extensionType: extensionType,
-        extensionKey: extensionKey,
-        parameters: parameters,
-        content: text,
-        localId: pmNode.attrs.localId,
-        fragmentLocalId: fragmentLocalId
-      };
-      var result;
-      if (extensionHandlers && extensionHandlers[extensionType]) {
-        var render = getExtensionRenderer(extensionHandlers[extensionType]);
-        result = render(node, editorView.state.doc, actions);
-      }
-      if (!result) {
-        var extensionHandlerFromProvider = _this.state.extensionProvider && _this.getNodeRenderer(_this.state.extensionProvider, extensionType, extensionKey);
-        if (extensionHandlerFromProvider) {
-          var NodeRenderer = extensionHandlerFromProvider;
-          if (node.type === 'multiBodiedExtension') {
-            return /*#__PURE__*/React.createElement(NodeRenderer, {
-              node: node,
-              references: _this.props.references,
-              actions: actions
-            });
-          } else {
-            return /*#__PURE__*/React.createElement(NodeRenderer, {
-              node: node,
-              references: _this.props.references
-            });
-          }
-        }
-      }
-      return result;
-    });
-    return _this;
-  }
-  _createClass(ExtensionComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.mounted = true;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var extensionProvider = this.props.extensionProvider;
-      if (extensionProvider) {
-        this.setStateFromPromise('extensionProvider', extensionProvider);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.parsePrivateNodePropsIfNeeded();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.mounted = false;
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var extensionProvider = nextProps.extensionProvider;
-      if (extensionProvider && this.props.extensionProvider !== extensionProvider) {
-        this.setStateFromPromise('extensionProvider', extensionProvider);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state$_privateP;
-      var _this$props2 = this.props,
-        node = _this$props2.node,
-        handleContentDOMRef = _this$props2.handleContentDOMRef,
-        editorView = _this$props2.editorView,
-        references = _this$props2.references,
-        editorAppearance = _this$props2.editorAppearance,
-        pluginInjectionApi = _this$props2.pluginInjectionApi,
-        getPos = _this$props2.getPos,
-        eventDispatcher = _this$props2.eventDispatcher;
-      if (node.type.name === 'multiBodiedExtension') {
-        return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
-          node: node,
-          editorView: editorView,
-          getPos: getPos,
-          handleContentDOMRef: handleContentDOMRef,
-          tryExtensionHandler: this.tryExtensionHandler.bind(this),
-          eventDispatcher: eventDispatcher
-        });
-      }
-      var extensionHandlerResult = this.tryExtensionHandler(undefined);
-      switch (node.type.name) {
-        case 'extension':
-        case 'bodiedExtension':
-          return /*#__PURE__*/React.createElement(Extension, {
-            node: node,
-            getPos: this.props.getPos,
-            references: references,
-            extensionProvider: this.state.extensionProvider,
-            handleContentDOMRef: handleContentDOMRef,
-            view: editorView,
-            editorAppearance: editorAppearance,
-            hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
-            pluginInjectionApi: pluginInjectionApi
-          }, extensionHandlerResult);
-        case 'inlineExtension':
-          return /*#__PURE__*/React.createElement(InlineExtension, {
-            node: node
-          }, extensionHandlerResult);
-        default:
-          return null;
-      }
-    }
-  }, {
-    key: "tryExtensionHandler",
-    value: function tryExtensionHandler(actions) {
-      var node = this.props.node;
-      try {
-        var extensionContent = this.handleExtension(node, actions);
-        if (extensionContent && /*#__PURE__*/React.isValidElement(extensionContent)) {
-          return extensionContent;
-        }
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.error('Provided extension handler has thrown an error\n', e);
-        /** We don't want this error to block renderer */
-        /** We keep rendering the default content */
-      }
-
-      return null;
-    }
-  }]);
-  return ExtensionComponent;
-}(Component);
-export { ExtensionComponent as default };

package/dist/esm/plugins/extension/ui/Extension/ExtensionNodeWrapper.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-/**
- * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
- * else wrap with a div (for multi bodied extensions)
- *
- * @param param0
- * @returns
- */
-var ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
-  var children = _ref.children,
-    nodeType = _ref.nodeType;
-  return /*#__PURE__*/React.createElement("span", null, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);
-};
-export default ExtensionNodeWrapper;

package/dist/esm/plugins/extension/ui/Extension/InlineExtension/index.js

@@ -1,43 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { Component } from 'react';
-import { overlay } from '../styles';
-import ExtensionLozenge from '../Lozenge';
-import { wrapperStyle } from './styles';
-var InlineExtension = /*#__PURE__*/function (_Component) {
-  _inherits(InlineExtension, _Component);
-  var _super = _createSuper(InlineExtension);
-  function InlineExtension() {
-    _classCallCheck(this, InlineExtension);
-    return _super.apply(this, arguments);
-  }
-  _createClass(InlineExtension, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        node = _this$props.node,
-        children = _this$props.children;
-      var hasChildren = !!children;
-      var className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
-      return jsx("div", {
-        css: wrapperStyle,
-        className: "extension-container inline ".concat(className)
-      }, jsx("div", {
-        css: overlay,
-        className: "extension-overlay"
-      }), children ? children : jsx(ExtensionLozenge, {
-        node: node
-      }));
-    }
-  }]);
-  return InlineExtension;
-}(Component);
-export { InlineExtension as default };

package/dist/esm/plugins/extension/ui/Extension/InlineExtension/styles.js

@@ -1,8 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { wrapperDefault } from '../styles';
-export var wrapperStyle = function wrapperStyle(theme) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  cursor: pointer;\n  display: inline-flex;\n  margin: 1px 1px ", ";\n\n  > img {\n    border-radius: ", "px;\n  }\n\n  &::after,\n  &::before {\n    vertical-align: text-top;\n    display: inline-block;\n    width: 1px;\n    content: '';\n  }\n\n  &.with-children {\n    padding: 0;\n    background: ", ";\n  }\n"])), wrapperDefault(theme), "var(--ds-space-050, 4px)", borderRadius(), "var(--ds-background-neutral-subtle, white)");
-};

package/dist/esm/plugins/extension/ui/Extension/Lozenge.js

@@ -1,90 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-var _excluded = ["url"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { Component } from 'react';
-import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
-import { getExtensionLozengeData } from '@atlaskit/editor-common/utils';
-import { placeholderFallback, placeholderFallbackParams, styledImage } from './styles';
-export var capitalizeFirstLetter = function capitalizeFirstLetter(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-export var ICON_SIZE = 24;
-var ExtensionLozenge = /*#__PURE__*/function (_Component) {
-  _inherits(ExtensionLozenge, _Component);
-  var _super = _createSuper(ExtensionLozenge);
-  function ExtensionLozenge() {
-    _classCallCheck(this, ExtensionLozenge);
-    return _super.apply(this, arguments);
-  }
-  _createClass(ExtensionLozenge, [{
-    key: "render",
-    value: function render() {
-      var node = this.props.node;
-      var imageData = getExtensionLozengeData({
-        node: node,
-        type: 'image'
-      });
-      if (imageData && node.type.name !== 'extension') {
-        return this.renderImage(imageData);
-      }
-      var iconData = getExtensionLozengeData({
-        node: node,
-        type: 'icon'
-      });
-      return this.renderFallback(iconData);
-    }
-  }, {
-    key: "renderImage",
-    value: function renderImage(lozengeData) {
-      var extensionKey = this.props.node.attrs.extensionKey;
-      var url = lozengeData.url,
-        rest = _objectWithoutProperties(lozengeData, _excluded);
-      return jsx("img", _extends({
-        css: styledImage,
-        src: url
-      }, rest, {
-        alt: extensionKey
-      }));
-    }
-  }, {
-    key: "renderFallback",
-    value: function renderFallback(lozengeData) {
-      var _this$props$node$attr = this.props.node.attrs,
-        parameters = _this$props$node$attr.parameters,
-        extensionKey = _this$props$node$attr.extensionKey;
-      var name = this.props.node.type.name;
-      var params = parameters && parameters.macroParams;
-      var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
-      var isBlockExtension = name === 'extension';
-      return jsx("div", {
-        "data-testid": "lozenge-fallback",
-        css: placeholderFallback
-      }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
-        height: ICON_SIZE,
-        width: ICON_SIZE
-      }, lozengeData)) : jsx(EditorFileIcon, {
-        label: title
-      }), jsx("span", {
-        className: "extension-title"
-      }, capitalizeFirstLetter(title)), params && !isBlockExtension && jsx("span", {
-        css: placeholderFallbackParams
-      }, Object.keys(params).map(function (key) {
-        return key && " | ".concat(key, " = ").concat(params[key].value);
-      })));
-    }
-  }]);
-  return ExtensionLozenge;
-}(Component);
-export { ExtensionLozenge as default };