@atlaskit/editor-core 190.2.2 → 191.0.0

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

@@ -1,250 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _extensions = require("@atlaskit/editor-common/extensions");
-var _utils = require("@atlaskit/editor-common/utils");
-var _Extension = _interopRequireDefault(require("./Extension"));
-var _InlineExtension = _interopRequireDefault(require("./InlineExtension"));
-var _MultiBodiedExtension = _interopRequireDefault(require("./MultiBodiedExtension"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var ExtensionComponent = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExtensionComponent, _Component);
-  var _super = _createSuper(ExtensionComponent);
-  function ExtensionComponent() {
-    var _this;
-    (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "privatePropsParsed", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
-    // memoized to avoid rerender on extension state changes
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getNodeRenderer", (0, _memoizeOne.default)(_extensions.getNodeRenderer));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_extensions.getExtensionModuleNodePrivateProps));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setStateFromPromise", function (stateKey, promise) {
-      promise && promise.then(function (p) {
-        if (!_this.mounted) {
-          return;
-        }
-        _this.setState((0, _defineProperty2.default)({}, 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.
-     */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "parsePrivateNodePropsIfNeeded", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _this$props$node$attr, extensionType, extensionKey, privateProps;
-      return _regenerator.default.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]]);
-    })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 = (0, _utils.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.default.createElement(NodeRenderer, {
-              node: node,
-              references: _this.props.references,
-              actions: actions
-            });
-          } else {
-            return /*#__PURE__*/_react.default.createElement(NodeRenderer, {
-              node: node,
-              references: _this.props.references
-            });
-          }
-        }
-      }
-      return result;
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(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.default.createElement(_MultiBodiedExtension.default, {
-          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.default.createElement(_Extension.default, {
-            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.default.createElement(_InlineExtension.default, {
-            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.default.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;
-}(_react.Component);

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@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.default.createElement("span", null, children, nodeType === 'inlineExtension' && _utils.ZERO_WIDTH_SPACE);
-};
-var _default = exports.default = ExtensionNodeWrapper;

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

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _styles = require("../styles");
-var _Lozenge = _interopRequireDefault(require("../Lozenge"));
-var _styles2 = require("./styles");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
-var InlineExtension = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(InlineExtension, _Component);
-  var _super = _createSuper(InlineExtension);
-  function InlineExtension() {
-    (0, _classCallCheck2.default)(this, InlineExtension);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(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 (0, _react2.jsx)("div", {
-        css: _styles2.wrapperStyle,
-        className: "extension-container inline ".concat(className)
-      }, (0, _react2.jsx)("div", {
-        css: _styles.overlay,
-        className: "extension-overlay"
-      }), children ? children : (0, _react2.jsx)(_Lozenge.default, {
-        node: node
-      }));
-    }
-  }]);
-  return InlineExtension;
-}(_react.Component);

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

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapperStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
-var _styles = require("../styles");
-var _templateObject;
-var wrapperStyle = exports.wrapperStyle = function wrapperStyle(theme) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _styles.wrapperDefault)(theme), "var(--ds-space-050, 4px)", (0, _constants.borderRadius)(), "var(--ds-background-neutral-subtle, white)");
-};

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

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.capitalizeFirstLetter = exports.ICON_SIZE = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file"));
-var _utils = require("@atlaskit/editor-common/utils");
-var _styles = require("./styles");
-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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
-var capitalizeFirstLetter = exports.capitalizeFirstLetter = function capitalizeFirstLetter(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-var ICON_SIZE = exports.ICON_SIZE = 24;
-var ExtensionLozenge = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExtensionLozenge, _Component);
-  var _super = _createSuper(ExtensionLozenge);
-  function ExtensionLozenge() {
-    (0, _classCallCheck2.default)(this, ExtensionLozenge);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(ExtensionLozenge, [{
-    key: "render",
-    value: function render() {
-      var node = this.props.node;
-      var imageData = (0, _utils.getExtensionLozengeData)({
-        node: node,
-        type: 'image'
-      });
-      if (imageData && node.type.name !== 'extension') {
-        return this.renderImage(imageData);
-      }
-      var iconData = (0, _utils.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 = (0, _objectWithoutProperties2.default)(lozengeData, _excluded);
-      return (0, _react.jsx)("img", (0, _extends2.default)({
-        css: _styles.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 (0, _react.jsx)("div", {
-        "data-testid": "lozenge-fallback",
-        css: _styles.placeholderFallback
-      }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
-        height: ICON_SIZE,
-        width: ICON_SIZE
-      }, lozengeData)) : (0, _react.jsx)(_file.default, {
-        label: title
-      }), (0, _react.jsx)("span", {
-        className: "extension-title"
-      }, capitalizeFirstLetter(title)), params && !isBlockExtension && (0, _react.jsx)("span", {
-        css: _styles.placeholderFallbackParams
-      }, Object.keys(params).map(function (key) {
-        return key && " | ".concat(key, " = ").concat(params[key].value);
-      })));
-    }
-  }]);
-  return ExtensionLozenge;
-}(_react2.Component);

package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -1,195 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _react2 = _interopRequireWildcard(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
-var _utils = require("@atlaskit/editor-common/utils");
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2.default)(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 */
-var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
-  var updateActiveChild = _ref.updateActiveChild,
-    editorView = _ref.editorView,
-    getPos = _ref.getPos,
-    node = _ref.node,
-    eventDispatcher = _ref.eventDispatcher;
-  var actions = _react2.default.useMemo(function () {
-    return {
-      changeActive: function changeActive(index) {
-        var updateActiveChildResult = updateActiveChild(index);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(_analytics.ACTION.CHANGE_ACTIVE, node, eventDispatcher);
-        }
-        return updateActiveChildResult;
-      },
-      addChild: function addChild() {
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        if (node.content.childCount >= node.attrs.maxFrames) {
-          throw new Error("Cannot add more than ".concat(node.attrs.maxFrames, " frames"));
-        }
-        var p = state.schema.nodes.paragraph.createAndFill({});
-        if (!p) {
-          throw new Error('Could not create paragraph');
-        }
-        var frame = state.schema.nodes.extensionFrame.createAndFill({}, [p]);
-        var pos = getPos();
-        if (typeof pos !== 'number' || !frame) {
-          throw new Error('Could not create frame or position not valid');
-        }
-        var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
-        dispatch(state.tr.insert(insertAt, frame));
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(_analytics.ACTION.ADD_CHILD, node, eventDispatcher);
-        }
-        return true;
-      },
-      getChildrenCount: function getChildrenCount() {
-        return node.content.childCount;
-      },
-      removeChild: function removeChild(index) {
-        var pos = getPos();
-        // TODO: Add child index validation here, don't trust this data
-        if (typeof pos !== 'number' || typeof index !== 'number') {
-          throw new Error('Position or index not valid');
-        }
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        if (node.content.childCount === 1) {
-          var _tr = state.tr;
-          _tr.deleteRange(pos, pos + node.content.size);
-          dispatch(_tr);
-          return true;
-        }
-        var $pos = state.doc.resolve(pos);
-        var $startNodePos = state.doc.resolve($pos.start($pos.depth + 1));
-        var startFramePosition = $startNodePos.posAtIndex(index);
-        var maybeFrameNode = state.doc.nodeAt(startFramePosition);
-        if (!maybeFrameNode) {
-          throw new Error('Could not find frame node');
-        }
-        var endFramePosition = maybeFrameNode.content.size + startFramePosition;
-        var tr = state.tr;
-        tr.deleteRange(startFramePosition, endFramePosition);
-        dispatch(tr);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(_analytics.ACTION.REMOVE_CHILD, node, eventDispatcher);
-        }
-        return true;
-      },
-      updateParameters: function updateParameters(parameters) {
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        var pos = getPos();
-        if (typeof pos !== 'number') {
-          throw new Error('Position not valid');
-        }
-        var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
-          parameters: _objectSpread(_objectSpread({}, node.attrs.parameters), {}, {
-            macroParams: parameters
-          })
-        }));
-        dispatch(tr);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(_analytics.ACTION.UPDATE_PARAMETERS, node, eventDispatcher);
-        }
-        return true;
-      },
-      getChildren: function getChildren() {
-        var _state$doc$nodeAt;
-        var state = editorView.state;
-        var pos = getPos();
-        if (typeof pos !== 'number') {
-          return [];
-        }
-        var children = (_state$doc$nodeAt = state.doc.nodeAt(pos)) === null || _state$doc$nodeAt === void 0 ? void 0 : _state$doc$nodeAt.content;
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(_analytics.ACTION.GET_CHILDERN, node, eventDispatcher);
-        }
-        return children ? children.toJSON() : [];
-      }
-    };
-  }, [node, editorView, getPos, updateActiveChild, eventDispatcher]);
-  return actions;
-};
-var navigationCSS = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // make sure the user can't see a range selection inside the navigation\n  // This is really important to keep the navigation working properly\n  user-select: none;\n  -webkit-user-modify: read-only;\n  border: 1px solid ", ";\n  background-color: ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-background-inverse-subtle, ".concat(_colors.N50, ")"));
-var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
-  var node = _ref2.node,
-    handleContentDOMRef = _ref2.handleContentDOMRef,
-    getPos = _ref2.getPos,
-    tryExtensionHandler = _ref2.tryExtensionHandler,
-    editorView = _ref2.editorView,
-    eventDispatcher = _ref2.eventDispatcher;
-  var _useState = (0, _react2.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activeChildIndex = _useState2[0],
-    setActiveChildIndex = _useState2[1];
-  // Adding to avoid aliasing `this` for the callbacks
-  var updateActiveChild = _react2.default.useCallback(function (index) {
-    if (typeof index !== 'number') {
-      setActiveChildIndex(0);
-      throw new Error('Index is not valid');
-    }
-    setActiveChildIndex(index);
-    return true;
-  }, [setActiveChildIndex]);
-  var actions = useMultiBodiedExtensionActions({
-    updateActiveChild: updateActiveChild,
-    editorView: editorView,
-    getPos: getPos,
-    eventDispatcher: eventDispatcher,
-    node: node
-  });
-  var extensionHandlerResult = _react2.default.useMemo(function () {
-    return tryExtensionHandler(actions);
-  }, [tryExtensionHandler, actions]);
-  var articleRef = _react2.default.useCallback(function (node) {
-    return handleContentDOMRef(node);
-  }, [handleContentDOMRef]);
-  var containerCSS = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    border: 1px solid ", ";\n    min-height: 100px;\n    .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n      display: none;\n    }\n\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      border: 1px solid ", ";\n      display: block;\n      min-height: 100px;\n    }\n  "])), "var(--ds-border, ".concat(_colors.N30, ")"), activeChildIndex + 1, "var(--ds-border, ".concat(_colors.N50, ")"));
-  return (0, _react.jsx)("section", {
-    className: "multiBodiedExtension--container",
-    css: containerCSS,
-    "data-testid": "multiBodiedExtension--container",
-    "data-active-child-index": activeChildIndex
-  }, (0, _react.jsx)("nav", {
-    className: "multiBodiedExtension-navigation",
-    css: navigationCSS,
-    "data-testid": "multiBodiedExtension-navigation"
-  }, extensionHandlerResult), (0, _react.jsx)("article", {
-    className: "multiBodiedExtension--frames",
-    "data-testid": "multiBodiedExtension--frames",
-    ref: articleRef
-  }));
-};
-var sendMBEAnalyticsEvent = function sendMBEAnalyticsEvent(action, node, eventDispatcher) {
-  var analyticsDispatch = (0, _eventDispatcher.createDispatch)(eventDispatcher);
-  analyticsDispatch(_utils.analyticsEventKey, {
-    payload: {
-      action: action,
-      actionSubject: _analytics.ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        extensionType: node.attrs.extensionType,
-        extensionKey: node.attrs.extensionKey,
-        localId: node.attrs.localId,
-        maxFramesCount: node.attrs.maxFrames,
-        currentFramesCount: node.content.childCount
-      }
-    }
-  });
-};
-var _default = exports.default = MultiBodiedExtension;