@atlaskit/editor-core 190.1.19 → 190.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "190.1.19",
+  "version": "190.1.23",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -57,6 +57,7 @@
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-plugin-alignment": "^0.1.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
+    "@atlaskit/editor-plugin-annotation": "^0.1.0",
     "@atlaskit/editor-plugin-base": "^0.2.0",
     "@atlaskit/editor-plugin-better-type-history": "^0.1.0",
     "@atlaskit/editor-plugin-block-type": "^3.0.0",
@@ -111,7 +112,7 @@
     "@atlaskit/editor-plugin-selection-toolbar": "^0.1.0",
     "@atlaskit/editor-plugin-status": "^0.2.0",
     "@atlaskit/editor-plugin-submit-editor": "^0.1.0",
-    "@atlaskit/editor-plugin-table": "^5.6.0",
+    "@atlaskit/editor-plugin-table": "^5.7.0",
     "@atlaskit/editor-plugin-tasks-and-decisions": "^0.2.0",
     "@atlaskit/editor-plugin-text-color": "^0.1.0",
     "@atlaskit/editor-plugin-text-formatting": "^0.4.0",
@@ -145,7 +146,7 @@
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.31.0",
+    "@atlaskit/tokens": "^1.32.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
@@ -342,6 +343,10 @@
       "type": "boolean",
       "referenceOnly": "true"
     },
+    "platform.editor.table.new-cell-context-menu-styling": {
+      "type": "boolean",
+      "referenceOnly": "true"
+    },
     "platform.editor.ordered-list-auto-join-improvements_mrlv5": {
       "type": "boolean",
       "referenceOnly": "true"
@@ -370,7 +375,8 @@
       "referenceOnly": "true"
     },
     "platform.editor.annotation.decouple-inline-comment-closed_flmox": {
-      "type": "boolean"
+      "type": "boolean",
+      "referenceOnly": "true"
     }
   }
 }

