@atlaskit/editor-core 179.1.2 → 180.1.0

package/dist/cjs/plugins/base/pm-plugins/frozen-editor.js

@@ -55,6 +55,8 @@ var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEven
 var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
   var interactionType;
   var inputLatencyTracker = null;
+  var inputLatencySingleKeyTracker = null;
+  var inputLatencyRenderedTracker = null;
   if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
     interactionType = (0, _frozenEditor.setInteractionType)(_analytics.BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
   }
@@ -78,19 +80,80 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
+  var createDispatchSample = function createDispatchSample(action, view) {
+    return function (time, severity) {
+      var _getContextIdentifier2;
+      var state = view.state;
+      var nodesCount = getNodeCount(state);
+      var samplePayload = {
+        action: action,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        attributes: _objectSpread(_objectSpread({
+          time: time,
+          nodeSize: state.doc.nodeSize
+        }, nodesCount), {}, {
+          participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+          objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId,
+          severity: shouldTrackSeverity ? severity : undefined
+        }),
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      };
+      dispatchAnalyticsEvent(samplePayload);
+    };
+  };
+  var createDispatchAverage = function createDispatchAverage(action, view) {
+    return function (_ref, severity) {
+      var _getContextIdentifier3;
+      var mean = _ref.mean,
+        median = _ref.median,
+        sampleSize = _ref.sampleSize;
+      var state = view.state;
+      var nodeCount = getNodeCount(state);
+      var averagePayload = {
+        action: action,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        attributes: _objectSpread(_objectSpread({
+          mean: mean,
+          median: median,
+          sampleSize: sampleSize
+        }, nodeCount), {}, {
+          nodeSize: state.doc.nodeSize,
+          severity: shouldTrackSeverity ? severity : undefined,
+          participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+          objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId
+        }),
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      };
+      dispatchAnalyticsEvent(averagePayload);
+    };
+  };
   return new _safePlugin.SafePlugin({
     key: frozenEditorPluginKey,
     props: (0, _utils.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {
-        var _inputLatencyTracker;
-        (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.start();
         if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
           interactionType = _analytics.BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
-        requestAnimationFrame(function () {
-          var _inputLatencyTracker2;
-          (_inputLatencyTracker2 = inputLatencyTracker) === null || _inputLatencyTracker2 === void 0 ? void 0 : _inputLatencyTracker2.end();
-        });
+        if (inputLatencyTracker) {
+          var end = inputLatencyTracker.start();
+
+          // This is called after all handleTextInput events are executed which means first handleTextInput time incorporates following handleTextInput processing time
+          // Also this is called before browser rendering so it doesn't count it.
+          requestAnimationFrame(end);
+        }
+        if (inputLatencySingleKeyTracker) {
+          var _end = inputLatencySingleKeyTracker.start();
+
+          // This is executed before next handleTextInput when multiple keypress events are in one animation frame
+          // so it tracks individual keypress processing time
+          Promise.resolve().then(_end);
+        }
+        if (inputLatencyRenderedTracker) {
+          var _end2 = inputLatencyRenderedTracker.start();
+
+          // This is called at the next event loop so it counts browser rendering time.
+          setTimeout(_end2);
+        }
         return false;
       },
       handleDOMEvents: browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? {
@@ -118,10 +181,10 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
           onSampleStart: function onSampleStart() {
             experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(_ufo.EditorExperience.typing);
           },
-          onSampleEnd: function onSampleEnd(time, _ref) {
-            var _getContextIdentifier2;
-            var isSlow = _ref.isSlow,
-              severity = _ref.severity;
+          onSampleEnd: function onSampleEnd(time, _ref2) {
+            var _getContextIdentifier4;
+            var isSlow = _ref2.isSlow,
+              severity = _ref2.severity;
             var state = _view.state;
             var nodesCount = getNodeCount(state);
             if (isSlow) {
@@ -133,54 +196,13 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
               nodeSize: state.doc.nodeSize
             }, nodesCount), {}, {
               participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-              objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId,
+              objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
               time: time,
               severity: shouldTrackSeverity ? severity : undefined
             }));
           },
-          dispatchSample: function dispatchSample(time, severity) {
-            var _getContextIdentifier3;
-            var state = _view.state;
-            var nodesCount = getNodeCount(state);
-            var samplePayload = {
-              action: _analytics.ACTION.INPUT_PERF_SAMPLING,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: time,
-                nodeSize: state.doc.nodeSize
-              }, nodesCount), {}, {
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
-                severity: shouldTrackSeverity ? severity : undefined
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            };
-            dispatchAnalyticsEvent(samplePayload);
-          },
-          dispatchAverage: function dispatchAverage(_ref2, severity) {
-            var _getContextIdentifier4;
-            var mean = _ref2.mean,
-              median = _ref2.median,
-              sampleSize = _ref2.sampleSize;
-            var state = _view.state;
-            var nodeCount = getNodeCount(state);
-            var averagePayload = {
-              action: _analytics.ACTION.INPUT_PERF_SAMPLING_AVG,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                mean: mean,
-                median: median,
-                sampleSize: sampleSize
-              }, nodeCount), {}, {
-                nodeSize: state.doc.nodeSize,
-                severity: shouldTrackSeverity ? severity : undefined,
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            };
-            dispatchAnalyticsEvent(averagePayload);
-          },
+          dispatchSample: createDispatchSample(_analytics.ACTION.INPUT_PERF_SAMPLING, _view),
+          dispatchAverage: createDispatchAverage(_analytics.ACTION.INPUT_PERF_SAMPLING_AVG, _view),
           onSlowInput: function onSlowInput(time) {
             var _getContextIdentifier5;
             var state = _view.state;
@@ -200,6 +222,26 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
           }
         });
       }
