@atlaskit/editor-plugin-annotation 1.26.3 → 1.26.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-annotation
 
+## 1.26.4
+
+### Patch Changes
+
+- [#177868](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177868)
+  [`431c4ab75f0c5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/431c4ab75f0c5) -
+  [ux] Disable the annotation selection toolbar while offline.
+
 ## 1.26.3
 
 ### Patch Changes

package/dist/cjs/nodeviews/index.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBlockAnnotationViewClassname = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _styles = require("@atlaskit/editor-common/styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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);
+    return _callSuper(this, AnnotationNodeView, arguments);
   }
-  (0, _createClass2.default)(AnnotationNodeView, [{
+  (0, _inherits2.default)(AnnotationNodeView, _ReactNodeView);
+  return (0, _createClass2.default)(AnnotationNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       return document.createElement('span');
@@ -49,7 +48,6 @@ var AnnotationNodeView = exports.AnnotationNodeView = /*#__PURE__*/function (_Re
       );
     }
   }]);
-  return AnnotationNodeView;
 }(_reactNodeView.default);
 var getAnnotationViewClassname = exports.getAnnotationViewClassname = function getAnnotationViewClassname(isUnresolved, hasFocus, isHovered) {
   if (!isUnresolved) {

package/dist/cjs/pm-plugins/toolbar.js

@@ -51,7 +51,7 @@ var createSpotlightConfig = function createSpotlightConfig(_ref) {
 };
 var buildToolbar = exports.buildToolbar = function buildToolbar(editorAnalyticsAPI) {
   return function (_ref2) {
-    var _api$editorViewMode;
+    var _api$editorViewMode, _api$connectivity;
     var state = _ref2.state,
       intl = _ref2.intl,
       _ref2$isToolbarAbove = _ref2.isToolbarAbove,
@@ -75,7 +75,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(editorAnalyticsA
       showTitle: !isViewMode && (0, _experiments.editorExperiment)('contextual_formatting_toolbar', true, {
         exposure: true
       }) ? false : true,
-      disabled: selectionValid === _types.AnnotationSelectionType.DISABLED,
+      disabled: selectionValid === _types.AnnotationSelectionType.DISABLED || (api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode) === 'offline',
       testId: _types.AnnotationTestIds.floatingToolbarCreateButton,
       icon: _comment.default,
       iconFallback: _comment2.default,

package/dist/cjs/ui/AnnotationViewWrapper.js

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.AnnotationViewWrapper = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var AnnotationViewWrapper = exports.AnnotationViewWrapper = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(AnnotationViewWrapper, _React$PureComponent);
-  var _super = _createSuper(AnnotationViewWrapper);
   function AnnotationViewWrapper() {
     (0, _classCallCheck2.default)(this, AnnotationViewWrapper);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AnnotationViewWrapper, arguments);
   }
-  (0, _createClass2.default)(AnnotationViewWrapper, [{
+  (0, _inherits2.default)(AnnotationViewWrapper, _React$PureComponent);
+  return (0, _createClass2.default)(AnnotationViewWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var onViewed = this.props.onViewed;
@@ -35,5 +34,4 @@ var AnnotationViewWrapper = exports.AnnotationViewWrapper = /*#__PURE__*/functio
       return this.props.children;
     }
   }]);
-  return AnnotationViewWrapper;
 }(_react.default.PureComponent);

package/dist/es2019/pm-plugins/toolbar.js

@@ -48,7 +48,7 @@ export const buildToolbar = editorAnalyticsAPI => ({
   _supportedNodes = [],
   api
 }) => {
-  var _api$editorViewMode, _api$editorViewMode$s;
+  var _api$editorViewMode, _api$editorViewMode$s, _api$connectivity, _api$connectivity$sha, _api$connectivity$sha2;
   const {
     schema
   } = state;
@@ -67,7 +67,7 @@ export const buildToolbar = editorAnalyticsAPI => ({
     showTitle: !isViewMode && editorExperiment('contextual_formatting_toolbar', true, {
       exposure: true
     }) ? false : true,
-    disabled: selectionValid === AnnotationSelectionType.DISABLED,
+    disabled: selectionValid === AnnotationSelectionType.DISABLED || (api === null || api === void 0 ? void 0 : (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : (_api$connectivity$sha = _api$connectivity.sharedState) === null || _api$connectivity$sha === void 0 ? void 0 : (_api$connectivity$sha2 = _api$connectivity$sha.currentState()) === null || _api$connectivity$sha2 === void 0 ? void 0 : _api$connectivity$sha2.mode) === 'offline',
     testId: AnnotationTestIds.floatingToolbarCreateButton,
     icon: CommentIcon,
     iconFallback: LegacyCommentIcon,

package/dist/esm/nodeviews/index.js

@@ -1,21 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { AnnotationSharedClassNames, BlockAnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
 export var AnnotationNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(AnnotationNodeView, _ReactNodeView);
-  var _super = _createSuper(AnnotationNodeView);
   function AnnotationNodeView() {
     _classCallCheck(this, AnnotationNodeView);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AnnotationNodeView, arguments);
   }
-  _createClass(AnnotationNodeView, [{
+  _inherits(AnnotationNodeView, _ReactNodeView);
+  return _createClass(AnnotationNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       return document.createElement('span');
@@ -42,7 +41,6 @@ export var AnnotationNodeView = /*#__PURE__*/function (_ReactNodeView) {
       );
     }
   }]);
-  return AnnotationNodeView;
 }(ReactNodeView);
 export var getAnnotationViewClassname = function getAnnotationViewClassname(isUnresolved, hasFocus, isHovered) {
   if (!isUnresolved) {

package/dist/esm/pm-plugins/toolbar.js

@@ -44,7 +44,7 @@ var createSpotlightConfig = function createSpotlightConfig(_ref) {
 };
 export var buildToolbar = function buildToolbar(editorAnalyticsAPI) {
   return function (_ref2) {
-    var _api$editorViewMode;
+    var _api$editorViewMode, _api$connectivity;
     var state = _ref2.state,
       intl = _ref2.intl,
       _ref2$isToolbarAbove = _ref2.isToolbarAbove,
@@ -68,7 +68,7 @@ export var buildToolbar = function buildToolbar(editorAnalyticsAPI) {
       showTitle: !isViewMode && editorExperiment('contextual_formatting_toolbar', true, {
         exposure: true
       }) ? false : true,
-      disabled: selectionValid === AnnotationSelectionType.DISABLED,
+      disabled: selectionValid === AnnotationSelectionType.DISABLED || (api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode) === 'offline',
       testId: AnnotationTestIds.floatingToolbarCreateButton,
       icon: CommentIcon,
       iconFallback: LegacyCommentIcon,

package/dist/esm/ui/AnnotationViewWrapper.js

@@ -1,20 +1,19 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var AnnotationViewWrapper = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(AnnotationViewWrapper, _React$PureComponent);
-  var _super = _createSuper(AnnotationViewWrapper);
   function AnnotationViewWrapper() {
     _classCallCheck(this, AnnotationViewWrapper);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AnnotationViewWrapper, arguments);
   }
-  _createClass(AnnotationViewWrapper, [{
+  _inherits(AnnotationViewWrapper, _React$PureComponent);
+  return _createClass(AnnotationViewWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var onViewed = this.props.onViewed;
@@ -28,5 +27,4 @@ export var AnnotationViewWrapper = /*#__PURE__*/function (_React$PureComponent)
       return this.props.children;
     }
   }]);
-  return AnnotationViewWrapper;
 }(React.PureComponent);

package/dist/types/annotationPluginType.d.ts

@@ -1,5 +1,6 @@
 import type { Command, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { EditorViewModeEffectsPlugin } from '@atlaskit/editor-plugin-editor-viewmode-effects';
 import type { EngagementPlatformPlugin } from '@atlaskit/editor-plugin-engagement-platform';
@@ -21,7 +22,8 @@ export type AnnotationPlugin = NextEditorPlugin<'annotation', {
         OptionalPlugin<EditorViewModeEffectsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<FeatureFlagsPlugin>,
-        OptionalPlugin<EngagementPlatformPlugin>
+        OptionalPlugin<EngagementPlatformPlugin>,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     actions: {
         stripNonExistingAnnotations: StripNonExistingAnnotations;

package/dist/types/editor-commands/transform.d.ts

@@ -120,7 +120,11 @@ declare const _default: {
                 actions: EditorAnalyticsAPI;
             }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
             sharedState: import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginState;
-        }, import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig>>];
+        }, import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: {
+                mode: "offline" | "online";
+            };
+        }, undefined>>];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: EditorState) => boolean | undefined;
             setInlineCommentDraftState: (drafting: boolean, inputMethod: InlineCommentInputMethod, targetType?: import("../types").TargetType | undefined, targetNodeId?: string | undefined, isOpeningMediaCommentFromToolbar?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/annotationPluginType.d.ts

@@ -1,5 +1,6 @@
 import type { Command, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { EditorViewModeEffectsPlugin } from '@atlaskit/editor-plugin-editor-viewmode-effects';
 import type { EngagementPlatformPlugin } from '@atlaskit/editor-plugin-engagement-platform';
@@ -21,7 +22,8 @@ export type AnnotationPlugin = NextEditorPlugin<'annotation', {
         OptionalPlugin<EditorViewModeEffectsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<FeatureFlagsPlugin>,
-        OptionalPlugin<EngagementPlatformPlugin>
+        OptionalPlugin<EngagementPlatformPlugin>,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     actions: {
         stripNonExistingAnnotations: StripNonExistingAnnotations;

package/dist/types-ts4.5/editor-commands/transform.d.ts

@@ -143,7 +143,12 @@ declare const _default: {
                     }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
                 ];
                 sharedState: import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginState;
-            }, import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig>>
+            }, import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+                sharedState: {
+                    mode: "offline" | "online";
+                };
+            }, undefined>>
         ];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: EditorState) => boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-annotation",
-	"version": "1.26.3",
+	"version": "1.26.4",
 	"description": "Annotation plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,8 +32,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^96.4.0",
+		"@atlaskit/editor-common": "^96.5.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
+		"@atlaskit/editor-plugin-connectivity": "^1.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode-effects": "^1.1.0",
 		"@atlaskit/editor-plugin-engagement-platform": "^2.1.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
@@ -41,7 +42,7 @@
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/onboarding": "^12.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^2.25.0",
+		"@atlaskit/tmp-editor-statsig": "^2.26.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {