@atlaskit/editor-common 87.13.0 → 87.13.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 87.13.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 87.13.1
+
+### Patch Changes
+
+- [#131172](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131172)
+  [`4b528c8da4120`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4b528c8da4120) -
+  No putting visibility hidden on width detector childen if in SSR but no breakout inline script
+- Updated dependencies
+
 ## 87.13.0
 
 ### Minor 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 && Object.prototype.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 = "87.13.0";
+var packageVersion = "87.13.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

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

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

@@ -16,6 +16,8 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _widthDetector = require("@atlaskit/width-detector");
+var _isSSR = require("./isSSR");
+var _isSsrButNoBreakoutScriptObserved = require("./isSsrButNoBreakoutScriptObserved");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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 && Object.prototype.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; }
 /**
@@ -65,7 +67,7 @@ var Provider = WidthContext.Provider,
  */
 var getBodyWidth = exports.getBodyWidth = (0, _memoizeOne.default)(function () {
   var _document$body$offset, _document$body;
-  return typeof document !== 'undefined' ? (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0 : 0;
+  return (0, _isSSR.isSSR)() ? 0 : (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0;
 });
 var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
   var className = _ref.className,
@@ -103,7 +105,7 @@ var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
     });
   }, []);
   var skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
-  (0, _react.useLayoutEffect)(function () {
+  _react.default.useLayoutEffect(function () {
     isMountedRef.current = true;
     if (shouldFixTableResizing && !isInitialWidthUpdated) {
       // useLayoutEffect is not run in SSR mode
@@ -127,7 +129,10 @@ var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
     // It is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Intended
     ,
-    style: shouldFixTableResizing && !isInitialWidthUpdated ? {
+    style:
+    // The hidden visibility is relying on the observer in breakout-ssr.tsx to clear.
+    // Do not hide if the observer is not observed. This happens in editor SSR.
+    shouldFixTableResizing && !(0, _isSsrButNoBreakoutScriptObserved.isSsrButNoBreakoutScriptObserved)() && !isInitialWidthUpdated ? {
       // Width is initialized with body width but in Confluence this is too wide as side nav takes some space.
       // Putting the div into hidden until we can get the correct width.
       // Only setting the visibility so children still takes space which will make scrollbar to correct appear.

package/dist/cjs/ui/WidthProvider/isSSR.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSSR = isSSR;
+function isSSR() {
+  var _process;
+  return Boolean(
+  // In most places there is no document when running on server-side
+  typeof document === 'undefined' || ( // When SSRing editor with full cycle mode we define the document
+  // Check Confluence specific environment variable
+  (_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR));
+}

package/dist/cjs/ui/WidthProvider/isSsrButNoBreakoutScriptObserved.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSsrButNoBreakoutScriptObserved = isSsrButNoBreakoutScriptObserved;
+var _isSSR = require("./isSSR");
+// export for testing
+function isSsrButNoBreakoutScriptObserved() {
+  return (0, _isSSR.isSSR)() && !window.__SSR_BREAKOUT_OBSERVED;
+}

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

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

@@ -12,7 +12,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "87.13.0";
+const packageVersion = "87.13.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { Fragment, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, { Fragment, useContext, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -10,6 +10,8 @@ import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { WidthObserver } from '@atlaskit/width-detector';
+import { isSSR } from './isSSR';
+import { isSsrButNoBreakoutScriptObserved } from './isSsrButNoBreakoutScriptObserved';
 const styles = css({
   position: 'relative',
   width: '100%'
@@ -50,7 +52,7 @@ const {
  */
 export const getBodyWidth = memoizeOne(() => {
   var _document$body$offset, _document$body;
-  return typeof document !== 'undefined' ? (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0 : 0;
+  return isSSR() ? 0 : (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0;
 });
 export const WidthProvider = ({
   className,
@@ -81,7 +83,7 @@ export const WidthProvider = ({
     });
   }, []);
   const skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
-  useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     isMountedRef.current = true;
     if (shouldFixTableResizing && !isInitialWidthUpdated) {
       // useLayoutEffect is not run in SSR mode
@@ -105,7 +107,10 @@ export const WidthProvider = ({
     // It is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Intended
     ,
-    style: shouldFixTableResizing && !isInitialWidthUpdated ? {
+    style:
+    // The hidden visibility is relying on the observer in breakout-ssr.tsx to clear.
+    // Do not hide if the observer is not observed. This happens in editor SSR.
+    shouldFixTableResizing && !isSsrButNoBreakoutScriptObserved() && !isInitialWidthUpdated ? {
       // Width is initialized with body width but in Confluence this is too wide as side nav takes some space.
       // Putting the div into hidden until we can get the correct width.
       // Only setting the visibility so children still takes space which will make scrollbar to correct appear.

package/dist/es2019/ui/WidthProvider/isSSR.js

@@ -0,0 +1,8 @@
+export function isSSR() {
+  var _process, _process$env;
+  return Boolean(
+  // In most places there is no document when running on server-side
+  typeof document === 'undefined' || ( // When SSRing editor with full cycle mode we define the document
+  // Check Confluence specific environment variable
+  (_process = process) === null || _process === void 0 ? void 0 : (_process$env = _process.env) === null || _process$env === void 0 ? void 0 : _process$env.REACT_SSR));
+}

package/dist/es2019/ui/WidthProvider/isSsrButNoBreakoutScriptObserved.js

@@ -0,0 +1,6 @@
+import { isSSR } from './isSSR';
+
+// export for testing
+export function isSsrButNoBreakoutScriptObserved() {
+  return isSSR() && !window.__SSR_BREAKOUT_OBSERVED;
+}

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

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

@@ -20,7 +20,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "87.13.0";
+var packageVersion = "87.13.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { Fragment, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, { Fragment, useContext, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -11,6 +11,8 @@ import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { WidthObserver } from '@atlaskit/width-detector';
+import { isSSR } from './isSSR';
+import { isSsrButNoBreakoutScriptObserved } from './isSsrButNoBreakoutScriptObserved';
 var styles = css({
   position: 'relative',
   width: '100%'
@@ -51,7 +53,7 @@ var Provider = WidthContext.Provider,
  */
 export var getBodyWidth = memoizeOne(function () {
   var _document$body$offset, _document$body;
-  return typeof document !== 'undefined' ? (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0 : 0;
+  return isSSR() ? 0 : (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0;
 });
 export var WidthProvider = function WidthProvider(_ref) {
   var className = _ref.className,
@@ -89,7 +91,7 @@ export var WidthProvider = function WidthProvider(_ref) {
     });
   }, []);
   var skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
-  useLayoutEffect(function () {
+  React.useLayoutEffect(function () {
     isMountedRef.current = true;
     if (shouldFixTableResizing && !isInitialWidthUpdated) {
       // useLayoutEffect is not run in SSR mode
@@ -113,7 +115,10 @@ export var WidthProvider = function WidthProvider(_ref) {
     // It is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Intended
     ,
-    style: shouldFixTableResizing && !isInitialWidthUpdated ? {
+    style:
+    // The hidden visibility is relying on the observer in breakout-ssr.tsx to clear.
+    // Do not hide if the observer is not observed. This happens in editor SSR.
+    shouldFixTableResizing && !isSsrButNoBreakoutScriptObserved() && !isInitialWidthUpdated ? {
       // Width is initialized with body width but in Confluence this is too wide as side nav takes some space.
       // Putting the div into hidden until we can get the correct width.
       // Only setting the visibility so children still takes space which will make scrollbar to correct appear.

package/dist/esm/ui/WidthProvider/isSSR.js

@@ -0,0 +1,8 @@
+export function isSSR() {
+  var _process;
+  return Boolean(
+  // In most places there is no document when running on server-side
+  typeof document === 'undefined' || ( // When SSRing editor with full cycle mode we define the document
+  // Check Confluence specific environment variable
+  (_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR));
+}

package/dist/esm/ui/WidthProvider/isSsrButNoBreakoutScriptObserved.js

@@ -0,0 +1,6 @@
+import { isSSR } from './isSSR';
+
+// export for testing
+export function isSsrButNoBreakoutScriptObserved() {
+  return isSSR() && !window.__SSR_BREAKOUT_OBSERVED;
+}

package/dist/types/ui/WidthProvider/index.d.ts

@@ -4,6 +4,11 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
+declare global {
+    interface Window {
+        __SSR_BREAKOUT_OBSERVED?: boolean;
+    }
+}
 export type Breakpoints = 'S' | 'M' | 'L';
 export type WidthConsumerContext = {
     width: number;

package/dist/types/ui/WidthProvider/isSSR.d.ts

@@ -0,0 +1 @@
+export declare function isSSR(): boolean;

package/dist/types/ui/WidthProvider/isSsrButNoBreakoutScriptObserved.d.ts

@@ -0,0 +1 @@
+export declare function isSsrButNoBreakoutScriptObserved(): boolean;

package/dist/types-ts4.5/ui/WidthProvider/index.d.ts

@@ -4,6 +4,11 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
+declare global {
+    interface Window {
+        __SSR_BREAKOUT_OBSERVED?: boolean;
+    }
+}
 export type Breakpoints = 'S' | 'M' | 'L';
 export type WidthConsumerContext = {
     width: number;

package/dist/types-ts4.5/ui/WidthProvider/isSSR.d.ts

@@ -0,0 +1 @@
+export declare function isSSR(): boolean;

package/dist/types-ts4.5/ui/WidthProvider/isSsrButNoBreakoutScriptObserved.d.ts

@@ -0,0 +1 @@
+export declare function isSsrButNoBreakoutScriptObserved(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "87.13.0",
+	"version": "87.13.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -105,7 +105,7 @@
 		"@atlaskit/analytics-namespaced-context": "^6.11.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/atlassian-context": "^0.0.0",
-		"@atlaskit/button": "^20.0.0",
+		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/code": "^15.5.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/custom-steps": "^0.7.0",
@@ -120,11 +120,11 @@
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/link-datasource": "^2.11.0",
 		"@atlaskit/link-picker": "^1.42.0",
-		"@atlaskit/media-card": "^78.0.0",
-		"@atlaskit/media-client": "^27.3.0",
+		"@atlaskit/media-card": "^78.1.0",
+		"@atlaskit/media-client": "^27.4.0",
 		"@atlaskit/media-client-react": "^2.1.0",
 		"@atlaskit/media-common": "^11.4.0",
-		"@atlaskit/media-file-preview": "^0.7.0",
+		"@atlaskit/media-file-preview": "^0.8.0",
 		"@atlaskit/media-picker": "^66.5.0",
 		"@atlaskit/media-ui": "^25.11.0",
 		"@atlaskit/media-viewer": "48.7.2",
@@ -140,7 +140,7 @@
 		"@atlaskit/task-decision": "^17.10.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.59.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.3.0",