@atlaskit/editor-common 107.26.1 → 107.26.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 107.26.2
+
+### Patch Changes
+
+- [`31fc6b9e10762`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31fc6b9e10762) -
+  [ux] ED-28592 ED-28592:Add copy block menu item to block menu
+- Updated dependencies
+
 ## 107.26.1
 
 ### Patch Changes

package/block-menu/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-common/block-menu",
+  "main": "../dist/cjs/block-menu/index.js",
+  "module": "../dist/esm/block-menu/index.js",
+  "module:es2019": "../dist/es2019/block-menu/index.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/block-menu/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/block-menu/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/block-menu/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "messages", {
+  enumerable: true,
+  get: function get() {
+    return _messages.messages;
+  }
+});
+var _messages = require("./messages");

package/dist/cjs/block-menu/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  copyBlock: {
+    id: 'fabric.editor.block.menu.copy.block',
+    defaultMessage: 'Copy Block',
+    description: 'Copy the selected block to the clipboard'
+  }
+});

package/dist/cjs/copy-button/index.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.copyDomNode = void 0;
 exports.getSelectedNodeOrNodeParentByNodeType = getSelectedNodeOrNodeParentByNodeType;
 exports.toDOM = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _clipboard = require("../clipboard");
+var _utils2 = require("../utils");
 function getSelectedNodeOrNodeParentByNodeType(_ref) {
   var nodeType = _ref.nodeType,
     selection = _ref.selection;
@@ -18,4 +22,35 @@ function getSelectedNodeOrNodeParentByNodeType(_ref) {
 }
 var toDOM = exports.toDOM = function toDOM(node, schema) {
   return _model.DOMSerializer.fromSchema(schema).serializeNode(node);
+};
+var copyDomNode = exports.copyDomNode = function copyDomNode(domNode, nodeType, selection) {
+  if (domNode) {
+    var div = document.createElement('div');
+    div.appendChild(domNode);
+    var schema = selection.$from.doc.type.schema;
+
+    // if copying inline content
+    if (nodeType.inlineContent) {
+      // The "1 1" refers to the start and end depth of the slice
+      // since we're copying the text inside a paragraph, it will always be 1 1
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      div.firstChild.setAttribute('data-pm-slice', '1 1 []');
+    } else {
+      // The "0 0" refers to the start and end depth of the slice
+      // since we're copying the block node only, it will always be 0 0
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      div.firstChild.setAttribute('data-pm-slice', '0 0 []');
+    }
+    // ED-17083 safari seems have bugs for extension copy because exntension do not have a child text(innerText) and it will not recognized as html in clipboard, this could be merge into one if this extension fixed children issue or safari fix the copy bug
+    // MEX-2528 safari has a bug related to the mediaSingle node with border or link. The image tag within the clipboard is not recognized as HTML when using the ClipboardItem API. To address this, we have to switch to ClipboardPolyfill
+    if (_utils2.browser.safari && selection instanceof _state.NodeSelection && (selection.node.type === schema.nodes.extension || selection.node.type === schema.nodes.mediaSingle)) {
+      (0, _clipboard.copyHTMLToClipboardPolyfill)(div);
+    } else {
+      (0, _clipboard.copyHTMLToClipboard)(div);
+    }
+  }
 };

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.26.0";
+var packageVersion = "107.26.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.26.0";
+var packageVersion = "107.26.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/block-menu/index.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { messages } from './messages';

package/dist/es2019/block-menu/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  copyBlock: {
+    id: 'fabric.editor.block.menu.copy.block',
+    defaultMessage: 'Copy Block',
+    description: 'Copy the selected block to the clipboard'
+  }
+});

package/dist/es2019/copy-button/index.js

