@atlaskit/editor-plugin-copy-button 7.1.4 → 7.1.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-copy-button
 
+## 7.1.5
+
+### Patch Changes
+
+- [`abdf6c5320b01`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abdf6c5320b01) -
+  [EDITOR-5370] Support Unsupported Content: handle copy content from nodes like mention
+- Updated dependencies
+
 ## 7.1.4
 
 ### Patch Changes

package/dist/cjs/copyButtonPlugin.js

@@ -21,7 +21,10 @@ var copyButtonPlugin = exports.copyButtonPlugin = function copyButtonPlugin(_ref
       }];
     },
     actions: {
-      processCopyButtonItems: (0, _toolbar.processCopyButtonItems)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api)
+      processCopyButtonItems: (0, _toolbar.processCopyButtonItems)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api),
+      afterCopy: function afterCopy(message) {
+        return (0, _toolbar.afterCopy)(api)(message);
+      }
     }
   };
 };

package/dist/cjs/ui/toolbar.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.afterCopy = void 0;
 exports.getCopyButtonConfig = getCopyButtonConfig;
 exports.processCopyButtonItems = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -26,22 +27,20 @@ function isNodeOptions(options) {
  * - Sets the copied state in the editor state
  * - Announces the copied message to the user
  */
-function afterCopy(_ref) {
-  var _api$accessibilityUti;
-  var api = _ref.api,
-    dispatch = _ref.dispatch,
-    editorState = _ref.editorState,
-    message = _ref.message;
-  var copyToClipboardTr = editorState.tr;
-  copyToClipboardTr.setMeta(_pluginKey.copyButtonPluginKey, {
-    copied: true
-  });
-  copyToClipboardTr.setMeta('scrollIntoView', false);
-  dispatch === null || dispatch === void 0 || dispatch(copyToClipboardTr);
-  api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(message, {
-    priority: 'important'
-  });
-}
+var afterCopy = exports.afterCopy = function afterCopy(api) {
+  return function (message) {
+    var _api$accessibilityUti;
+    api === null || api === void 0 || api.core.actions.execute(function (_ref) {
+      var tr = _ref.tr;
+      return tr.setMeta(_pluginKey.copyButtonPluginKey, {
+        copied: true
+      }).setMeta('scrollIntoView', false);
+    });
+    api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(message, {
+      priority: 'important'
+    });
+  };
+};
 function getCopyButtonConfig(options, hoverDecoration, editorAnalyticsApi, api) {
   var state = options.state,
     formatMessage = options.formatMessage,
@@ -67,12 +66,7 @@ function getCopyButtonConfig(options, hoverDecoration, editorAnalyticsApi, api)
     if (onClick) {
       buttonActionHandlers.onClick = function (editorState, dispatch, editorView) {
         if (onClick(editorState, dispatch, editorView)) {
-          afterCopy({
-            api: api,
-            dispatch: dispatch,
-            editorState: editorState,
-            message: formatMessage(_messages.default.copiedToClipboard)
-          });
+          afterCopy(api)(formatMessage(_messages.default.copiedToClipboard));
           return true;
         }
         return false;

package/dist/es2019/copyButtonPlugin.js

@@ -1,5 +1,5 @@
 import createPlugin from './pm-plugins/main';
-import { processCopyButtonItems } from './ui/toolbar';
+import { processCopyButtonItems, afterCopy } from './ui/toolbar';
 export const copyButtonPlugin = ({
   api
 }) => {
@@ -13,7 +13,8 @@ export const copyButtonPlugin = ({
       }];
     },
     actions: {
-      processCopyButtonItems: processCopyButtonItems(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api)
+      processCopyButtonItems: processCopyButtonItems(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api),
+      afterCopy: message => afterCopy(api)(message)
     }
   };
 };

package/dist/es2019/ui/toolbar.js

@@ -16,23 +16,19 @@ function isNodeOptions(options) {
  * - Sets the copied state in the editor state
  * - Announces the copied message to the user
  */
-function afterCopy({
-  api,
-  dispatch,
-  editorState,
-  message
-}) {
+export const afterCopy = api => message => {
   var _api$accessibilityUti;
-  const copyToClipboardTr = editorState.tr;
-  copyToClipboardTr.setMeta(copyButtonPluginKey, {
-    copied: true
+  api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+    tr
+  }) => {
+    return tr.setMeta(copyButtonPluginKey, {
+      copied: true
+    }).setMeta('scrollIntoView', false);
   });
-  copyToClipboardTr.setMeta('scrollIntoView', false);
-  dispatch === null || dispatch === void 0 ? void 0 : dispatch(copyToClipboardTr);
   api === null || api === void 0 ? void 0 : (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify(message, {
     priority: 'important'
   });
-}
+};
 export function getCopyButtonConfig(options, hoverDecoration, editorAnalyticsApi, api) {
   const {
     state,
@@ -62,12 +58,7 @@ export function getCopyButtonConfig(options, hoverDecoration, editorAnalyticsApi
     if (onClick) {
       buttonActionHandlers.onClick = (editorState, dispatch, editorView) => {
         if (onClick(editorState, dispatch, editorView)) {
-          afterCopy({
-            api,
-            dispatch,
-            editorState,
-            message: formatMessage(commonMessages.copiedToClipboard)
-          });
+          afterCopy(api)(formatMessage(commonMessages.copiedToClipboard));
           return true;
         }
         return false;

package/dist/esm/copyButtonPlugin.js

@@ -1,5 +1,5 @@
 import createPlugin from './pm-plugins/main';
-import { processCopyButtonItems } from './ui/toolbar';
+import { processCopyButtonItems, afterCopy as _afterCopy } from './ui/toolbar';
 export var copyButtonPlugin = function copyButtonPlugin(_ref) {
   var _api$analytics;
   var api = _ref.api;
@@ -14,7 +14,10 @@ export var copyButtonPlugin = function copyButtonPlugin(_ref) {
       }];
     },
     actions: {
-      processCopyButtonItems: processCopyButtonItems(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api)
+      processCopyButtonItems: processCopyButtonItems(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api),
+      afterCopy: function afterCopy(message) {
+        return _afterCopy(api)(message);
+      }
     }
   };
 };

package/dist/esm/ui/toolbar.js

@@ -19,22 +19,20 @@ function isNodeOptions(options) {
  * - Sets the copied state in the editor state
  * - Announces the copied message to the user
  */
-function afterCopy(_ref) {
-  var _api$accessibilityUti;
-  var api = _ref.api,
-    dispatch = _ref.dispatch,
-    editorState = _ref.editorState,
-    message = _ref.message;
-  var copyToClipboardTr = editorState.tr;
-  copyToClipboardTr.setMeta(copyButtonPluginKey, {
-    copied: true
-  });
-  copyToClipboardTr.setMeta('scrollIntoView', false);
-  dispatch === null || dispatch === void 0 || dispatch(copyToClipboardTr);
-  api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(message, {
-    priority: 'important'
-  });
-}
+export var afterCopy = function afterCopy(api) {
+  return function (message) {
+    var _api$accessibilityUti;
+    api === null || api === void 0 || api.core.actions.execute(function (_ref) {
+      var tr = _ref.tr;
+      return tr.setMeta(copyButtonPluginKey, {
+        copied: true
+      }).setMeta('scrollIntoView', false);
+    });
+    api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(message, {
+      priority: 'important'
+    });
+  };
+};
 export function getCopyButtonConfig(options, hoverDecoration, editorAnalyticsApi, api) {
   var state = options.state,
     formatMessage = options.formatMessage,
@@ -60,12 +58,7 @@ export function getCopyButtonConfig(options, hoverDecoration, editorAnalyticsApi
     if (onClick) {
       buttonActionHandlers.onClick = function (editorState, dispatch, editorView) {
         if (onClick(editorState, dispatch, editorView)) {
-          afterCopy({
-            api: api,
-            dispatch: dispatch,
-            editorState: editorState,
-            message: formatMessage(commonMessages.copiedToClipboard)
-          });
+          afterCopy(api)(formatMessage(commonMessages.copiedToClipboard));
           return true;
         }
         return false;

package/dist/types/copyButtonPluginType.d.ts

@@ -5,6 +5,7 @@ import type { MarkType } from '@atlaskit/editor-prosemirror/model';
 declare const processCopyButtonItemsWithAnalytics: (state: import("prosemirror-state").EditorState) => (items: Array<import("@atlaskit/editor-common/types").FloatingToolbarItem<import("@atlaskit/editor-common/types").Command>>, hoverDecoration: import("@atlaskit/editor-plugin-decorations").HoverDecorationHandler | undefined) => Array<import("@atlaskit/editor-common/types").FloatingToolbarItem<import("@atlaskit/editor-common/types").Command>>;
 export type CopyButtonPlugin = NextEditorPlugin<'copyButton', {
     actions: {
+        afterCopy: (message: string) => void;
         processCopyButtonItems: typeof processCopyButtonItemsWithAnalytics;
     };
     dependencies: [OptionalPlugin<AnalyticsPlugin>, OptionalPlugin<AccessibilityUtilsPlugin>];

package/dist/types/ui/toolbar.d.ts

@@ -3,6 +3,12 @@ import type { ExtractInjectionAPI, Command, FloatingToolbarButton, FloatingToolb
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { CopyButtonPlugin } from '../copyButtonPluginType';
+/**
+ * Performs the actions after a copy operation.
+ * - Sets the copied state in the editor state
+ * - Announces the copied message to the user
+ */
+export declare const afterCopy: (api?: ExtractInjectionAPI<CopyButtonPlugin>) => (message: string) => void;
 export declare function getCopyButtonConfig(options: MarkOptions | NodeOptions, hoverDecoration: HoverDecorationHandler | undefined, editorAnalyticsApi: EditorAnalyticsAPI | undefined, api?: ExtractInjectionAPI<CopyButtonPlugin>): FloatingToolbarButton<Command>;
 /**
  * Process floatingToolbar items for copyButton

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

@@ -5,6 +5,7 @@ import type { MarkType } from '@atlaskit/editor-prosemirror/model';
 declare const processCopyButtonItemsWithAnalytics: (state: import("prosemirror-state").EditorState) => (items: Array<import("@atlaskit/editor-common/types").FloatingToolbarItem<import("@atlaskit/editor-common/types").Command>>, hoverDecoration: import("@atlaskit/editor-plugin-decorations").HoverDecorationHandler | undefined) => Array<import("@atlaskit/editor-common/types").FloatingToolbarItem<import("@atlaskit/editor-common/types").Command>>;
 export type CopyButtonPlugin = NextEditorPlugin<'copyButton', {
     actions: {
+        afterCopy: (message: string) => void;
         processCopyButtonItems: typeof processCopyButtonItemsWithAnalytics;
     };
     dependencies: [

package/dist/types-ts4.5/ui/toolbar.d.ts

@@ -3,6 +3,12 @@ import type { ExtractInjectionAPI, Command, FloatingToolbarButton, FloatingToolb
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { CopyButtonPlugin } from '../copyButtonPluginType';
+/**
+ * Performs the actions after a copy operation.
+ * - Sets the copied state in the editor state
+ * - Announces the copied message to the user
+ */
+export declare const afterCopy: (api?: ExtractInjectionAPI<CopyButtonPlugin>) => (message: string) => void;
 export declare function getCopyButtonConfig(options: MarkOptions | NodeOptions, hoverDecoration: HoverDecorationHandler | undefined, editorAnalyticsApi: EditorAnalyticsAPI | undefined, api?: ExtractInjectionAPI<CopyButtonPlugin>): FloatingToolbarButton<Command>;
 /**
  * Process floatingToolbar items for copyButton

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-copy-button",
-	"version": "7.1.4",
+	"version": "7.1.5",
 	"description": "editor-plugin-copy-button for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,11 +32,11 @@
 		"@atlaskit/editor-plugin-decorations": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/icon": "^31.0.0",
-		"@atlaskit/tmp-editor-statsig": "^29.0.0",
+		"@atlaskit/tmp-editor-statsig": "^29.1.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.16.0",
+		"@atlaskit/editor-common": "^111.17.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},