@atlaskit/editor-common 96.3.3 → 96.3.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 96.3.4
+
+### Patch Changes
+
+- [#166865](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166865)
+  [`198153bb77b2f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/198153bb77b2f) -
+  Ensure gap cursor is displayed when element is unmounted
+- [#174793](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/174793)
+  [`43b642d08a4ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/43b642d08a4ec) -
+  ED-24453 delay decoration removal on edge when users are interacting with spelling suggestions
+- Updated dependencies
+
 ## 96.3.3
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "96.3.3";
+var packageVersion = "96.3.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/resizer/BreakoutResizer.js

@@ -160,6 +160,12 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
       maxWidth: undefined
     });
   }, [getPos, editorView, displayGapCursor, editorAnalyticsApi]);
+  (0, _react.useEffect)(function () {
+    // clean up gap cursor if node was unmounting when resizing (e.g. during collab)
+    return function () {
+      displayGapCursor(true);
+    };
+  }, [displayGapCursor]);
   if (disabled) {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "breakout-resizer-editor-view-wrapper",

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 = "96.3.3";
+var packageVersion = "96.3.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/breakout.js

@@ -49,6 +49,14 @@ var breakoutConsts = exports.breakoutConsts = {
         return '100%';
     }
   },
+  calcBreakoutWithCustomWidth: function calcBreakoutWithCustomWidth(mode, width, editorContainerWidth) {
+    if (width !== null && width > 0) {
+      var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
+      // if below 0 then expect we're rendering in SSR
+      return "".concat(Math.min(width, effectiveFullWidth), "px");
+    }
+    return breakoutConsts.calcBreakoutWidth(mode, editorContainerWidth);
+  },
   calcLineLength: function calcLineLength() {
     return breakoutConsts.defaultLayoutWidth;
   },
@@ -81,15 +89,7 @@ var absoluteBreakoutWidth = exports.absoluteBreakoutWidth = function absoluteBre
 };
 var calcWideWidth = exports.calcWideWidth = breakoutConsts.calcWideWidth;
 var calcBreakoutWidth = exports.calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
-
-// Calculate width for nodes using resizing and breakout mark, only applied in renderer
-var calcBreakoutWithCustomWidth = exports.calcBreakoutWithCustomWidth = function calcBreakoutWithCustomWidth(mode, width, editorContainerWidth) {
-  if (width !== null && width > 0) {
-    var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
-    return "".concat(Math.min(width, effectiveFullWidth), "px");
-  }
-  return calcBreakoutWidth(mode, editorContainerWidth);
-};
+var calcBreakoutWithCustomWidth = exports.calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth;
 function calculateBreakoutStyles(_ref) {
   var mode = _ref.mode,
     widthStateLineLength = _ref.widthStateLineLength,

package/dist/cjs/utils/browser.js

@@ -23,7 +23,7 @@ var result = exports.browser = {
 };
 if (typeof navigator !== 'undefined') {
   var _userAgentData;
-  var ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
+  var ieEdge = /(?:Edge|Edg)\/(\d+)/.exec(navigator.userAgent);
   var ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
   var ie11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
   result.mac = /Mac/.test(navigator.platform);

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

package/dist/es2019/resizer/BreakoutResizer.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
@@ -155,6 +155,12 @@ const BreakoutResizer = ({
       maxWidth: undefined
     });
   }, [getPos, editorView, displayGapCursor, editorAnalyticsApi]);
+  useEffect(() => {
+    // clean up gap cursor if node was unmounting when resizing (e.g. during collab)
+    return () => {
+      displayGapCursor(true);
+    };
+  }, [displayGapCursor]);
   if (disabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "breakout-resizer-editor-view-wrapper",

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "96.3.3";
+const packageVersion = "96.3.4";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/utils/breakout.js

@@ -39,6 +39,14 @@ const breakoutConsts = {
         return '100%';
     }
   },
