@atlaskit/editor-common 75.1.2 → 75.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 75.2.0
+
+### Minor Changes
+
+- [`9f2365fabcc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f2365fabcc) - ED-19617 - Initial creation of editor-plugin-copy-button package
+
 ## 75.1.2
 
 ### Patch Changes

package/clipboard/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/clipboard",
+  "main": "../dist/cjs/clipboard/index.js",
+  "module": "../dist/esm/clipboard/index.js",
+  "module:es2019": "../dist/es2019/clipboard/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/clipboard/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/clipboard/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/clipboard/index.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAnalyticsPayload = exports.copyToClipboard = exports.copyHTMLToClipboardPolyfill = exports.copyHTMLToClipboard = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var clipboard = _interopRequireWildcard(require("clipboard-polyfill"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _analytics = require("../analytics");
+var _selection = require("../selection");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var isClipboardApiSupported = function isClipboardApiSupported() {
+  return !!navigator.clipboard && typeof navigator.clipboard.writeText === 'function';
+};
+var isIEClipboardApiSupported = function isIEClipboardApiSupported() {
+  return window.clipboardData && typeof window.clipboardData.setData === 'function';
+};
+var copyToClipboard = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(textToCopy) {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isClipboardApiSupported()) {
+            _context.next = 11;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return navigator.clipboard.writeText(textToCopy);
+        case 4:
+          _context.next = 9;
+          break;
+        case 6:
+          _context.prev = 6;
+          _context.t0 = _context["catch"](1);
+          throw new Error('Clipboard api is not supported');
+        case 9:
+          _context.next = 23;
+          break;
+        case 11:
+          if (!isIEClipboardApiSupported()) {
+            _context.next = 22;
+            break;
+          }
+          _context.prev = 12;
+          _context.next = 15;
+          return window.clipboardData.setData('text', textToCopy);
+        case 15:
+          _context.next = 20;
+          break;
+        case 17:
+          _context.prev = 17;
+          _context.t1 = _context["catch"](12);
+          throw new Error('IE clipboard api is not supported');
+        case 20:
+          _context.next = 23;
+          break;
+        case 22:
+          throw new Error('Clipboard api is not supported');
+        case 23:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 6], [12, 17]]);
+  }));
+  return function copyToClipboard(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+exports.copyToClipboard = copyToClipboard;
+var copyHTMLToClipboard = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(elementToCopy, plainTextToCopy) {
+    var data;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(isClipboardApiSupported() && typeof ClipboardItem !== 'undefined')) {
+            _context2.next = 12;
+            break;
+          }
+          _context2.prev = 1;
+          data = new ClipboardItem({
+            'text/plain': new Blob([plainTextToCopy || elementToCopy.innerText], {
+              type: 'text/plain'
+            }),
+            'text/html': new Blob([elementToCopy.innerHTML], {
+              type: 'text/html'
+            })
+          }); // @ts-ignore
+          _context2.next = 5;
+          return navigator.clipboard.write([data]);
+        case 5:
+          _context2.next = 10;
+          break;
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](1);
+          throw new Error('Clipboard api is not supported');
+        case 10:
+          _context2.next = 13;
+          break;
+        case 12:
+          if ((typeof document === "undefined" ? "undefined" : (0, _typeof2.default)(document)) !== undefined) {
+            // ED-17083 extension copy seems have issue with ClipboardItem API
+            // Hence of use of this polyfill
+            copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+          }
+        case 13:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 7]]);
+  }));
+  return function copyHTMLToClipboard(_x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+exports.copyHTMLToClipboard = copyHTMLToClipboard;
+var copyHTMLToClipboardPolyfill = function copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy) {
+  var Clipboard = clipboard;
+  var dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};
+exports.copyHTMLToClipboardPolyfill = copyHTMLToClipboardPolyfill;
+var getAnalyticsPayload = function getAnalyticsPayload(state, action) {
+  var selection = state.selection,
+    doc = state.doc;
+  var selectionAnalyticsPayload = (0, _selection.getNodeSelectionAnalyticsPayload)(selection) || (0, _selection.getRangeSelectionAnalyticsPayload)(selection, doc) || (0, _selection.getAllSelectionAnalyticsPayload)(selection) || (0, _selection.getCellSelectionAnalyticsPayload)(state);
+  if (selectionAnalyticsPayload) {
+    var selectionActionSubjectId = selectionAnalyticsPayload.actionSubjectId;
+    var content = [];
+    switch (selectionActionSubjectId) {
+      case _analytics.ACTION_SUBJECT_ID.NODE:
+        content.push(selectionAnalyticsPayload.attributes.node);
+        break;
+      case _analytics.ACTION_SUBJECT_ID.RANGE:
+        content.push.apply(content, (0, _toConsumableArray2.default)(selectionAnalyticsPayload.attributes.nodes));
+        break;
+      case _analytics.ACTION_SUBJECT_ID.ALL:
+        content.push('all');
+        break;
+      case _analytics.ACTION_SUBJECT_ID.CELL:
+        {
+          var _ref3 = selectionAnalyticsPayload.attributes,
+            selectedCells = _ref3.selectedCells;
+          content.push.apply(content, (0, _toConsumableArray2.default)(Array(selectedCells).fill('tableCell')));
+          break;
+        }
+    }
+    return {
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      action: action,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      attributes: {
+        content: content
+      }
+    };
+  }
+  if (selection instanceof _state.TextSelection && selection.$cursor) {
+    return {
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      action: action,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      attributes: {
+        content: ['caret']
+      }
+    };
+  }
+};
+exports.getAnalyticsPayload = getAnalyticsPayload;

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 = "75.1.2";
+var packageVersion = "75.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/selection/index.js

@@ -36,55 +36,59 @@ Object.defineProperty(exports, "Side", {
 Object.defineProperty(exports, "atTheBeginningOfBlock", {
   enumerable: true,
   get: function get() {
-    return _utils2.atTheBeginningOfBlock;
+    return _utils3.atTheBeginningOfBlock;
   }
 });
 Object.defineProperty(exports, "atTheBeginningOfDoc", {
   enumerable: true,
   get: function get() {
-    return _utils2.atTheBeginningOfDoc;
+    return _utils3.atTheBeginningOfDoc;
   }
 });
 Object.defineProperty(exports, "atTheEndOfBlock", {
   enumerable: true,
   get: function get() {
-    return _utils2.atTheEndOfBlock;
+    return _utils3.atTheEndOfBlock;
   }
 });
 Object.defineProperty(exports, "atTheEndOfDoc", {
   enumerable: true,
   get: function get() {
-    return _utils2.atTheEndOfDoc;
+    return _utils3.atTheEndOfDoc;
   }
 });
 Object.defineProperty(exports, "endPositionOfParent", {
   enumerable: true,
   get: function get() {
-    return _utils2.endPositionOfParent;
+    return _utils3.endPositionOfParent;
   }
 });
+exports.getAllSelectionAnalyticsPayload = getAllSelectionAnalyticsPayload;
+exports.getCellSelectionAnalyticsPayload = getCellSelectionAnalyticsPayload;
+exports.getNodeSelectionAnalyticsPayload = getNodeSelectionAnalyticsPayload;
+exports.getRangeSelectionAnalyticsPayload = getRangeSelectionAnalyticsPayload;
 Object.defineProperty(exports, "isIgnored", {
   enumerable: true,
   get: function get() {
-    return _utils.isIgnored;
+    return _utils2.isIgnored;
   }
 });
 Object.defineProperty(exports, "isSelectionAtEndOfNode", {
   enumerable: true,
   get: function get() {
-    return _utils2.isSelectionAtEndOfNode;
+    return _utils3.isSelectionAtEndOfNode;
   }
 });
 Object.defineProperty(exports, "isSelectionAtStartOfNode", {
   enumerable: true,
   get: function get() {
-    return _utils2.isSelectionAtStartOfNode;
+    return _utils3.isSelectionAtStartOfNode;
   }
 });
 Object.defineProperty(exports, "isValidTargetNode", {
   enumerable: true,
   get: function get() {
-    return _utils.isValidTargetNode;
+    return _utils2.isValidTargetNode;
   }
 });
 Object.defineProperty(exports, "setGapCursorSelection", {
@@ -96,11 +100,83 @@ Object.defineProperty(exports, "setGapCursorSelection", {
 Object.defineProperty(exports, "startPositionOfParent", {
   enumerable: true,
   get: function get() {
-    return _utils2.startPositionOfParent;
+    return _utils3.startPositionOfParent;
   }
 });
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _editorTables = require("@atlaskit/editor-tables");
+var _utils = require("@atlaskit/editor-tables/utils");
+var _analytics = require("../analytics");
 var _types = require("./types");
 var _selection = require("./gap-cursor/selection");
-var _utils = require("./gap-cursor/utils");
+var _utils2 = require("./gap-cursor/utils");
 var _setGapCursorSelection = require("./gap-cursor/utils/setGapCursorSelection");
-var _utils2 = require("./utils");
+var _utils3 = require("./utils");
+function getNodeSelectionAnalyticsPayload(selection) {
+  if (selection instanceof _state.NodeSelection) {
+    return {
+      action: _analytics.ACTION.SELECTED,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.NODE,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        node: selection.node.type.name
+      }
+    };
+  }
+}
+function getAllSelectionAnalyticsPayload(selection) {
+  if (selection instanceof _state.AllSelection) {
+    return {
+      action: _analytics.ACTION.SELECTED,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.ALL,
+      eventType: _analytics.EVENT_TYPE.TRACK
+    };
+  }
+}
+function getCellSelectionAnalyticsPayload(state) {
+  if (state.selection instanceof _editorTables.CellSelection) {
+    var rect = (0, _utils.selectedRect)(state);
+    var selectedCells = rect.map.cellsInRect(rect).length;
+    var totalCells = rect.map.map.length;
+    return {
+      action: _analytics.ACTION.SELECTED,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.CELL,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        selectedCells: selectedCells,
+        totalCells: totalCells
+      }
+    };
+  }
+}
+function getRangeSelectionAnalyticsPayload(selection, doc) {
+  if (selection instanceof _state.TextSelection && selection.from !== selection.to) {
+    var from = selection.from,
+      to = selection.to,
+      anchor = selection.anchor,
+      head = selection.head;
+    var nodes = [];
+    doc.nodesBetween(from, to, function (node, pos) {
+      // We want to send top-level nodes only, ie. the nodes that would have the selection styling
+      // We allow text nodes that are not fully covered as they are a special case
+      if (node.isText || pos >= from && pos + node.nodeSize <= to) {
+        nodes.push(node.type.name);
+        return false;
+      }
+    });
+    return {
+      action: _analytics.ACTION.SELECTED,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.RANGE,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        from: anchor,
+        to: head,
+        nodes: nodes
+      }
+    };
+  }
+}

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "75.1.2";
+var packageVersion = "75.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/clipboard/index.js

@@ -0,0 +1,106 @@
+import * as clipboard from 'clipboard-polyfill';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
+import { getAllSelectionAnalyticsPayload, getCellSelectionAnalyticsPayload, getNodeSelectionAnalyticsPayload, getRangeSelectionAnalyticsPayload } from '../selection';
+const isClipboardApiSupported = () => !!navigator.clipboard && typeof navigator.clipboard.writeText === 'function';
+const isIEClipboardApiSupported = () => window.clipboardData && typeof window.clipboardData.setData === 'function';
+export const copyToClipboard = async textToCopy => {
+  if (isClipboardApiSupported()) {
+    try {
+      await navigator.clipboard.writeText(textToCopy);
+    } catch (error) {
+      throw new Error('Clipboard api is not supported');
+    }
+  } else if (isIEClipboardApiSupported()) {
+    try {
+      await window.clipboardData.setData('text', textToCopy);
+    } catch (error) {
+      throw new Error('IE clipboard api is not supported');
+    }
+  } else {
+    throw new Error('Clipboard api is not supported');
+  }
+};
+export const copyHTMLToClipboard = async (elementToCopy, plainTextToCopy) => {
+  // @ts-ignore
+  if (isClipboardApiSupported() && typeof ClipboardItem !== 'undefined') {
+    try {
+      const data = new ClipboardItem({
+        'text/plain': new Blob([plainTextToCopy || elementToCopy.innerText], {
+          type: 'text/plain'
+        }),
+        'text/html': new Blob([elementToCopy.innerHTML], {
+          type: 'text/html'
+        })
+      });
+      // @ts-ignore
+      await navigator.clipboard.write([data]);
+    } catch (error) {
+      throw new Error('Clipboard api is not supported');
+    }
+  } else if (typeof document !== undefined) {
+    // ED-17083 extension copy seems have issue with ClipboardItem API
+    // Hence of use of this polyfill
+    copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+  }
+};
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+export const copyHTMLToClipboardPolyfill = (elementToCopy, plainTextToCopy) => {
+  const Clipboard = clipboard;
+  const dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};
+export const getAnalyticsPayload = (state, action) => {
+  const {
+    selection,
+    doc
+  } = state;
+  const selectionAnalyticsPayload = getNodeSelectionAnalyticsPayload(selection) || getRangeSelectionAnalyticsPayload(selection, doc) || getAllSelectionAnalyticsPayload(selection) || getCellSelectionAnalyticsPayload(state);
+  if (selectionAnalyticsPayload) {
+    const {
+      actionSubjectId: selectionActionSubjectId
+    } = selectionAnalyticsPayload;
+    let content = [];
+    switch (selectionActionSubjectId) {
+      case ACTION_SUBJECT_ID.NODE:
+        content.push(selectionAnalyticsPayload.attributes.node);
+        break;
+      case ACTION_SUBJECT_ID.RANGE:
+        content.push(...selectionAnalyticsPayload.attributes.nodes);
+        break;
+      case ACTION_SUBJECT_ID.ALL:
+        content.push('all');
+        break;
+      case ACTION_SUBJECT_ID.CELL:
+        {
+          const {
+            selectedCells
+          } = selectionAnalyticsPayload.attributes;
+          content.push(...Array(selectedCells).fill('tableCell'));
+          break;
+        }
+    }
+    return {
+      eventType: EVENT_TYPE.TRACK,
+      action,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      attributes: {
+        content
+      }
+    };
+  }
+  if (selection instanceof TextSelection && selection.$cursor) {
+    return {
+      eventType: EVENT_TYPE.TRACK,
+      action,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      attributes: {
+        content: ['caret']
+      }
+    };
+  }
+};

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "75.1.2";
+const packageVersion = "75.2.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/selection/index.js

@@ -1,5 +1,79 @@
+import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables';
+import { selectedRect } from '@atlaskit/editor-tables/utils';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
 export { RelativeSelectionPos } from './types';
 export { GapCursorSelection, Side, JSON_ID, GapBookmark } from './gap-cursor/selection';
 export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
 export { setGapCursorSelection } from './gap-cursor/utils/setGapCursorSelection';
-export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent } from './utils';
+export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent } from './utils';
+export function getNodeSelectionAnalyticsPayload(selection) {
+  if (selection instanceof NodeSelection) {
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.NODE,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        node: selection.node.type.name
+      }
+    };
+  }
+}
+export function getAllSelectionAnalyticsPayload(selection) {
+  if (selection instanceof AllSelection) {
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.ALL,
+      eventType: EVENT_TYPE.TRACK
+    };
+  }
+}
+export function getCellSelectionAnalyticsPayload(state) {
+  if (state.selection instanceof CellSelection) {
+    const rect = selectedRect(state);
+    const selectedCells = rect.map.cellsInRect(rect).length;
+    const totalCells = rect.map.map.length;
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.CELL,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        selectedCells,
+        totalCells
+      }
+    };
+  }
+}
+export function getRangeSelectionAnalyticsPayload(selection, doc) {
+  if (selection instanceof TextSelection && selection.from !== selection.to) {
+    const {
+      from,
+      to,
+      anchor,
+      head
+    } = selection;
+    const nodes = [];
+    doc.nodesBetween(from, to, (node, pos) => {
+      // We want to send top-level nodes only, ie. the nodes that would have the selection styling
+      // We allow text nodes that are not fully covered as they are a special case
+      if (node.isText || pos >= from && pos + node.nodeSize <= to) {
+        nodes.push(node.type.name);
+        return false;
+      }
+    });
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.RANGE,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        from: anchor,
+        to: head,
+        nodes
+      }
+    };
+  }
+}

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "75.1.2";
+const packageVersion = "75.2.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/clipboard/index.js

@@ -0,0 +1,168 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import * as clipboard from 'clipboard-polyfill';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
+import { getAllSelectionAnalyticsPayload, getCellSelectionAnalyticsPayload, getNodeSelectionAnalyticsPayload, getRangeSelectionAnalyticsPayload } from '../selection';
+var isClipboardApiSupported = function isClipboardApiSupported() {
+  return !!navigator.clipboard && typeof navigator.clipboard.writeText === 'function';
+};
+var isIEClipboardApiSupported = function isIEClipboardApiSupported() {
+  return window.clipboardData && typeof window.clipboardData.setData === 'function';
+};
+export var copyToClipboard = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(textToCopy) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isClipboardApiSupported()) {
+            _context.next = 11;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return navigator.clipboard.writeText(textToCopy);
+        case 4:
+          _context.next = 9;
+          break;
+        case 6:
+          _context.prev = 6;
+          _context.t0 = _context["catch"](1);
+          throw new Error('Clipboard api is not supported');
+        case 9:
+          _context.next = 23;
+          break;
+        case 11:
+          if (!isIEClipboardApiSupported()) {
+            _context.next = 22;
+            break;
+          }
+          _context.prev = 12;
+          _context.next = 15;
+          return window.clipboardData.setData('text', textToCopy);
+        case 15:
+          _context.next = 20;
+          break;
+        case 17:
+          _context.prev = 17;
+          _context.t1 = _context["catch"](12);
+          throw new Error('IE clipboard api is not supported');
+        case 20:
+          _context.next = 23;
+          break;
+        case 22:
+          throw new Error('Clipboard api is not supported');
+        case 23:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 6], [12, 17]]);
+  }));
+  return function copyToClipboard(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var copyHTMLToClipboard = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(elementToCopy, plainTextToCopy) {
+    var data;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(isClipboardApiSupported() && typeof ClipboardItem !== 'undefined')) {
+            _context2.next = 12;
+            break;
+          }
+          _context2.prev = 1;
+          data = new ClipboardItem({
+            'text/plain': new Blob([plainTextToCopy || elementToCopy.innerText], {
+              type: 'text/plain'
+            }),
+            'text/html': new Blob([elementToCopy.innerHTML], {
+              type: 'text/html'
+            })
+          }); // @ts-ignore
+          _context2.next = 5;
+          return navigator.clipboard.write([data]);
+        case 5:
+          _context2.next = 10;
+          break;
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](1);
+          throw new Error('Clipboard api is not supported');
+        case 10:
+          _context2.next = 13;
+          break;
+        case 12:
+          if ((typeof document === "undefined" ? "undefined" : _typeof(document)) !== undefined) {
+            // ED-17083 extension copy seems have issue with ClipboardItem API
+            // Hence of use of this polyfill
+            copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+          }
+        case 13:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 7]]);
+  }));
+  return function copyHTMLToClipboard(_x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+export var copyHTMLToClipboardPolyfill = function copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy) {
+  var Clipboard = clipboard;
+  var dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};
+export var getAnalyticsPayload = function getAnalyticsPayload(state, action) {
+  var selection = state.selection,
+    doc = state.doc;
+  var selectionAnalyticsPayload = getNodeSelectionAnalyticsPayload(selection) || getRangeSelectionAnalyticsPayload(selection, doc) || getAllSelectionAnalyticsPayload(selection) || getCellSelectionAnalyticsPayload(state);
+  if (selectionAnalyticsPayload) {
+    var selectionActionSubjectId = selectionAnalyticsPayload.actionSubjectId;
+    var content = [];
+    switch (selectionActionSubjectId) {
+      case ACTION_SUBJECT_ID.NODE:
+        content.push(selectionAnalyticsPayload.attributes.node);
+        break;
+      case ACTION_SUBJECT_ID.RANGE:
+        content.push.apply(content, _toConsumableArray(selectionAnalyticsPayload.attributes.nodes));
+        break;
+      case ACTION_SUBJECT_ID.ALL:
+        content.push('all');
+        break;
+      case ACTION_SUBJECT_ID.CELL:
+        {
+          var _ref3 = selectionAnalyticsPayload.attributes,
+            selectedCells = _ref3.selectedCells;
+          content.push.apply(content, _toConsumableArray(Array(selectedCells).fill('tableCell')));
+          break;
+        }
+    }
+    return {
+      eventType: EVENT_TYPE.TRACK,
+      action: action,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      attributes: {
+        content: content
+      }
+    };
+  }
+  if (selection instanceof TextSelection && selection.$cursor) {
+    return {
+      eventType: EVENT_TYPE.TRACK,
+      action: action,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      attributes: {
+        content: ['caret']
+      }
+    };
+  }
+};

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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 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 = "75.1.2";
+var packageVersion = "75.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/selection/index.js

@@ -1,5 +1,77 @@
+import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables';
+import { selectedRect } from '@atlaskit/editor-tables/utils';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
 export { RelativeSelectionPos } from './types';
 export { GapCursorSelection, Side, JSON_ID, GapBookmark } from './gap-cursor/selection';
 export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
 export { setGapCursorSelection } from './gap-cursor/utils/setGapCursorSelection';
-export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent } from './utils';
+export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent } from './utils';
+export function getNodeSelectionAnalyticsPayload(selection) {
+  if (selection instanceof NodeSelection) {
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.NODE,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        node: selection.node.type.name
+      }
+    };
+  }
+}
+export function getAllSelectionAnalyticsPayload(selection) {
+  if (selection instanceof AllSelection) {
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.ALL,
+      eventType: EVENT_TYPE.TRACK
+    };
+  }
+}
+export function getCellSelectionAnalyticsPayload(state) {
+  if (state.selection instanceof CellSelection) {
+    var rect = selectedRect(state);
+    var selectedCells = rect.map.cellsInRect(rect).length;
+    var totalCells = rect.map.map.length;
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.CELL,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        selectedCells: selectedCells,
+        totalCells: totalCells
+      }
+    };
+  }
+}
+export function getRangeSelectionAnalyticsPayload(selection, doc) {
+  if (selection instanceof TextSelection && selection.from !== selection.to) {
+    var from = selection.from,
+      to = selection.to,
+      anchor = selection.anchor,
+      head = selection.head;
+    var nodes = [];
+    doc.nodesBetween(from, to, function (node, pos) {
+      // We want to send top-level nodes only, ie. the nodes that would have the selection styling
+      // We allow text nodes that are not fully covered as they are a special case
+      if (node.isText || pos >= from && pos + node.nodeSize <= to) {
+        nodes.push(node.type.name);
+        return false;
+      }
+    });
+    return {
+      action: ACTION.SELECTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.RANGE,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        from: anchor,
+        to: head,
+        nodes: nodes
+      }
+    };
+  }
+}

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "75.1.2";
+var packageVersion = "75.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -0,0 +1,6 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { ACTION, AnalyticsEventPayload } from '../analytics';
+export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
+export declare const copyHTMLToClipboard: (elementToCopy: HTMLElement, plainTextToCopy?: string) => Promise<void>;
+export declare const copyHTMLToClipboardPolyfill: (elementToCopy: HTMLElement, plainTextToCopy?: string) => void;
+export declare const getAnalyticsPayload: (state: EditorState, action: ACTION.CUT | ACTION.COPIED) => AnalyticsEventPayload | undefined;

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

@@ -1,6 +1,13 @@
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { AnalyticsEventPayload } from '../analytics';
 export { RelativeSelectionPos } from './types';
 export type { SelectionPluginState, EditorSelectionAPI } from './types';
 export { GapCursorSelection, Side, JSON_ID, GapBookmark, } from './gap-cursor/selection';
 export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
 export { setGapCursorSelection } from './gap-cursor/utils/setGapCursorSelection';
 export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent, } from './utils';
+export declare function getNodeSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
+export declare function getAllSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
+export declare function getCellSelectionAnalyticsPayload(state: EditorState): AnalyticsEventPayload | undefined;
+export declare function getRangeSelectionAnalyticsPayload(selection: Selection, doc: PmNode): AnalyticsEventPayload | undefined;

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

@@ -0,0 +1,6 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { ACTION, AnalyticsEventPayload } from '../analytics';
+export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
+export declare const copyHTMLToClipboard: (elementToCopy: HTMLElement, plainTextToCopy?: string) => Promise<void>;
+export declare const copyHTMLToClipboardPolyfill: (elementToCopy: HTMLElement, plainTextToCopy?: string) => void;
+export declare const getAnalyticsPayload: (state: EditorState, action: ACTION.CUT | ACTION.COPIED) => AnalyticsEventPayload | undefined;

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

@@ -1,6 +1,13 @@
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { AnalyticsEventPayload } from '../analytics';
 export { RelativeSelectionPos } from './types';
 export type { SelectionPluginState, EditorSelectionAPI } from './types';
 export { GapCursorSelection, Side, JSON_ID, GapBookmark, } from './gap-cursor/selection';
 export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
 export { setGapCursorSelection } from './gap-cursor/utils/setGapCursorSelection';
 export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent, } from './utils';
+export declare function getNodeSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
+export declare function getAllSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
+export declare function getCellSelectionAnalyticsPayload(state: EditorState): AnalyticsEventPayload | undefined;
+export declare function getRangeSelectionAnalyticsPayload(selection: Selection, doc: PmNode): AnalyticsEventPayload | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "75.1.2",
+  "version": "75.2.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -77,6 +77,7 @@
     "./link": "./src/link/index.ts",
     "./mark": "./src/mark/index.ts",
     "./commands": "./src/commands/index.ts",
+    "./clipboard": "./src/clipboard/index.ts",
     "./lists": "./src/lists/index.ts",
     "./element-browser": "./src/element-browser/index.ts"
   },
@@ -114,7 +115,7 @@
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.22.0",
+    "@atlaskit/tokens": "^1.23.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
@@ -124,6 +125,7 @@
     "@sentry/integrations": "^6.18.2",
     "chromatism": "^2.6.0",
     "classnames": "^2.2.5",
+    "clipboard-polyfill": "2.4.3",
     "date-fns": "^2.17.0",
     "focus-trap": "^2.4.5",
     "fuse.js": "^6.6.2",
@@ -149,7 +151,7 @@
   "devDependencies": {
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/smart-card": "^26.26.0",
+    "@atlaskit/smart-card": "^26.27.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",