@atlaskit/editor-plugin-annotation 2.1.8 → 2.1.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-annotation
 
+## 2.1.9
+
+### Patch Changes
+
+- [#131690](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131690)
+  [`4ef6e6cdd0cec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4ef6e6cdd0cec) -
+  Fix deleting inline comment view component if it is moved
+
 ## 2.1.8
 
 ### Patch Changes

package/dist/cjs/annotationPlugin.js

@@ -86,7 +86,8 @@ var annotationPlugin = exports.annotationPlugin = function annotationPlugin(_ref
             state: state,
             intl: intl,
             isToolbarAbove: isToolbarAbove,
-            api: api
+            api: api,
+            createCommentExperience: annotationProviders.createCommentExperience
           });
           if (!toolbarConfig) {
             return undefined;

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

@@ -26,7 +26,8 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(editorAnalyticsA
       isToolbarAbove = _ref$isToolbarAbove === void 0 ? false : _ref$isToolbarAbove,
       _ref$_supportedNodes = _ref._supportedNodes,
       _supportedNodes = _ref$_supportedNodes === void 0 ? [] : _ref$_supportedNodes,
-      api = _ref.api;
+      api = _ref.api,
+      createCommentExperience = _ref.createCommentExperience;
     var schema = state.schema;
     var selectionValid = (0, _utils2.isSelectionValid)(state);
     var isMediaSelected = (0, _mediaSingle.currentMediaNodeWithPos)(state);
@@ -88,6 +89,15 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(editorAnalyticsA
             }
           });
         }
+        if ((0, _platformFeatureFlags.fg)('confluence_comments_create_comment_experience')) {
+          createCommentExperience === null || createCommentExperience === void 0 || createCommentExperience.start({
+            attributes: {
+              pageClass: 'editor',
+              commentType: 'inline'
+            }
+          });
+          createCommentExperience === null || createCommentExperience === void 0 || createCommentExperience.initExperience.start();
+        }
         return (0, _editorCommands.setInlineCommentDraftState)(editorAnalyticsAPI)(true)(state, dispatch);
       },
       supportsViewMode: true // TODO: MODES-3950 - Clean up this floating toolbar view mode logic,

package/dist/cjs/ui/InlineCommentView.js

@@ -162,7 +162,7 @@ function InlineCommentView(_ref) {
     getInlineNodeTypes: getInlineNodeTypes,
     dom: dom,
     onDelete: function onDelete(id) {
-      return (0, _editorCommands.removeInlineCommentNearSelection)(id, inlineCommentProvider.supportedBlockNodes)(state, dispatch);
+      return (0, _editorCommands.removeInlineCommentNearSelection)(id, inlineCommentProvider.supportedBlockNodes)(editorView.state, dispatch);
     },
     onResolve: function onResolve(id) {
       return (0, _editorCommands.updateInlineCommentResolvedState)(editorAnalyticsAPI)((0, _defineProperty2.default)({}, id, true), _analytics.RESOLVE_METHOD.COMPONENT)(editorView.state, editorView.dispatch);

package/dist/es2019/annotationPlugin.js

@@ -78,7 +78,8 @@ export const annotationPlugin = ({
             state,
             intl,
             isToolbarAbove,
-            api
+            api,
+            createCommentExperience: annotationProviders.createCommentExperience
           });
           if (!toolbarConfig) {
             return undefined;

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

@@ -15,7 +15,8 @@ export const buildToolbar = editorAnalyticsAPI => ({
   intl,
   isToolbarAbove = false,
   _supportedNodes = [],
-  api
+  api,
+  createCommentExperience
 }) => {
   var _api$connectivity, _api$connectivity$sha, _api$connectivity$sha2;
   const {
@@ -79,6 +80,15 @@ export const buildToolbar = editorAnalyticsAPI => ({
           }
         });
       }
+      if (fg('confluence_comments_create_comment_experience')) {
+        createCommentExperience === null || createCommentExperience === void 0 ? void 0 : createCommentExperience.start({
+          attributes: {
+            pageClass: 'editor',
+            commentType: 'inline'
+          }
+        });
+        createCommentExperience === null || createCommentExperience === void 0 ? void 0 : createCommentExperience.initExperience.start();
+      }
       return setInlineCommentDraftState(editorAnalyticsAPI)(true)(state, dispatch);
     },
     supportsViewMode: true // TODO: MODES-3950 - Clean up this floating toolbar view mode logic,

package/dist/es2019/ui/InlineCommentView.js

@@ -158,7 +158,7 @@ export function InlineCommentView({
     annotations: activeAnnotations,
     getInlineNodeTypes: getInlineNodeTypes,
     dom: dom,
-    onDelete: id => removeInlineCommentNearSelection(id, inlineCommentProvider.supportedBlockNodes)(state, dispatch),
+    onDelete: id => removeInlineCommentNearSelection(id, inlineCommentProvider.supportedBlockNodes)(editorView.state, dispatch),
     onResolve: id => updateInlineCommentResolvedState(editorAnalyticsAPI)({
       [id]: true
     }, RESOLVE_METHOD.COMPONENT)(editorView.state, editorView.dispatch),

package/dist/esm/annotationPlugin.js

@@ -79,7 +79,8 @@ export var annotationPlugin = function annotationPlugin(_ref) {
             state: state,
             intl: intl,
             isToolbarAbove: isToolbarAbove,
-            api: api
+            api: api,
+            createCommentExperience: annotationProviders.createCommentExperience
           });
           if (!toolbarConfig) {
             return undefined;

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

@@ -19,7 +19,8 @@ export var buildToolbar = function buildToolbar(editorAnalyticsAPI) {
       isToolbarAbove = _ref$isToolbarAbove === void 0 ? false : _ref$isToolbarAbove,
       _ref$_supportedNodes = _ref._supportedNodes,
       _supportedNodes = _ref$_supportedNodes === void 0 ? [] : _ref$_supportedNodes,
-      api = _ref.api;
+      api = _ref.api,
+      createCommentExperience = _ref.createCommentExperience;
     var schema = state.schema;
     var selectionValid = isSelectionValid(state);
     var isMediaSelected = currentMediaNodeWithPos(state);
@@ -81,6 +82,15 @@ export var buildToolbar = function buildToolbar(editorAnalyticsAPI) {
             }
           });
         }
+        if (fg('confluence_comments_create_comment_experience')) {
+          createCommentExperience === null || createCommentExperience === void 0 || createCommentExperience.start({
+            attributes: {
+              pageClass: 'editor',
+              commentType: 'inline'
+            }
+          });
+          createCommentExperience === null || createCommentExperience === void 0 || createCommentExperience.initExperience.start();
+        }
         return setInlineCommentDraftState(editorAnalyticsAPI)(true)(state, dispatch);
       },
       supportsViewMode: true // TODO: MODES-3950 - Clean up this floating toolbar view mode logic,

package/dist/esm/ui/InlineCommentView.js

@@ -155,7 +155,7 @@ export function InlineCommentView(_ref) {
     getInlineNodeTypes: getInlineNodeTypes,
     dom: dom,
     onDelete: function onDelete(id) {
-      return removeInlineCommentNearSelection(id, inlineCommentProvider.supportedBlockNodes)(state, dispatch);
+      return removeInlineCommentNearSelection(id, inlineCommentProvider.supportedBlockNodes)(editorView.state, dispatch);
     },
     onResolve: function onResolve(id) {
       return updateInlineCommentResolvedState(editorAnalyticsAPI)(_defineProperty({}, id, true), RESOLVE_METHOD.COMPONENT)(editorView.state, editorView.dispatch);

package/dist/types/pm-plugins/toolbar.d.ts

@@ -6,6 +6,7 @@ import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { AnnotationPlugin } from '../annotationPluginType';
+import { AnnotationProviders } from '../types';
 interface BuildToolbarOptions {
     state: EditorState;
     intl: IntlShape;
@@ -13,8 +14,9 @@ interface BuildToolbarOptions {
     isCommentOnMediaOn?: boolean;
     _supportedNodes?: string[];
     api?: ExtractInjectionAPI<AnnotationPlugin>;
+    createCommentExperience?: AnnotationProviders['createCommentExperience'];
 }
-export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, }: BuildToolbarOptions) => {
+export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, createCommentExperience, }: BuildToolbarOptions) => {
     title: string;
     nodeType: NodeType[];
     items: FloatingToolbarButton<Command>[];

package/dist/types/types/index.d.ts

@@ -104,6 +104,23 @@ export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationT
 };
 export interface AnnotationProviders {
     inlineComment: InlineCommentAnnotationProvider;
+    createCommentExperience?: {
+        start: (_: {
+            attributes: {
+                pageClass: 'editor';
+                commentType: 'inline';
+                annotationId?: undefined;
+            } | {
+                pageClass: 'editor';
+                commentType: 'block';
+                blockType: 'media';
+                annotationId?: undefined;
+            };
+        }) => void;
+        initExperience: {
+            start: () => void;
+        };
+    };
 }
 export declare enum AnnotationSelectionType {
     INVALID = "invalid",// Annotation should not be created, toolbar should not be shown

package/dist/types-ts4.5/pm-plugins/toolbar.d.ts

@@ -6,6 +6,7 @@ import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { AnnotationPlugin } from '../annotationPluginType';
+import { AnnotationProviders } from '../types';
 interface BuildToolbarOptions {
     state: EditorState;
     intl: IntlShape;
@@ -13,8 +14,9 @@ interface BuildToolbarOptions {
     isCommentOnMediaOn?: boolean;
     _supportedNodes?: string[];
     api?: ExtractInjectionAPI<AnnotationPlugin>;
+    createCommentExperience?: AnnotationProviders['createCommentExperience'];
 }
-export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, }: BuildToolbarOptions) => {
+export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, createCommentExperience, }: BuildToolbarOptions) => {
     title: string;
     nodeType: NodeType[];
     items: FloatingToolbarButton<Command>[];

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

@@ -104,6 +104,23 @@ export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationT
 };
 export interface AnnotationProviders {
     inlineComment: InlineCommentAnnotationProvider;
+    createCommentExperience?: {
+        start: (_: {
+            attributes: {
+                pageClass: 'editor';
+                commentType: 'inline';
+                annotationId?: undefined;
+            } | {
+                pageClass: 'editor';
+                commentType: 'block';
+                blockType: 'media';
+                annotationId?: undefined;
+            };
+        }) => void;
+        initExperience: {
+            start: () => void;
+        };
+    };
 }
 export declare enum AnnotationSelectionType {
     INVALID = "invalid",// Annotation should not be created, toolbar should not be shown

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-annotation",
-	"version": "2.1.8",
+	"version": "2.1.9",
 	"description": "Annotation plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^102.11.0",
+		"@atlaskit/editor-common": "^102.13.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode-effects": "^2.0.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/icon": "^25.0.0",
 		"@atlaskit/onboarding": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.1.0",
+		"@atlaskit/tmp-editor-statsig": "^4.4.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -104,6 +104,9 @@
 		},
 		"use_comments_data_annotation_updater": {
 			"type": "boolean"
+		},
+		"confluence_comments_create_comment_experience": {
+			"type": "boolean"
 		}
 	}
 }