+  calcBreakoutWithCustomWidth: (mode, width, editorContainerWidth) => {
+    if (width !== null && width > 0) {
+      const effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
+      // if below 0 then expect we're rendering in SSR
+      return `${Math.min(width, effectiveFullWidth)}px`;
+    }
+    return breakoutConsts.calcBreakoutWidth(mode, editorContainerWidth);
+  },
   calcLineLength: () => breakoutConsts.defaultLayoutWidth,
   calcWideWidth: (containerWidth = breakoutConsts.defaultLayoutWidth, maxWidth = Infinity, fallback = '100%', padding) => {
     const effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
@@ -66,15 +74,7 @@ export const absoluteBreakoutWidth = (layout, containerWidth) => {
 export { breakoutConsts };
 export const calcWideWidth = breakoutConsts.calcWideWidth;
 export const calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
-
-// Calculate width for nodes using resizing and breakout mark, only applied in renderer
-export const calcBreakoutWithCustomWidth = (mode, width, editorContainerWidth) => {
-  if (width !== null && width > 0) {
-    const effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
-    return `${Math.min(width, effectiveFullWidth)}px`;
-  }
-  return calcBreakoutWidth(mode, editorContainerWidth);
-};
+export const calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth;
 export function calculateBreakoutStyles({
   mode,
   widthStateLineLength,

package/dist/es2019/utils/browser.js

@@ -17,7 +17,7 @@ const result = {
 };
 if (typeof navigator !== 'undefined') {
   var _userAgentData;
-  const ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
+  const ieEdge = /(?:Edge|Edg)\/(\d+)/.exec(navigator.userAgent);
   const ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
   const ie11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
   result.mac = /Mac/.test(navigator.platform);

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 = "96.3.3";
+var packageVersion = "96.3.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/resizer/BreakoutResizer.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
@@ -150,6 +150,12 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
       maxWidth: undefined
     });
   }, [getPos, editorView, displayGapCursor, editorAnalyticsApi]);
+  useEffect(function () {
+    // clean up gap cursor if node was unmounting when resizing (e.g. during collab)
+    return function () {
+      displayGapCursor(true);
+    };
+  }, [displayGapCursor]);
   if (disabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "breakout-resizer-editor-view-wrapper",

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "96.3.3";
+var packageVersion = "96.3.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/utils/breakout.js

@@ -39,6 +39,14 @@ var breakoutConsts = {
         return '100%';
     }
   },
+  calcBreakoutWithCustomWidth: function calcBreakoutWithCustomWidth(mode, width, editorContainerWidth) {
+    if (width !== null && width > 0) {
+      var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
+      // if below 0 then expect we're rendering in SSR
+      return "".concat(Math.min(width, effectiveFullWidth), "px");
+    }
+    return breakoutConsts.calcBreakoutWidth(mode, editorContainerWidth);
+  },
   calcLineLength: function calcLineLength() {
     return breakoutConsts.defaultLayoutWidth;
   },
@@ -72,15 +80,7 @@ export var absoluteBreakoutWidth = function absoluteBreakoutWidth(layout, contai
 export { breakoutConsts };
 export var calcWideWidth = breakoutConsts.calcWideWidth;
 export var calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
-
-// Calculate width for nodes using resizing and breakout mark, only applied in renderer
-export var calcBreakoutWithCustomWidth = function calcBreakoutWithCustomWidth(mode, width, editorContainerWidth) {
-  if (width !== null && width > 0) {
-    var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
-    return "".concat(Math.min(width, effectiveFullWidth), "px");
-  }
-  return calcBreakoutWidth(mode, editorContainerWidth);
-};
+export var calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth;
 export function calculateBreakoutStyles(_ref) {
   var mode = _ref.mode,
     widthStateLineLength = _ref.widthStateLineLength,

package/dist/esm/utils/browser.js

@@ -17,7 +17,7 @@ var result = {
 };
 if (typeof navigator !== 'undefined') {
   var _userAgentData;
-  var ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
+  var ieEdge = /(?:Edge|Edg)\/(\d+)/.exec(navigator.userAgent);
   var ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
   var ie11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
   result.mac = /Mac/.test(navigator.platform);

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

@@ -11,7 +11,7 @@ export declare const absoluteBreakoutWidth: (layout: 'full-width' | 'wide' | str
 export { breakoutConsts };
 export declare const calcWideWidth: any;
 export declare const calcBreakoutWidth: any;
-export declare const calcBreakoutWithCustomWidth: (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => any;
+export declare const calcBreakoutWithCustomWidth: any;
 export declare function calculateBreakoutStyles({ mode, widthStateLineLength, widthStateWidth, }: {
     mode: BreakoutMarkAttrs['mode'];
     /**

package/dist/types-ts4.5/utils/breakout.d.ts

@@ -11,7 +11,7 @@ export declare const absoluteBreakoutWidth: (layout: 'full-width' | 'wide' | str
 export { breakoutConsts };
 export declare const calcWideWidth: any;
 export declare const calcBreakoutWidth: any;
-export declare const calcBreakoutWithCustomWidth: (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => any;
+export declare const calcBreakoutWithCustomWidth: any;
 export declare function calculateBreakoutStyles({ mode, widthStateLineLength, widthStateWidth, }: {
     mode: BreakoutMarkAttrs['mode'];
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "96.3.3",
+	"version": "96.3.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -153,7 +153,7 @@
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/textfield": "^6.7.0",
-		"@atlaskit/tmp-editor-statsig": "^2.23.0",
+		"@atlaskit/tmp-editor-statsig": "^2.24.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/width-detector": "^4.3.0",