@atlaskit/editor-common 69.0.1 → 69.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 69.1.0
+
+### Minor Changes
+
+- [`2affe8adcfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2affe8adcfa) - ED-14510: Generic feature flag to disable spellcheck via browser and version
+- [`5020781d90a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5020781d90a) - [ux] ED-15099 added floatng toolbar copy button to Expand
+- [`995991c4b11`](https://bitbucket.org/atlassian/atlassian-frontend/commits/995991c4b11) - [ux] ED-15108 added floating toolbar copy button to Layout
+
+### Patch Changes
+
+- [`832e383140e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/832e383140e) - Import ProfileCardTrigger from specialized entrypoint for better tree-shaking
+- [`04db970c32b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04db970c32b) - ED-14899 add attribute to render measurements and rework analytics events to prevent measurements done in background to resulting in misleading render durations.
+- Updated dependencies
+
 ## 69.0.1
 
 ### Patch Changes

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _mention = require("@atlaskit/mention");
 
-var _profilecard = require("@atlaskit/profilecard");
+var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
 
 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); }
 
@@ -31,7 +33,7 @@ function MentionWithProfileCard(_ref) {
   var actions = (0, _react.useMemo)(function () {
     return profilecardProvider.getActions(id, text, accessLevel);
   }, [accessLevel, id, profilecardProvider, text]);
-  return /*#__PURE__*/_react.default.createElement(_profilecard.ProfileCardTrigger, {
+  return /*#__PURE__*/_react.default.createElement(_user.default, {
     cloudId: cloudId,
     userId: id,
     resourceClient: resourceClient,

package/dist/cjs/utils/browser.js

@@ -9,12 +9,14 @@ var result = {
   ie: false,
   ie_version: 0,
   gecko: false,
+  gecko_version: 0,
   chrome: false,
   chrome_version: 0,
   android: false,
   ios: false,
   webkit: false,
   safari: false,
+  safari_version: 0,
   supportsIntersectionObserver: false,
   supportsResizeObserver: false
 };
@@ -27,12 +29,14 @@ if (typeof navigator !== 'undefined') {
   var ie = result.ie = !!(ieUpTo10 || ie11up || ieEdge);
   result.ie_version = ieUpTo10 ? document.documentMode || 6 : ie11up ? +ie11up[1] : ieEdge ? +ieEdge[1] : null;
   result.gecko = !ie && /gecko\/\d/i.test(navigator.userAgent);
+  result.gecko_version = parseInt((navigator.userAgent.match(/Firefox\/(\d+)/) || [])[1], 10);
   result.chrome = !ie && /Chrome\//.test(navigator.userAgent);
   result.chrome_version = parseInt((navigator.userAgent.match(/Chrome\/(\d+)/) || [])[1], 10);
   result.android = /Android \d/.test(navigator.userAgent);
   result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
   result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
   result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
+  result.safari_version = parseInt((navigator.userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10);
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }

package/dist/cjs/utils/performance/measure-render.js

@@ -20,7 +20,23 @@ var _isPerformanceApiAvailable = require("./is-performance-api-available");
  * | javascript (framework)           | style | layout | paint | composite | javascript  | ...
  *  | startMark + scheduling rAF |                                                       | rAF callback, endMark
  */
-function measureRender(measureName, onMeasureComplete) {
+function measureRender(
+/**
+ * Unique name for the measurement
+ *
+ * Important: if multiple measureRender events are fired at the same time
+ * with the same measure name -- the result will not be correct.
+ */
+measureName,
+/**
+ * Call back fired when the measurement completes.
+ *
+ * Note: when this function is called when the Document.visibilityState is not
+ * visible -- the duration is likely to be misleading/inaccurate. This is due
+ * to the measurements use of the `requestAnimationFrame` api which only fires
+ * when the Document.visibilityState is visible.
+ */
+onMeasureComplete) {
   if (!(0, _isPerformanceApiAvailable.isPerformanceAPIAvailable)()) {
     return;
   }
@@ -28,10 +44,29 @@ function measureRender(measureName, onMeasureComplete) {
   var startMark = "[START]: ".concat(measureName);
   var endMark = "[END]: ".concat(measureName);
   var startTime = performance.now();
-  performance.mark(startMark);
+  performance.mark(startMark); // If an editor is rendered when the document is not visible -- the callback passed to
+  // requestAnimationFrame will not fire until the document becomes visible again.
+  //
+  // For the purposes of using performance measurement -- this behaviour means the events
+  // which have been fired in the background are not useful -- and lead to other events
+  // being hard to draw conclusions from.
+  //
+  // To mitigate this -- we detect this state -- and fire a seperate callback when the
+  // measurement has occured when the render was in the backgroun
+
+  var distortedDuration = document.visibilityState !== 'visible';
+
+  function handleVisibilityChange() {
+    if (document.visibilityState !== 'visible') {
+      distortedDuration = true;
+    }
+  }
+
+  document.addEventListener('visibilitychange', handleVisibilityChange);
   requestAnimationFrame(function () {
     requestAnimationFrame(function () {
       performance.mark(endMark);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
       var duration = performance.now() - startTime;
 
       try {
@@ -39,12 +74,24 @@ function measureRender(measureName, onMeasureComplete) {
         var entry = performance.getEntriesByName(measureName).pop();
 
         if (!entry) {
-          onMeasureComplete(duration, startTime);
+          onMeasureComplete({
+            duration: duration,
+            startTime: startTime,
+            distortedDuration: distortedDuration
+          });
         } else {
-          onMeasureComplete(entry.duration, entry.startTime);
+          onMeasureComplete({
+            duration: entry.duration,
+            startTime: entry.startTime,
+            distortedDuration: distortedDuration
+          });
         }
       } catch (e) {
-        onMeasureComplete(duration, startTime);
+        onMeasureComplete({
+          duration: duration,
+          startTime: startTime,
+          distortedDuration: distortedDuration
+        });
       }
 
       performance.clearMeasures(measureName);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.0.1",
+	"version": "69.1.0",
 	"sideEffects": false
 }

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { ResourcedMention } from '@atlaskit/mention';
-import { ProfileCardTrigger } from '@atlaskit/profilecard';
+import ProfileCardTrigger from '@atlaskit/profilecard/user';
 export default function MentionWithProfileCard({
   id,
   text,

package/dist/es2019/utils/browser.js

@@ -3,12 +3,14 @@ const result = {
   ie: false,
   ie_version: 0,
   gecko: false,
+  gecko_version: 0,
   chrome: false,
   chrome_version: 0,
   android: false,
   ios: false,
   webkit: false,
   safari: false,
+  safari_version: 0,
   supportsIntersectionObserver: false,
   supportsResizeObserver: false
 };
@@ -21,12 +23,14 @@ if (typeof navigator !== 'undefined') {
   let ie = result.ie = !!(ieUpTo10 || ie11up || ieEdge);
   result.ie_version = ieUpTo10 ? document.documentMode || 6 : ie11up ? +ie11up[1] : ieEdge ? +ieEdge[1] : null;
   result.gecko = !ie && /gecko\/\d/i.test(navigator.userAgent);
+  result.gecko_version = parseInt((navigator.userAgent.match(/Firefox\/(\d+)/) || [])[1], 10);
   result.chrome = !ie && /Chrome\//.test(navigator.userAgent);
   result.chrome_version = parseInt((navigator.userAgent.match(/Chrome\/(\d+)/) || [])[1], 10);
   result.android = /Android \d/.test(navigator.userAgent);
   result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
   result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
   result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
+  result.safari_version = parseInt((navigator.userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10);
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }

package/dist/es2019/utils/performance/measure-render.js

@@ -13,7 +13,23 @@ import { isPerformanceAPIAvailable } from './is-performance-api-available';
  *  | startMark + scheduling rAF |                                                       | rAF callback, endMark
  */
 
-export function measureRender(measureName, onMeasureComplete) {
+export function measureRender(
+/**
+ * Unique name for the measurement
+ *
+ * Important: if multiple measureRender events are fired at the same time
+ * with the same measure name -- the result will not be correct.
+ */
+measureName,
+/**
+ * Call back fired when the measurement completes.
+ *
+ * Note: when this function is called when the Document.visibilityState is not
+ * visible -- the duration is likely to be misleading/inaccurate. This is due
+ * to the measurements use of the `requestAnimationFrame` api which only fires
+ * when the Document.visibilityState is visible.
+ */
+onMeasureComplete) {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
@@ -21,10 +37,29 @@ export function measureRender(measureName, onMeasureComplete) {
   const startMark = `[START]: ${measureName}`;
   const endMark = `[END]: ${measureName}`;
   const startTime = performance.now();
-  performance.mark(startMark);
+  performance.mark(startMark); // If an editor is rendered when the document is not visible -- the callback passed to
+  // requestAnimationFrame will not fire until the document becomes visible again.
+  //
+  // For the purposes of using performance measurement -- this behaviour means the events
+  // which have been fired in the background are not useful -- and lead to other events
+  // being hard to draw conclusions from.
+  //
+  // To mitigate this -- we detect this state -- and fire a seperate callback when the
+  // measurement has occured when the render was in the backgroun
+
+  let distortedDuration = document.visibilityState !== 'visible';
+
+  function handleVisibilityChange() {
+    if (document.visibilityState !== 'visible') {
+      distortedDuration = true;
+    }
+  }
+
+  document.addEventListener('visibilitychange', handleVisibilityChange);
   requestAnimationFrame(() => {
     requestAnimationFrame(() => {
       performance.mark(endMark);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
       const duration = performance.now() - startTime;
 
       try {
@@ -32,12 +67,24 @@ export function measureRender(measureName, onMeasureComplete) {
         const entry = performance.getEntriesByName(measureName).pop();
 
         if (!entry) {
-          onMeasureComplete(duration, startTime);
+          onMeasureComplete({
+            duration,
+            startTime,
+            distortedDuration
+          });
         } else {
-          onMeasureComplete(entry.duration, entry.startTime);
+          onMeasureComplete({
+            duration: entry.duration,
+            startTime: entry.startTime,
+            distortedDuration
+          });
         }
       } catch (e) {
-        onMeasureComplete(duration, startTime);
+        onMeasureComplete({
+          duration,
+          startTime,
+          distortedDuration
+        });
       }
 
       performance.clearMeasures(measureName);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.0.1",
+	"version": "69.1.0",
 	"sideEffects": false
 }

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { ResourcedMention } from '@atlaskit/mention';
-import { ProfileCardTrigger } from '@atlaskit/profilecard';
+import ProfileCardTrigger from '@atlaskit/profilecard/user';
 export default function MentionWithProfileCard(_ref) {
   var id = _ref.id,
       text = _ref.text,

package/dist/esm/utils/browser.js

@@ -3,12 +3,14 @@ var result = {
   ie: false,
   ie_version: 0,
   gecko: false,
+  gecko_version: 0,
   chrome: false,
   chrome_version: 0,
   android: false,
   ios: false,
   webkit: false,
   safari: false,
+  safari_version: 0,
   supportsIntersectionObserver: false,
   supportsResizeObserver: false
 };
@@ -21,12 +23,14 @@ if (typeof navigator !== 'undefined') {
   var ie = result.ie = !!(ieUpTo10 || ie11up || ieEdge);
   result.ie_version = ieUpTo10 ? document.documentMode || 6 : ie11up ? +ie11up[1] : ieEdge ? +ieEdge[1] : null;
   result.gecko = !ie && /gecko\/\d/i.test(navigator.userAgent);
+  result.gecko_version = parseInt((navigator.userAgent.match(/Firefox\/(\d+)/) || [])[1], 10);
   result.chrome = !ie && /Chrome\//.test(navigator.userAgent);
   result.chrome_version = parseInt((navigator.userAgent.match(/Chrome\/(\d+)/) || [])[1], 10);
   result.android = /Android \d/.test(navigator.userAgent);
   result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
   result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
   result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
+  result.safari_version = parseInt((navigator.userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10);
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }

package/dist/esm/utils/performance/measure-render.js

@@ -13,7 +13,23 @@ import { isPerformanceAPIAvailable } from './is-performance-api-available';
  *  | startMark + scheduling rAF |                                                       | rAF callback, endMark
  */
 
-export function measureRender(measureName, onMeasureComplete) {
+export function measureRender(
+/**
+ * Unique name for the measurement
+ *
+ * Important: if multiple measureRender events are fired at the same time
+ * with the same measure name -- the result will not be correct.
+ */
+measureName,
+/**
+ * Call back fired when the measurement completes.
+ *
+ * Note: when this function is called when the Document.visibilityState is not
+ * visible -- the duration is likely to be misleading/inaccurate. This is due
+ * to the measurements use of the `requestAnimationFrame` api which only fires
+ * when the Document.visibilityState is visible.
+ */
+onMeasureComplete) {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
@@ -21,10 +37,29 @@ export function measureRender(measureName, onMeasureComplete) {
   var startMark = "[START]: ".concat(measureName);
   var endMark = "[END]: ".concat(measureName);
   var startTime = performance.now();
-  performance.mark(startMark);
+  performance.mark(startMark); // If an editor is rendered when the document is not visible -- the callback passed to
+  // requestAnimationFrame will not fire until the document becomes visible again.
+  //
+  // For the purposes of using performance measurement -- this behaviour means the events
+  // which have been fired in the background are not useful -- and lead to other events
+  // being hard to draw conclusions from.
+  //
+  // To mitigate this -- we detect this state -- and fire a seperate callback when the
+  // measurement has occured when the render was in the backgroun
+
+  var distortedDuration = document.visibilityState !== 'visible';
+
+  function handleVisibilityChange() {
+    if (document.visibilityState !== 'visible') {
+      distortedDuration = true;
+    }
+  }
+
+  document.addEventListener('visibilitychange', handleVisibilityChange);
   requestAnimationFrame(function () {
     requestAnimationFrame(function () {
       performance.mark(endMark);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
       var duration = performance.now() - startTime;
 
       try {
@@ -32,12 +67,24 @@ export function measureRender(measureName, onMeasureComplete) {
         var entry = performance.getEntriesByName(measureName).pop();
 
         if (!entry) {
-          onMeasureComplete(duration, startTime);
+          onMeasureComplete({
+            duration: duration,
+            startTime: startTime,
+            distortedDuration: distortedDuration
+          });
         } else {
-          onMeasureComplete(entry.duration, entry.startTime);
+          onMeasureComplete({
+            duration: entry.duration,
+            startTime: entry.startTime,
+            distortedDuration: distortedDuration
+          });
         }
       } catch (e) {
-        onMeasureComplete(duration, startTime);
+        onMeasureComplete({
+          duration: duration,
+          startTime: startTime,
+          distortedDuration: distortedDuration
+        });
       }
 
       performance.clearMeasures(measureName);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.0.1",
+	"version": "69.1.0",
 	"sideEffects": false
 }

package/dist/types/utils/browser.d.ts

@@ -1,15 +1,4 @@
 declare const result: {
-    mac: boolean;
-    ie: boolean;
-    ie_version: number;
-    gecko: boolean;
-    chrome: boolean;
-    chrome_version: number;
-    android: boolean;
-    ios: boolean;
-    webkit: boolean;
-    safari: boolean;
-    supportsIntersectionObserver: boolean;
-    supportsResizeObserver: boolean;
+    [key: string]: any;
 };
 export default result;

package/dist/types/utils/performance/measure-render.d.ts

@@ -11,4 +11,31 @@
  * | javascript (framework)           | style | layout | paint | composite | javascript  | ...
  *  | startMark + scheduling rAF |                                                       | rAF callback, endMark
  */
-export declare function measureRender(measureName: string, onMeasureComplete: (duration: number, startTime: number) => void): void;
+export declare function measureRender(
+/**
+ * Unique name for the measurement
+ *
+ * Important: if multiple measureRender events are fired at the same time
+ * with the same measure name -- the result will not be correct.
+ */
+measureName: string, 
+/**
+ * Call back fired when the measurement completes.
+ *
+ * Note: when this function is called when the Document.visibilityState is not
+ * visible -- the duration is likely to be misleading/inaccurate. This is due
+ * to the measurements use of the `requestAnimationFrame` api which only fires
+ * when the Document.visibilityState is visible.
+ */
+onMeasureComplete: ({ duration, startTime, distortedDuration, }: {
+    duration: number;
+    startTime: number;
+    /**
+     * Will be true when the measurement takes place in a background tab or some
+     * other case which results in the Document.visibilityState not being visible.
+     *
+     * When true -- the duration value is not useful to provide to consumers. See
+     * onMeasureComplete description for more details.
+     */
+    distortedDuration: boolean;
+}) => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "69.0.1",
+  "version": "69.1.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^23.2.0",
+    "@atlaskit/adf-schema": "^23.3.0",
     "@atlaskit/adf-utils": "^17.1.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
@@ -52,16 +52,16 @@
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
-    "@atlaskit/emoji": "^65.0.0",
+    "@atlaskit/emoji": "^65.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^74.0.0",
+    "@atlaskit/media-card": "^74.1.0",
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-picker": "^63.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/profilecard": "^16.10.0",
+    "@atlaskit/profilecard": "^16.11.0",
     "@atlaskit/smart-card": "^21.0.0",
-    "@atlaskit/smart-user-picker": "^5.1.0",
+    "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.4.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",