+      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.trackSingleKeypress) {
+        inputLatencySingleKeyTracker = new _inputLatencyTracking.default({
+          samplingRate: samplingRate,
+          slowThreshold: slowThreshold,
+          normalThreshold: severityThresholdNormal,
+          degradedThreshold: severityThresholdDegraded,
+          dispatchSample: createDispatchSample(_analytics.ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS, _view),
+          dispatchAverage: createDispatchAverage(_analytics.ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS_AVG, _view)
+        });
+      }
+      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.trackRenderingTime) {
+        inputLatencyRenderedTracker = new _inputLatencyTracking.default({
+          samplingRate: samplingRate,
+          slowThreshold: slowThreshold,
+          normalThreshold: severityThresholdNormal,
+          degradedThreshold: severityThresholdDegraded,
+          dispatchSample: createDispatchSample(_analytics.ACTION.INPUT_PERF_SAMPLING_RENDERED, _view),
+          dispatchAverage: createDispatchAverage(_analytics.ACTION.INPUT_PERF_SAMPLING_RENDERED_AVG, _view)
+        });
+      }
       var observer;
       try {
         var _observer = new PerformanceObserver(function (list) {
@@ -219,8 +261,8 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
       } catch (e) {}
       return {
         destroy: function destroy() {
-          var _inputLatencyTracker3;
-          (_inputLatencyTracker3 = inputLatencyTracker) === null || _inputLatencyTracker3 === void 0 ? void 0 : _inputLatencyTracker3.flush();
+          var _inputLatencyTracker;
+          (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.flush();
           observer === null || observer === void 0 ? void 0 : observer.disconnect();
         }
       };

package/dist/cjs/plugins/base/utils/input-latency-tracking.js

@@ -24,7 +24,6 @@ var InputLatencyTracker = /*#__PURE__*/function () {
     (0, _classCallCheck2.default)(this, InputLatencyTracker);
     (0, _defineProperty2.default)(this, "samples", []);
     (0, _defineProperty2.default)(this, "total", 0);
-    this.currentStart = null;
     this.samplingRate = samplingRate;
     this.slowThreshold = slowThreshold;
     this.normalThreshold = normalThreshold;
@@ -38,34 +37,34 @@ var InputLatencyTracker = /*#__PURE__*/function () {
   (0, _createClass2.default)(InputLatencyTracker, [{
     key: "start",
     value: function start() {
-      this.currentStart = performance.now();
+      var _this = this;
+      var currentStart = performance.now();
       if (this.samples.length + 1 === this.samplingRate) {
         var _this$onSampleStart;
         (_this$onSampleStart = this.onSampleStart) === null || _this$onSampleStart === void 0 ? void 0 : _this$onSampleStart.call(this);
       }
-    }
-  }, {
-    key: "end",
-    value: function end() {
-      if (this.currentStart === null) {
-        return;
-      }
-      var isSlow = false;
-      var time = (0, _getPerformanceTiming.getTimeSince)(this.currentStart);
-      this.push(time);
-      if (time > this.slowThreshold) {
-        var _this$onSlowInput;
-        (_this$onSlowInput = this.onSlowInput) === null || _this$onSlowInput === void 0 ? void 0 : _this$onSlowInput.call(this, time);
-        isSlow = true;
-      }
-      if (this.samples.length === this.samplingRate) {
-        var _this$onSampleEnd;
-        this.flush();
-        (_this$onSampleEnd = this.onSampleEnd) === null || _this$onSampleEnd === void 0 ? void 0 : _this$onSampleEnd.call(this, time, {
-          isSlow: isSlow,
-          severity: this.severity(time)
-        });
-      }
+      var end = function end() {
+        if (currentStart === null) {
+          return;
+        }
+        var isSlow = false;
+        var time = (0, _getPerformanceTiming.getTimeSince)(currentStart);
+        _this.push(time);
+        if (time > _this.slowThreshold) {
+          var _this$onSlowInput;
+          (_this$onSlowInput = _this.onSlowInput) === null || _this$onSlowInput === void 0 ? void 0 : _this$onSlowInput.call(_this, time);
+          isSlow = true;
+        }
+        if (_this.samples.length === _this.samplingRate) {
+          var _this$onSampleEnd;
+          _this.flush();
+          (_this$onSampleEnd = _this.onSampleEnd) === null || _this$onSampleEnd === void 0 ? void 0 : _this$onSampleEnd.call(_this, time, {
+            isSlow: isSlow,
+            severity: _this.severity(time)
+          });
+        }
+      };
+      return end;
     }
   }, {
     key: "flush",

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -31,6 +31,7 @@ var BlockTypeButton = function BlockTypeButton(props) {
     className: "block-type-btn",
     disabled: props.disabled,
     onClick: props.onClick,
+    onKeyDown: props.onKeyDown,
     title: labelTextStyles,
     "aria-label": labelTextStyles,
     "aria-haspopup": true,

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -24,6 +24,8 @@ var _styled = require("./styled");
 var _keymaps = require("../../../../keymaps");
 var _blocktypeButton = require("./blocktype-button");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
@@ -37,18 +39,30 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      active: false
+      active: false,
+      isOpenedByKeyboard: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOpenChange", function (attrs) {
-      _this.setState({
-        active: attrs.isOpen
-      });
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        active: attrs.isOpen,
+        isOpenedByKeyboard: attrs.isOpenedByKeyboard
+      }));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerClick", function () {
       _this.onOpenChange({
-        isOpen: !_this.state.active
+        isOpen: !_this.state.active,
+        isOpenedByKeyboard: false
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerByKeyboard", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.onOpenChange({
+          isOpen: !_this.state.active,
+          isOpenedByKeyboard: true
+        });
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createItems", function () {
       var formatMessage = _this.props.intl.formatMessage;
       var _this$props$pluginSta = _this.props.pluginState,
@@ -85,9 +99,9 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       var blockType = item.value;
       _this.props.setBlockType(blockType.name);
       if (shouldCloseMenu) {
-        _this.setState({
+        _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
           active: false
-        });
+        }));
       }
     });
     return _this;
@@ -95,7 +109,10 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(ToolbarBlockType, [{
     key: "render",
     value: function render() {
-      var active = this.state.active;
+      var _this2 = this;
+      var _this$state = this.state,
+        active = _this$state.active,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -137,7 +154,15 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           zIndex: _editorSharedStyles.akEditorMenuZIndex,
           fitHeight: 360,
           fitWidth: 106,
-          shouldUseDefaultRole: true
+          shouldUseDefaultRole: true,
+          shouldFocusFirstItem: function shouldFocusFirstItem() {
+            if (isOpenedByKeyboard) {
+              _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
+                isOpenedByKeyboard: false
+              }));
+            }
+            return isOpenedByKeyboard;
+          }
         }, (0, _react2.jsx)(_blocktypeButton.BlockTypeButton, {
           isSmall: isSmall,
           isReducedSpacing: isReducedSpacing,
@@ -145,6 +170,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           disabled: false,
           title: blockTypeTitles[0],
           onClick: this.handleTriggerClick,
+          onKeyDown: this.handleTriggerByKeyboard,
           formatMessage: formatMessage,
           "aria-expanded": active
         }, longestDropdownMenuItem)), (0, _react2.jsx)("span", {
@@ -160,6 +186,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         disabled: true,
         title: blockTypeTitles[0],
         onClick: this.handleTriggerClick,
+        onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
       }, longestDropdownMenuItem), (0, _react2.jsx)("span", {

package/dist/cjs/plugins/card/nodeviews/blockCard.js

@@ -133,11 +133,12 @@ var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render() {
+      var platform = this.reactComponentProps.platform;
       return /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
-        platform: this.reactComponentProps.platform
+        platform: platform
       });
     }
   }]);