package/dist/cjs/plugins/annotation/commands/index.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateMouseState = exports.updateInlineCommentResolvedState = exports.setSelectedAnnotation = exports.setInlineCommentsVisibility = exports.setInlineCommentDraftState = exports.removeInlineCommentNearSelection = exports.createAnnotation = exports.closeComponent = exports.clearDirtyMark = exports.addInlineComment = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _pluginFactory = require("../pm-plugins/plugin-factory");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _utils = require("../utils");
-var _types = require("../pm-plugins/types");
-var _transform = _interopRequireDefault(require("./transform"));
-var _types2 = require("../types");
-var updateInlineCommentResolvedState = exports.updateInlineCommentResolvedState = function updateInlineCommentResolvedState(editorAnalyticsAPI) {
-  return function (partialNewState, resolveMethod) {
-    var command = {
-      type: _types.ACTIONS.UPDATE_INLINE_COMMENT_STATE,
-      data: partialNewState
-    };
-    var allResolved = Object.values(partialNewState).every(function (state) {
-      return state;
-    });
-    if (resolveMethod && allResolved) {
-      return (0, _pluginFactory.createCommand)(command, _transform.default.addResolveAnalytics(editorAnalyticsAPI)(resolveMethod));
-    }
-    return (0, _pluginFactory.createCommand)(command);
-  };
-};
-var closeComponent = exports.closeComponent = function closeComponent() {
-  return (0, _pluginFactory.createCommand)({
-    type: _types.ACTIONS.CLOSE_COMPONENT
-  });
-};
-var clearDirtyMark = exports.clearDirtyMark = function clearDirtyMark() {
-  return (0, _pluginFactory.createCommand)({
-    type: _types.ACTIONS.INLINE_COMMENT_CLEAR_DIRTY_MARK
-  });
-};
-var removeInlineCommentNearSelection = exports.removeInlineCommentNearSelection = function removeInlineCommentNearSelection(id) {
-  return function (state, dispatch) {
-    var tr = state.tr,
-      $from = state.selection.$from;
-    var annotationMarkType = state.schema.marks.annotation;
-    var hasAnnotation = $from.marks().some(function (mark) {
-      return mark.type === annotationMarkType;
-    });
-    if (!hasAnnotation) {
-      return false;
-    }
-
-    // just remove entire mark from around the node
-    tr.removeMark($from.start(), $from.end(), annotationMarkType.create({
-      id: id,
-      type: _adfSchema.AnnotationTypes.INLINE_COMMENT
-    }));
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-};
-var getDraftCommandAction = function getDraftCommandAction(drafting) {
-  return function (editorState) {
-    // validate selection only when entering draft mode
-    if (drafting && (0, _utils.isSelectionValid)(editorState) !== _types2.AnnotationSelectionType.VALID) {
-      return false;
-    }
-    return {
-      type: _types.ACTIONS.SET_INLINE_COMMENT_DRAFT_STATE,
-      data: {
-        drafting: drafting,
-        editorState: editorState
-      }
-    };
-  };
-};
-var setInlineCommentDraftState = exports.setInlineCommentDraftState = function setInlineCommentDraftState(editorAnalyticsAPI) {
-  return function (drafting) {
-    var inputMethod = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _analytics.INPUT_METHOD.TOOLBAR;
-    var commandAction = getDraftCommandAction(drafting);
-    return (0, _pluginFactory.createCommand)(commandAction, _transform.default.addOpenCloseAnalytics(editorAnalyticsAPI)(drafting, inputMethod));
-  };
-};
-var addInlineComment = exports.addInlineComment = function addInlineComment(editorAnalyticsAPI) {
-  return function (id) {
-    var commandAction = function commandAction(editorState) {
-      return {
-        type: _types.ACTIONS.ADD_INLINE_COMMENT,
-        data: {
-          drafting: false,
-          inlineComments: (0, _defineProperty2.default)({}, id, false),
-          // Auto make the newly inserted comment selected.
-          // We move the selection to the head of the comment selection.
-          selectedAnnotations: [{
-            id: id,
-            type: _adfSchema.AnnotationTypes.INLINE_COMMENT
-          }],
-          editorState: editorState
-        }
-      };
-    };
-    return (0, _pluginFactory.createCommand)(commandAction, _transform.default.addInlineComment(editorAnalyticsAPI)(id));
-  };
-};
-var updateMouseState = exports.updateMouseState = function updateMouseState(mouseData) {
-  return (0, _pluginFactory.createCommand)({
-    type: _types.ACTIONS.INLINE_COMMENT_UPDATE_MOUSE_STATE,
-    data: {
-      mouseData: mouseData
-    }
-  });
-};
-var setSelectedAnnotation = exports.setSelectedAnnotation = function setSelectedAnnotation(id) {
-  return (0, _pluginFactory.createCommand)({
-    type: _types.ACTIONS.SET_SELECTED_ANNOTATION,
-    data: {
-      selectedAnnotations: [{
-        id: id,
-        type: _adfSchema.AnnotationTypes.INLINE_COMMENT
-      }]
-    }
-  });
-};
-var createAnnotation = exports.createAnnotation = function createAnnotation(editorAnalyticsAPI) {
-  return function (id) {
-    var annotationType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _adfSchema.AnnotationTypes.INLINE_COMMENT;
-    return function (state, dispatch) {
-      // don't try to add if there are is no temp highlight bookmarked
-      var _ref = (0, _utils.getPluginState)(state) || {},
-        bookmark = _ref.bookmark;
-      if (!bookmark || !dispatch) {
-        return false;
-      }
-      if (annotationType === _adfSchema.AnnotationTypes.INLINE_COMMENT) {
-        return addInlineComment(editorAnalyticsAPI)(id)(state, dispatch);
-      }
-      return false;
-    };
-  };
-};
-var setInlineCommentsVisibility = exports.setInlineCommentsVisibility = function setInlineCommentsVisibility(isVisible) {
-  return (0, _pluginFactory.createCommand)({
-    type: _types.ACTIONS.INLINE_COMMENT_SET_VISIBLE,
-    data: {
-      isVisible: isVisible
-    }
-  });
-};

package/dist/cjs/plugins/annotation/commands/transform.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _utils = require("../utils");
-var _mark = require("@atlaskit/editor-common/mark");
-var addAnnotationMark = function addAnnotationMark(id) {
-  return function (transaction, state) {
-    var inlineCommentState = (0, _utils.getPluginState)(state);
-    var _getSelectionPosition = (0, _utils.getSelectionPositions)(state, inlineCommentState),
-      from = _getSelectionPosition.from,
-      to = _getSelectionPosition.to,
-      head = _getSelectionPosition.head;
-    var annotationMark = state.schema.marks.annotation.create({
-      id: id,
-      type: _adfSchema.AnnotationTypes.INLINE_COMMENT
-    });
-    // Apply the mark only to text node in the range.
-    var tr = (0, _mark.applyMarkOnRange)(from, to, false, annotationMark, transaction);
-    // set selection back to the end of annotation once annotation mark is applied
-    tr.setSelection(_state.TextSelection.create(tr.doc, head));
-    return tr;
-  };
-};
-var addInlineComment = function addInlineComment(editorAnalyticsAPI) {
-  return function (id) {
-    return function (transaction, state) {
-      var tr = addAnnotationMark(id)(transaction, state);
-      // add insert analytics step to transaction
-      tr = addInsertAnalytics(editorAnalyticsAPI)(tr, state);
-      // add close analytics step to transaction
-      tr = addOpenCloseAnalytics(editorAnalyticsAPI)(false, _analytics.INPUT_METHOD.TOOLBAR)(tr, state);
-      return tr;
-    };
-  };
-};
-var addOpenCloseAnalytics = function addOpenCloseAnalytics(editorAnalyticsAPI) {
-  return function (drafting) {
-    var method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _analytics.INPUT_METHOD.TOOLBAR;
-    return function (transaction, state) {
-      var draftingPayload = (0, _utils.getDraftCommandAnalyticsPayload)(drafting, method)(state);
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(draftingPayload)(transaction);
-      return transaction;
-    };
-  };
-};
-var addInsertAnalytics = function addInsertAnalytics(editorAnalyticsAPI) {
-  return function (transaction, state) {
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-      action: _analytics.ACTION.INSERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT
-    })(transaction);
-    return transaction;
-  };
-};
-var addResolveAnalytics = function addResolveAnalytics(editorAnalyticsAPI) {
-  return function (method) {
-    return function (transaction, state) {
-      var resolvedPayload = {
-        action: _analytics.ACTION.RESOLVED,
-        actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {
-          method: method
-        }
-      };
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(resolvedPayload)(transaction);
-      return transaction;
-    };
-  };
-};
-var _default = exports.default = {
-  addAnnotationMark: addAnnotationMark,
-  addInlineComment: addInlineComment,
-  addOpenCloseAnalytics: addOpenCloseAnalytics,
-  addInsertAnalytics: addInsertAnalytics,
-  addResolveAnalytics: addResolveAnalytics
-};

