@atlaskit/editor-plugin-card 2.13.0 → 2.13.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-card
 
+## 2.13.2
+
+### Patch Changes
+
+- [#132782](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132782)
+  [`1b37050a2f07e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b37050a2f07e) -
+  Fix inline edit inside datasource table replace entire node
+- Updated dependencies
+
+## 2.13.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.13.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/datasource.js

@@ -273,6 +273,31 @@ var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
       domRef.classList.add(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER);
       return domRef;
     }
+
+    /**
+     * Node views may render interactive elements that should not have their events reach editor
+     *
+     * We should the stop editor from handling events from following elements:
+     * - typing in input
+     * - activating buttons via spacebar
+     *
+     * Can be used to prevent the editor view from trying to handle some or all DOM events that bubble up from the node view.
+     * Events for which this returns true are not handled by the editor.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      if ((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync')) {
+        var isFormElement = [HTMLButtonElement, HTMLInputElement].some(function (element) {
+          return event.target instanceof element;
+        });
+        if (isFormElement) {
+          return true;
+        }
+      }
+      return false;
+    }
   }, {
     key: "render",
     value: function render() {

package/dist/es2019/nodeviews/datasource.js

@@ -223,6 +223,27 @@ export class Datasource extends ReactNodeView {
     domRef.classList.add(SmartCardSharedCssClassName.DATASOURCE_CONTAINER);
     return domRef;
   }
+
+  /**
+   * Node views may render interactive elements that should not have their events reach editor
+   *
+   * We should the stop editor from handling events from following elements:
+   * - typing in input
+   * - activating buttons via spacebar
+   *
+   * Can be used to prevent the editor view from trying to handle some or all DOM events that bubble up from the node view.
+   * Events for which this returns true are not handled by the editor.
+   * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+   */
+  stopEvent(event) {
+    if (fg('platform-datasources-enable-two-way-sync')) {
+      const isFormElement = [HTMLButtonElement, HTMLInputElement].some(element => event.target instanceof element);
+      if (isFormElement) {
+        return true;
+      }
+    }
+    return false;
+  }
   render() {
     var _attrs$datasource;
     const {

package/dist/esm/nodeviews/datasource.js

@@ -269,6 +269,31 @@ export var Datasource = /*#__PURE__*/function (_ReactNodeView) {
       domRef.classList.add(SmartCardSharedCssClassName.DATASOURCE_CONTAINER);
       return domRef;
     }
+
+    /**
+     * Node views may render interactive elements that should not have their events reach editor
+     *
+     * We should the stop editor from handling events from following elements:
+     * - typing in input
+     * - activating buttons via spacebar
+     *
+     * Can be used to prevent the editor view from trying to handle some or all DOM events that bubble up from the node view.
+     * Events for which this returns true are not handled by the editor.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      if (fg('platform-datasources-enable-two-way-sync')) {
+        var isFormElement = [HTMLButtonElement, HTMLInputElement].some(function (element) {
+          return event.target instanceof element;
+        });
+        if (isFormElement) {
+          return true;
+        }
+      }
+      return false;
+    }
   }, {
     key: "render",
     value: function render() {

package/dist/types/nodeviews/datasource.d.ts

@@ -49,6 +49,18 @@ export declare class Datasource extends ReactNodeView<DatasourceProps> {
     validUpdate(currentNode: PMNode, newNode: PMNode): boolean;
     update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     createDomRef(): HTMLElement;
+    /**
+     * Node views may render interactive elements that should not have their events reach editor
+     *
+     * We should the stop editor from handling events from following elements:
+     * - typing in input
+     * - activating buttons via spacebar
+     *
+     * Can be used to prevent the editor view from trying to handle some or all DOM events that bubble up from the node view.
+     * Events for which this returns true are not handled by the editor.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+    stopEvent(event: Event): boolean;
     render(): jsx.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/nodeviews/datasource.d.ts

@@ -49,6 +49,18 @@ export declare class Datasource extends ReactNodeView<DatasourceProps> {
     validUpdate(currentNode: PMNode, newNode: PMNode): boolean;
     update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     createDomRef(): HTMLElement;
+    /**
+     * Node views may render interactive elements that should not have their events reach editor
+     *
+     * We should the stop editor from handling events from following elements:
+     * - typing in input
+     * - activating buttons via spacebar
+     *
+     * Can be used to prevent the editor view from trying to handle some or all DOM events that bubble up from the node view.
+     * Events for which this returns true are not handled by the editor.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+    stopEvent(event: Event): boolean;
     render(): jsx.JSX.Element;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "2.13.0",
+	"version": "2.13.2",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,30 +35,30 @@
 		"@atlaskit/adf-schema": "^40.8.1",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/custom-steps": "^0.7.0",
-		"@atlaskit/editor-common": "^87.10.0",
-		"@atlaskit/editor-plugin-analytics": "^1.7.0",
-		"@atlaskit/editor-plugin-decorations": "^1.2.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^1.2.0",
+		"@atlaskit/editor-common": "^88.0.0",
+		"@atlaskit/editor-plugin-analytics": "^1.8.0",
+		"@atlaskit/editor-plugin-decorations": "^1.3.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^1.10.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^1.11.0",
 		"@atlaskit/editor-plugin-grid": "^1.2.0",
-		"@atlaskit/editor-plugin-width": "^1.2.0",
+		"@atlaskit/editor-plugin-width": "^1.3.0",
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
-		"@atlaskit/icon": "^22.12.0",
+		"@atlaskit/icon": "^22.14.0",
 		"@atlaskit/link-analytics": "^8.5.0",
 		"@atlaskit/link-client-extension": "^2.1.0",
-		"@atlaskit/link-datasource": "^2.10.0",
+		"@atlaskit/link-datasource": "^2.11.0",
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
-		"@atlaskit/menu": "2.12.1",
+		"@atlaskit/menu": "2.12.2",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/smart-card": "^27.15.0",
+		"@atlaskit/smart-card": "^27.16.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -111,6 +111,9 @@
 		"enable_datasource_nourl_edit_dropdown_datafetch": {
 			"type": "boolean"
 		},
+		"platform-datasources-enable-two-way-sync": {
+			"type": "boolean"
+		},
 		"platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
 			"type": "boolean"
 		},