package/dist/cjs/plugins/card/nodeviews/genericCard.js

@@ -18,6 +18,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _utils = require("../utils");
 var _doc = require("../pm-plugins/doc");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _state = require("../pm-plugins/util/state");
+var _utils2 = require("@atlaskit/editor-common/utils");
 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; } }
 function Card(SmartCardComponent, UnsupportedComponent) {
@@ -40,6 +43,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
     (0, _createClass2.default)(_class, [{
       key: "render",
       value: function render() {
+        var _getPluginState;
         var _titleUrlPairFromNode = (0, _utils.titleUrlPairFromNode)(this.props.node),
           url = _titleUrlPairFromNode.url;
         if (url && !(0, _adfSchema.isSafeUrl)(url)) {
@@ -58,10 +62,20 @@ function Card(SmartCardComponent, UnsupportedComponent) {
           }
         }
         var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
-        return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
+        var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
+        var analyticsEditorAppearance = (0, _utils2.getAnalyticsEditorAppearance)(editorAppearance);
+        return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+          data: {
+            attributes: {
+              location: analyticsEditorAppearance
+            },
+            // Below is added for the future implementation of Linking Platform namespaced analytics context
+            location: analyticsEditorAppearance
+          }
+        }, /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
           key: url,
           cardContext: cardContext
-        }, this.props));
+        }, this.props)));
       }
     }, {
       key: "componentDidCatch",

package/dist/cjs/plugins/card/pm-plugins/main.js

@@ -23,7 +23,8 @@ var _resolve = require("./util/resolve");
 var _state = require("./util/state");
 var createPlugin = function createPlugin(options) {
   return function (pmPluginFactoryParams) {
-    var platform = options.platform,
+    var editorAppearance = options.editorAppearance,
+      platform = options.platform,
       allowResizing = options.allowResizing,
       useAlternativePreloader = options.useAlternativePreloader,
       fullWidthMode = options.fullWidthMode,
@@ -37,7 +38,8 @@ var createPlugin = function createPlugin(options) {
             cards: [],
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
-            createAnalyticsEvent: createAnalyticsEvent
+            createAnalyticsEvent: createAnalyticsEvent,
+            editorAppearance: editorAppearance
           };
         },
         apply: function apply(tr, pluginState) {

package/dist/cjs/plugins/clipboard/pm-plugins/main.js

@@ -91,7 +91,10 @@ var createClipboardSerializer = function createClipboardSerializer(schema, getEd
       var parentTable = (0, _prosemirrorUtils.findParentNodeOfType)(schema.nodes.table)(selection);
       var attributes = parentTable === null || parentTable === void 0 ? void 0 : parentTable.node.attrs;
       var newTable = schema.nodes.table;
-      var newTableNode = newTable.createChecked(_objectSpread({}, attributes), content);
+      // Explicitly remove local id since we are creating a new table and it should have a unique local id which will be generated.
+      var newTableNode = newTable.createChecked(_objectSpread(_objectSpread({}, attributes), {}, {
+        localId: undefined
+      }), content);
       var newContent = _prosemirrorModel.Fragment.from(newTableNode);
       // Pass updated content into original ProseMirror serializeFragment function.
       // Currently incorrectly typed in @Types. See this GitHub thread: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/57668

package/dist/cjs/plugins/collab-edit/plugin.js

@@ -21,10 +21,9 @@ var _initialize = require("./events/initialize");
 var _pluginState = require("./plugin-state");
 var _pluginKey = require("./plugin-key");
 var _analytics = require("./analytics");
-var _fireAnalyticsEvent = require("../analytics/fire-analytics-event");
-var _analytics2 = require("../analytics");
+var _analytics2 = require("@atlaskit/editor-common/analytics");
 var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
-  var fireAnalyticsCallback = (0, _fireAnalyticsEvent.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
+  var fireAnalyticsCallback = (0, _analytics2.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {

package/dist/cjs/plugins/extension/toolbar.js

@@ -32,6 +32,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Delete element',
     description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
   },
+  unnamedSource: {
+    id: 'fabric.editor.extension.sourceNoTitledName',
+    defaultMessage: 'this element',
+    description: 'The current element without preset name been selected'
+  },
   confirmDeleteLinkedModalOKButton: {
     id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
     defaultMessage: 'Delete',
@@ -130,11 +135,12 @@ var getToolbarConfig = function getToolbarConfig() {
       var confirmDialog;
       if ((0, _utils2.isReferencedSource)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
         confirmDialog = function confirmDialog() {
+          var localSourceName = formatMessage(messages.unnamedSource);
           return {
             title: formatMessage(messages.deleteElementTitle),
             okButtonLabel: formatMessage(messages.confirmDeleteLinkedModalOKButton),
             message: formatMessage(messages.confirmDeleteLinkedModalMessage, {
-              nodeName: (0, _utils2.getNodeName)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)
+              nodeName: (0, _utils2.getNodeName)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node) || localSourceName
             }),
             isReferentialityDialog: true,
             getChildrenInfo: function getChildrenInfo() {

package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -26,6 +26,7 @@ var _FindReplace = _interopRequireDefault(require("./FindReplace"));
 var _types = require("../../analytics/types");
 var _keymaps = require("../../../keymaps");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _templateObject, _templateObject2, _templateObject3;
 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; }
@@ -97,7 +98,10 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         },
         fitWidth: 352,
         zIndex: stackBelowOtherEditorFloatingPanels,
-        disableArrowKeyNavigation: true,
+        arrowKeyNavigationProviderOptions: {
+          type: _uiMenu.ArrowKeyNavigationType.MENU,
+          disableArrowKeyNavigation: true
+        },
         trigger: (0, _react2.jsx)(_ToolbarButton.default, {
           buttonId: _ToolbarButton.TOOLBAR_BUTTON.FIND_REPLACE,
           spacing: isReducedSpacing ? 'none' : 'default',

package/dist/cjs/plugins/floating-toolbar/ui/Button.js

@@ -19,6 +19,7 @@ var _default = function _default(_ref) {
     icon = _ref.icon,
     iconAfter = _ref.iconAfter,
     onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     onFocus = _ref.onFocus,
@@ -71,6 +72,7 @@ var _default = function _default(_ref) {
     iconBefore: icon || undefined,
     iconAfter: iconAfter,
     onClick: onClick,
+    onKeyDown: onKeyDown,
     isSelected: selected,
     isDisabled: disabled,
     testId: testId,

package/dist/cjs/plugins/floating-toolbar/ui/CheckboxModal.js

@@ -16,6 +16,7 @@ var _messages = _interopRequireDefault(require("./messages"));
 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; }
 var CheckboxModal = function CheckboxModal(props) {
+  var _options$getChildrenI;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isChecked = _useState2[0],
@@ -29,9 +30,10 @@ var CheckboxModal = function CheckboxModal(props) {
   var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(_messages.default.confirmModalOK);
   var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(_messages.default.confirmModalCancel);
   var checkboxlabel = options === null || options === void 0 ? void 0 : options.checkboxLabel;
+  var childrenInfo = options === null || options === void 0 ? void 0 : (_options$getChildrenI = options.getChildrenInfo) === null || _options$getChildrenI === void 0 ? void 0 : _options$getChildrenI.call(options);
   var ListComponent = function ListComponent(_ref) {
     var nodes = _ref.nodes;
-    if (!nodes) {
+    if (nodes.length === 0) {
       return null;
     }
     return /*#__PURE__*/_react.default.createElement("ul", null, nodes.map(function (node) {
@@ -56,8 +58,8 @@ var CheckboxModal = function CheckboxModal(props) {
     testId: testId
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options === null || options === void 0 ? void 0 : options.message), (options === null || options === void 0 ? void 0 : options.getChildrenInfo) && /*#__PURE__*/_react.default.createElement(ListComponent, {
-    nodes: options === null || options === void 0 ? void 0 : options.getChildrenInfo()
+  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options === null || options === void 0 ? void 0 : options.message), !!(childrenInfo !== null && childrenInfo !== void 0 && childrenInfo.length) && /*#__PURE__*/_react.default.createElement(ListComponent, {
+    nodes: childrenInfo
   }), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
     isChecked: isChecked,
     onChange: function onChange() {