package/dist/cjs/plugins/annotation/index.js

@@ -1,130 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AnnotationUpdateEmitter", {
-  enumerable: true,
-  get: function get() {
-    return _updateProvider.AnnotationUpdateEmitter;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _keymap = require("./pm-plugins/keymap");
-var _inlineComment = require("./pm-plugins/inline-comment");
-var _updateProvider = require("./update-provider");
-var _utils = require("./utils");
-var _toolbar = require("./toolbar");
-var _InlineCommentView = require("./ui/InlineCommentView");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var annotationPlugin = function annotationPlugin(_ref) {
-  var annotationProviders = _ref.config,
-    api = _ref.api;
-  return {
-    name: 'annotation',
-    marks: function marks() {
-      return [{
-        name: 'annotation',
-        mark: _adfSchema.annotation
-      }];
-    },
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return (0, _utils.getPluginState)(editorState) || undefined;
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'annotation',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch,
-            portalProviderAPI = _ref2.portalProviderAPI,
-            eventDispatcher = _ref2.eventDispatcher;
-          if (annotationProviders) {
-            var _api$analytics;
-            return (0, _inlineComment.inlineCommentPlugin)({
-              dispatch: dispatch,
-              portalProviderAPI: portalProviderAPI,
-              eventDispatcher: eventDispatcher,
-              provider: annotationProviders.inlineComment,
-              editorAnalyticsAPI: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions
-            });
-          }
-          return;
-        }
-      }, {
-        name: 'annotationKeymap',
-        plugin: function plugin() {
-          if (annotationProviders) {
-            var _api$analytics2;
-            return (0, _keymap.keymapPlugin)(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
-          }
-          return;
-        }
-      }];
-    },
-    pluginsOptions: {
-      floatingToolbar: function floatingToolbar(state, intl) {
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.enable-selection-toolbar_ucdwd') || !annotationProviders) {
-          return;
-        }
-        var pluginState = (0, _utils.getPluginState)(state);
-        if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
-          var _api$analytics3;
-          var isToolbarAbove = annotationProviders.inlineComment.isToolbarAbove;
-          return (0, _toolbar.buildToolbar)(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(state, intl, isToolbarAbove);
-        }
-      },
-      selectionToolbar: function selectionToolbar(state, intl) {
-        if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.enable-selection-toolbar_ucdwd') || !annotationProviders) {
-          return;
-        }
-        var pluginState = (0, _utils.getPluginState)(state);
-        if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
-          var _api$analytics4;
-          var isToolbarAbove = annotationProviders.inlineComment.isToolbarAbove;
-          return (0, _toolbar.buildToolbar)(api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)(state, intl, isToolbarAbove);
-        }
-      }
-    },
-    contentComponent: function contentComponent(_ref3) {
-      var editorView = _ref3.editorView,
-        dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
-      if (!annotationProviders) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(AnnotationContentComponent, {
-        api: api,
-        editorView: editorView,
-        annotationProviders: annotationProviders,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent
-      });
-    }
-  };
-};
-function AnnotationContentComponent(_ref4) {
-  var _api$analytics5;
-  var api = _ref4.api,
-    editorView = _ref4.editorView,
-    annotationProviders = _ref4.annotationProviders,
-    dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['annotation']),
-    inlineCommentState = _useSharedPluginState.annotationState;
-  if (inlineCommentState && !inlineCommentState.isVisible) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-editor-popup": "true"
-  }, /*#__PURE__*/_react.default.createElement(_InlineCommentView.InlineCommentView, {
-    providers: annotationProviders,
-    editorView: editorView,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    editorAnalyticsAPI: api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions
-  }));
-}
-var _default = exports.default = annotationPlugin;