@@ -1,5 +1,8 @@
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill } from '../clipboard';
+import { browser } from '../utils';
 export function getSelectedNodeOrNodeParentByNodeType({
   nodeType,
   selection
@@ -12,4 +15,35 @@ export function getSelectedNodeOrNodeParentByNodeType({
 }
 export const toDOM = (node, schema) => {
   return DOMSerializer.fromSchema(schema).serializeNode(node);
+};
+export const copyDomNode = (domNode, nodeType, selection) => {
+  if (domNode) {
+    const div = document.createElement('div');
+    div.appendChild(domNode);
+    const schema = selection.$from.doc.type.schema;
+
+    // if copying inline content
+    if (nodeType.inlineContent) {
+      // The "1 1" refers to the start and end depth of the slice
+      // since we're copying the text inside a paragraph, it will always be 1 1
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      div.firstChild.setAttribute('data-pm-slice', '1 1 []');
+    } else {
+      // The "0 0" refers to the start and end depth of the slice
+      // since we're copying the block node only, it will always be 0 0
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      div.firstChild.setAttribute('data-pm-slice', '0 0 []');
+    }
+    // ED-17083 safari seems have bugs for extension copy because exntension do not have a child text(innerText) and it will not recognized as html in clipboard, this could be merge into one if this extension fixed children issue or safari fix the copy bug
+    // MEX-2528 safari has a bug related to the mediaSingle node with border or link. The image tag within the clipboard is not recognized as HTML when using the ClipboardItem API. To address this, we have to switch to ClipboardPolyfill
+    if (browser.safari && selection instanceof NodeSelection && (selection.node.type === schema.nodes.extension || selection.node.type === schema.nodes.mediaSingle)) {
+      copyHTMLToClipboardPolyfill(div);
+    } else {
+      copyHTMLToClipboard(div);
+    }
+  }
 };

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.26.0";
+const packageVersion = "107.26.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.26.0";
+const packageVersion = "107.26.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/block-menu/index.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { messages } from './messages';

package/dist/esm/block-menu/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  copyBlock: {
+    id: 'fabric.editor.block.menu.copy.block',
+    defaultMessage: 'Copy Block',
+    description: 'Copy the selected block to the clipboard'
+  }
+});

package/dist/esm/copy-button/index.js

@@ -1,5 +1,8 @@
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill } from '../clipboard';
+import { browser } from '../utils';
 export function getSelectedNodeOrNodeParentByNodeType(_ref) {
   var nodeType = _ref.nodeType,
     selection = _ref.selection;
@@ -11,4 +14,35 @@ export function getSelectedNodeOrNodeParentByNodeType(_ref) {
 }
 export var toDOM = function toDOM(node, schema) {
   return DOMSerializer.fromSchema(schema).serializeNode(node);
+};
+export var copyDomNode = function copyDomNode(domNode, nodeType, selection) {
+  if (domNode) {
+    var div = document.createElement('div');
+    div.appendChild(domNode);
+    var schema = selection.$from.doc.type.schema;
+
+    // if copying inline content
+    if (nodeType.inlineContent) {
+      // The "1 1" refers to the start and end depth of the slice
+      // since we're copying the text inside a paragraph, it will always be 1 1
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      div.firstChild.setAttribute('data-pm-slice', '1 1 []');
+    } else {
+      // The "0 0" refers to the start and end depth of the slice
+      // since we're copying the block node only, it will always be 0 0
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      div.firstChild.setAttribute('data-pm-slice', '0 0 []');
+    }
+    // ED-17083 safari seems have bugs for extension copy because exntension do not have a child text(innerText) and it will not recognized as html in clipboard, this could be merge into one if this extension fixed children issue or safari fix the copy bug
+    // MEX-2528 safari has a bug related to the mediaSingle node with border or link. The image tag within the clipboard is not recognized as HTML when using the ClipboardItem API. To address this, we have to switch to ClipboardPolyfill
+    if (browser.safari && selection instanceof NodeSelection && (selection.node.type === schema.nodes.extension || selection.node.type === schema.nodes.mediaSingle)) {
+      copyHTMLToClipboardPolyfill(div);
+    } else {
+      copyHTMLToClipboard(div);
+    }
+  }
 };

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.26.0";
+var packageVersion = "107.26.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.26.0";
+var packageVersion = "107.26.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/block-menu/index.d.ts

@@ -0,0 +1 @@
+export { messages } from './messages';

package/dist/types/block-menu/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    copyBlock: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/copy-button/index.d.ts

@@ -1,8 +1,9 @@
 import type { NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction, Selection } from '@atlaskit/editor-prosemirror/state';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export declare function getSelectedNodeOrNodeParentByNodeType({ nodeType, selection, }: {
     nodeType: NodeType | Array<NodeType>;
     selection: Transaction['selection'];
 }): ContentNodeWithPos | undefined;
 export declare const toDOM: (node: PMNode, schema: Schema) => Node;
+export declare const copyDomNode: (domNode: Node, nodeType: NodeType, selection: Selection) => void;

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

@@ -0,0 +1 @@
+export { messages } from './messages';

package/dist/types-ts4.5/block-menu/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    copyBlock: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -1,8 +1,9 @@
 import type { NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction, Selection } from '@atlaskit/editor-prosemirror/state';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export declare function getSelectedNodeOrNodeParentByNodeType({ nodeType, selection, }: {
     nodeType: NodeType | Array<NodeType>;
     selection: Transaction['selection'];
 }): ContentNodeWithPos | undefined;
 export declare const toDOM: (node: PMNode, schema: Schema) => Node;
+export declare const copyDomNode: (domNode: Node, nodeType: NodeType, selection: Selection) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.26.1",
+	"version": "107.26.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -90,6 +90,7 @@
 		"./lists": "./src/lists/index.ts",
 		"./element-browser": "./src/element-browser/index.ts",
 		"./floating-toolbar": "./src/floating-toolbar/index.ts",
+		"./block-menu": "./src/block-menu/index.ts",
 		"./copy-button": "./src/copy-button/index.ts",
 		"./legacy-rank-plugins": "./src/rank.ts",
 		"./browser": "./src/utils/browser.ts",
@@ -136,7 +137,7 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/custom-steps": "^0.11.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/editor-json-transformer": "^8.26.0",
+		"@atlaskit/editor-json-transformer": "^8.27.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
@@ -144,10 +145,10 @@
 		"@atlaskit/editor-toolbar": "^0.3.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/emoji": "^69.5.0",
-		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/link-datasource": "^4.19.0",
+		"@atlaskit/link-datasource": "^4.20.0",
 		"@atlaskit/link-picker": "^3.9.0",
 		"@atlaskit/media-card": "^79.5.0",
 		"@atlaskit/media-client": "^35.3.0",
@@ -167,7 +168,7 @@
 		"@atlaskit/profilecard": "^24.5.0",
 		"@atlaskit/react-ufo": "^4.4.0",
 		"@atlaskit/section-message": "^8.5.0",
-		"@atlaskit/smart-card": "^40.10.0",
+		"@atlaskit/smart-card": "^40.11.0",
 		"@atlaskit/smart-user-picker": "^8.1.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",