@atlaskit/editor-plugin-card 1.14.1 → 1.14.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-card
 
+## 1.14.2
+
+### Patch Changes
+
+-   [#99680](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99680)
+    [`538e71f42af4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/538e71f42af4) -
+    Add code behind an FF to control what events are sent to prose mirror based on classnames, in
+    orderto control toolbar and selection behaviour for smart links in live pages.
+-   Updated dependencies
+
 ## 1.14.1
 
 ### Patch Changes

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

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPlugin = void 0;
+exports.createPlugin = exports.ALLOW_EVENTS_CLASSNAME = void 0;
 Object.defineProperty(exports, "pluginKey", {
   enumerable: true,
   get: function get() {
     return _pluginKey.pluginKey;
   }
 });
+exports.stopEvent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
@@ -37,6 +38,19 @@ var _state2 = require("./util/state");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+var ALLOW_EVENTS_CLASSNAME = exports.ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
+var stopEvent = exports.stopEvent = function stopEvent(event) {
+  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-links-in-live-pages')) {
+    return false;
+  }
+  var target = event.target;
+  // Stop events from propogating to prose-mirror and selecting the node and/or
+  // opening the toolbar, unless a parent of the target has a defined className
+  if (target instanceof HTMLElement && target.closest(".".concat(ALLOW_EVENTS_CLASSNAME))) {
+    return false;
+  }
+  return true;
+};
 var handleAwarenessOverlay = function handleAwarenessOverlay(view) {
   var currentState = (0, _state2.getPluginState)(view.state);
   var overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
@@ -75,6 +89,9 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         allowBlockCards: allowBlockCards,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback
+      },
+      extraNodeViewProps: {
+        stopEvent: stopEvent
       }
     });
     return new _safePlugin.SafePlugin({

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

@@ -21,6 +21,19 @@ import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 export { pluginKey } from './plugin-key';
 const LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+export const ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
+export const stopEvent = event => {
+  if (!getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+    return false;
+  }
+  const target = event.target;
+  // Stop events from propogating to prose-mirror and selecting the node and/or
+  // opening the toolbar, unless a parent of the target has a defined className
+  if (target instanceof HTMLElement && target.closest(`.${ALLOW_EVENTS_CLASSNAME}`)) {
+    return false;
+  }
+  return true;
+};
 const handleAwarenessOverlay = view => {
   const currentState = getPluginState(view.state);
   const overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
@@ -60,6 +73,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
       allowBlockCards,
       pluginInjectionApi,
       onClickCallback
+    },
+    extraNodeViewProps: {
+      stopEvent
     }
   });
   return new SafePlugin({

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

@@ -25,6 +25,19 @@ import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 export { pluginKey } from './plugin-key';
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+export var ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
+export var stopEvent = function stopEvent(event) {
+  if (!getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+    return false;
+  }
+  var target = event.target;
+  // Stop events from propogating to prose-mirror and selecting the node and/or
+  // opening the toolbar, unless a parent of the target has a defined className
+  if (target instanceof HTMLElement && target.closest(".".concat(ALLOW_EVENTS_CLASSNAME))) {
+    return false;
+  }
+  return true;
+};
 var handleAwarenessOverlay = function handleAwarenessOverlay(view) {
   var currentState = getPluginState(view.state);
   var overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
@@ -63,6 +76,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         allowBlockCards: allowBlockCards,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback
+      },
+      extraNodeViewProps: {
+        stopEvent: stopEvent
       }
     });
     return new SafePlugin({

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

@@ -3,4 +3,6 @@ import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/edito
 import type { cardPlugin } from '../index';
 import type { CardPluginOptions, CardPluginState } from '../types';
 export { pluginKey } from './plugin-key';
+export declare const ALLOW_EVENTS_CLASSNAME = "card-plugin-element-allow-events";
+export declare const stopEvent: (event: Event) => boolean;
 export declare const createPlugin: (options: CardPluginOptions, pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (pmPluginFactoryParams: PMPluginFactoryParams) => SafePlugin<CardPluginState>;

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

@@ -3,4 +3,6 @@ import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/edito
 import type { cardPlugin } from '../index';
 import type { CardPluginOptions, CardPluginState } from '../types';
 export { pluginKey } from './plugin-key';
+export declare const ALLOW_EVENTS_CLASSNAME = "card-plugin-element-allow-events";
+export declare const stopEvent: (event: Event) => boolean;
 export declare const createPlugin: (options: CardPluginOptions, pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (pmPluginFactoryParams: PMPluginFactoryParams) => SafePlugin<CardPluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^36.8.0",
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/custom-steps": "^0.2.0",
-    "@atlaskit/editor-common": "^80.4.0",
+    "@atlaskit/editor-common": "^80.5.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
     "@atlaskit/editor-plugin-decorations": "^1.1.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
@@ -52,7 +52,7 @@
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-datasource": "^2.3.0",
     "@atlaskit/linking-common": "^5.7.0",
-    "@atlaskit/linking-types": "^8.8.0",
+    "@atlaskit/linking-types": "^8.9.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^6.3.0",
     "@atlaskit/smart-card": "^26.69.0",