package/dist/cjs/plugins/annotation/nodeviews/index.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAnnotationViewClassname = exports.AnnotationNodeView = 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 = _interopRequireDefault(require("react"));
-var _styles = require("@atlaskit/editor-common/styles");
-var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-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 AnnotationNodeView = exports.AnnotationNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(AnnotationNodeView, _ReactNodeView);
-  var _super = _createSuper(AnnotationNodeView);
-  function AnnotationNodeView() {
-    (0, _classCallCheck2.default)(this, AnnotationNodeView);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(AnnotationNodeView, [{
-    key: "createDomRef",
-    value: function createDomRef() {
-      return document.createElement('span');
-    }
-  }, {
-    key: "getContentDOM",
-    value: function getContentDOM() {
-      var dom = document.createElement('span');
-      dom.className = 'ak-editor-annotation';
-      return {
-        dom: dom
-      };
-    }
-  }, {
-    key: "render",
-    value: function render(_props, forwardRef) {
-      return (
-        /*#__PURE__*/
-        // all inline comment states are now set in decorations at ../pm-plugins/inline-comment.ts
-        _react.default.createElement("span", {
-          "data-mark-type": "annotation",
-          ref: forwardRef
-        })
-      );
-    }
-  }]);
-  return AnnotationNodeView;
-}(_reactNodeView.default);
-var getAnnotationViewClassname = exports.getAnnotationViewClassname = function getAnnotationViewClassname(isUnresolved, hasFocus) {
-  if (!isUnresolved) {
-    return;
-  }
-  return hasFocus ? _styles.AnnotationSharedClassNames.focus : _styles.AnnotationSharedClassNames.blur;
-};