@atlaskit/renderer 124.7.0 → 124.8.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 124.8.0
+
+### Minor Changes
+
+- [`18aec70029328`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/18aec70029328) -
+  EDITOR-2420 Rename parameter values of `dense` contentMode to `compact`
+
+### Patch Changes
+
+- Updated dependencies
+
+## 124.7.1
+
+### Patch Changes
+
+- [`5771b6f88f16a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5771b6f88f16a) -
+  Clean up platform_editor_fix_image_size_diff_during_ssr
+- Updated dependencies
+
 ## 124.7.0
 
 ### Minor Changes

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -12,9 +12,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _ui = require("@atlaskit/editor-common/ui");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _style = require("../../../ui/Renderer/style");
 var _AnnotationRangeContext = require("../../../ui/annotations/contexts/AnnotationRangeContext");
 var _AnnotationHoverContext = require("../../../ui/annotations/contexts/AnnotationHoverContext");
@@ -148,7 +148,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
         height: "100%"
       };
     } else {
-      var _maxWidth = (0, _coreUtils.isSSR)() && widthAttr && typeof widthAttr === 'number' && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+      var _maxWidth = (0, _coreUtils.isSSR)() && widthAttr && typeof widthAttr === 'number' ? Math.max(widthAttr, containerWidth) : containerWidth;
       var maxHeight = height / width * _maxWidth;
       cardDimensions = {
         width: "".concat(_maxWidth, "px"),

package/dist/cjs/ui/Expand.js

@@ -227,7 +227,7 @@ function Expand(_ref2) {
     return setFocused(false);
   }, []);
   var isCompactModeSupported = (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp');
-  var isDense = rendererContentMode === 'dense' && isCompactModeSupported;
+  var isCompact = rendererContentMode === ((0, _expValEquals.expValEquals)('confluence_content_mode_replace_dense_with_compact', 'cohort', 'test') ? 'compact' : 'dense') && isCompactModeSupported;
   return (0, _react.jsx)(Container, {
     "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
@@ -287,7 +287,7 @@ function Expand(_ref2) {
     spacing: "spacious",
     size: "small"
   }))), (0, _react.jsx)("span", {
-    css: [titleStyles, isDense && titleStylesDense],
+    css: [titleStyles, isCompact && titleStylesDense],
     id: id
   }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react.jsx)(ContentContainer, {
     expanded: expanded

package/dist/cjs/ui/Renderer/breakout-ssr.js

@@ -49,7 +49,6 @@ function BreakoutSSRInlineScript(_ref) {
 }
 function createBreakoutInlineScript(id, shouldSkipScript) {
   var flags = {
-    platform_editor_fix_image_size_diff_during_ssr: (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr'),
     platform_editor_fix_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer')
   };
   return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
@@ -111,7 +110,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
           if (!mode || !WIDE_LAYOUT_MODES.includes(mode) ||
           // skip apply width styling to mediaSingle node with pixel width to avoid image size changing
           // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-          isMediaSingleWithPixelWidth && flags['platform_editor_fix_image_size_diff_during_ssr'] && flags['platform_editor_fix_media_in_renderer']) {
+          isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer']) {
             return;
           }
 

package/dist/cjs/ui/Renderer/get-base-font-size.js

@@ -8,7 +8,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var getBaseFontSize = exports.getBaseFontSize = function getBaseFontSize(appearance, contentMode) {
   if ((0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test')) {
-    if (contentMode === 'dense') {
+    if (contentMode === ((0, _expValEquals.expValEquals)('confluence_content_mode_replace_dense_with_compact', 'cohort', 'test') ? 'compact' : 'dense')) {
       return _editorSharedStyles.akEditorFullPageDenseFontSize;
     }
   }

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

@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.6.0";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/nodes/mediaSingle/index.js

@@ -9,9 +9,9 @@ import { default as React, Fragment, useCallback, useContext, useMemo, useEffect
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from '../../../ui/Renderer/style';
 import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';
 import { useAnnotationHoverDispatch } from '../../../ui/annotations/contexts/AnnotationHoverContext';
@@ -135,7 +135,7 @@ const MediaSingleWithChildren = props => {
         height: `100%`
       };
     } else {
-      const maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+      const maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' ? Math.max(widthAttr, containerWidth) : containerWidth;
       const maxHeight = height / width * maxWidth;
       cardDimensions = {
         width: `${maxWidth}px`,

package/dist/es2019/ui/Expand.js

@@ -207,7 +207,7 @@ function Expand({
   const handleFocus = useCallback(() => setFocused(true), []);
   const handleBlur = useCallback(() => setFocused(false), []);
   const isCompactModeSupported = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
-  const isDense = rendererContentMode === 'dense' && isCompactModeSupported;
+  const isCompact = rendererContentMode === (expValEquals('confluence_content_mode_replace_dense_with_compact', 'cohort', 'test') ? 'compact' : 'dense') && isCompactModeSupported;
   return jsx(Container, {
     "data-testid": `expand-container-${nodeType}-${id}`,
     "data-node-type": nodeType,
@@ -267,7 +267,7 @@ function Expand({
     spacing: "spacious",
     size: "small"
   }))), jsx("span", {
-    css: [titleStyles, isDense && titleStylesDense],
+    css: [titleStyles, isCompact && titleStylesDense],
     id: id
   }, title || intl.formatMessage(expandMessages.expandDefaultTitle))), jsx(ContentContainer, {
     expanded: expanded

package/dist/es2019/ui/Renderer/breakout-ssr.js

@@ -41,7 +41,6 @@ export function BreakoutSSRInlineScript({
 }
 export function createBreakoutInlineScript(id, shouldSkipScript) {
   const flags = {
-    platform_editor_fix_image_size_diff_during_ssr: fg('platform_editor_fix_image_size_diff_during_ssr'),
     platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer')
   };
   return `(function(window){
@@ -116,7 +115,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
           if (!mode || !WIDE_LAYOUT_MODES.includes(mode) ||
           // skip apply width styling to mediaSingle node with pixel width to avoid image size changing
           // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-          isMediaSingleWithPixelWidth && flags['platform_editor_fix_image_size_diff_during_ssr'] && flags['platform_editor_fix_media_in_renderer']) {
+          isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer']) {
             return;
           }
 

package/dist/es2019/ui/Renderer/get-base-font-size.js

@@ -2,7 +2,7 @@ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const getBaseFontSize = (appearance, contentMode) => {
   if (expValEquals('cc_editor_ai_content_mode', 'variant', 'test')) {
-    if (contentMode === 'dense') {
+    if (contentMode === (expValEquals('confluence_content_mode_replace_dense_with_compact', 'cohort', 'test') ? 'compact' : 'dense')) {
       return akEditorFullPageDenseFontSize;
     }
   }

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

@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_WIDTH_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "124.6.0";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/nodes/mediaSingle/index.js

@@ -10,9 +10,9 @@ import { default as React, Fragment, useCallback, useContext, useMemo, useEffect
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from '../../../ui/Renderer/style';
 import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';
 import { useAnnotationHoverDispatch } from '../../../ui/annotations/contexts/AnnotationHoverContext';
@@ -138,7 +138,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
         height: "100%"
       };
     } else {
-      var _maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+      var _maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' ? Math.max(widthAttr, containerWidth) : containerWidth;
       var maxHeight = height / width * _maxWidth;
       cardDimensions = {
         width: "".concat(_maxWidth, "px"),

package/dist/esm/ui/Expand.js

@@ -218,7 +218,7 @@ function Expand(_ref2) {
     return setFocused(false);
   }, []);
   var isCompactModeSupported = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
-  var isDense = rendererContentMode === 'dense' && isCompactModeSupported;
+  var isCompact = rendererContentMode === (expValEquals('confluence_content_mode_replace_dense_with_compact', 'cohort', 'test') ? 'compact' : 'dense') && isCompactModeSupported;
   return jsx(Container, {
     "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
@@ -278,7 +278,7 @@ function Expand(_ref2) {
     spacing: "spacious",
     size: "small"
   }))), jsx("span", {
-    css: [titleStyles, isDense && titleStylesDense],
+    css: [titleStyles, isCompact && titleStylesDense],
     id: id
   }, title || intl.formatMessage(expandMessages.expandDefaultTitle))), jsx(ContentContainer, {
     expanded: expanded

package/dist/esm/ui/Renderer/breakout-ssr.js

@@ -40,7 +40,6 @@ export function BreakoutSSRInlineScript(_ref) {
 }
 export function createBreakoutInlineScript(id, shouldSkipScript) {
   var flags = {
-    platform_editor_fix_image_size_diff_during_ssr: fg('platform_editor_fix_image_size_diff_during_ssr'),
     platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer')
   };
   return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
@@ -102,7 +101,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
           if (!mode || !WIDE_LAYOUT_MODES.includes(mode) ||
           // skip apply width styling to mediaSingle node with pixel width to avoid image size changing
           // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-          isMediaSingleWithPixelWidth && flags['platform_editor_fix_image_size_diff_during_ssr'] && flags['platform_editor_fix_media_in_renderer']) {
+          isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer']) {
             return;
           }
 

package/dist/esm/ui/Renderer/get-base-font-size.js

@@ -2,7 +2,7 @@ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var getBaseFontSize = function getBaseFontSize(appearance, contentMode) {
   if (expValEquals('cc_editor_ai_content_mode', 'variant', 'test')) {
-    if (contentMode === 'dense') {
+    if (contentMode === (expValEquals('confluence_content_mode_replace_dense_with_compact', 'cohort', 'test') ? 'compact' : 'dense')) {
       return akEditorFullPageDenseFontSize;
     }
   }

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

@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.6.0";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/ui/Renderer/types.d.ts

@@ -1,5 +1,5 @@
 export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | undefined;
-export type RendererContentMode = 'standard' | 'dense' | undefined;
+export type RendererContentMode = 'standard' | 'dense' | 'compact' | undefined;
 /**
  * DO NOT USE THESE OPTIONS
  * These StickyHeaderConfig_DO_NOT_USE options are being TEMPORARILY added so Confluence can use Sticky Table Headers

package/dist/types-ts4.5/ui/Renderer/types.d.ts

@@ -1,5 +1,5 @@
 export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | undefined;
-export type RendererContentMode = 'standard' | 'dense' | undefined;
+export type RendererContentMode = 'standard' | 'dense' | 'compact' | undefined;
 /**
  * DO NOT USE THESE OPTIONS
  * These StickyHeaderConfig_DO_NOT_USE options are being TEMPORARILY added so Confluence can use Sticky Table Headers

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.7.0",
+	"version": "124.8.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.7.0",
+		"@atlaskit/editor-shared-styles": "^3.8.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.6.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
@@ -53,13 +53,13 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.12.0",
-		"@atlaskit/smart-card": "^43.1.0",
+		"@atlaskit/smart-card": "^43.2.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.13.0",
+		"@atlaskit/tmp-editor-statsig": "^13.14.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tooltip": "^20.6.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.14.0",
+		"@atlaskit/editor-common": "^110.15.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -94,7 +94,7 @@
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
 		"@atlaskit/profilecard": "^24.20.0",
 		"@atlaskit/util-data-test": "^18.3.0",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",
@@ -206,9 +206,6 @@
 		"platform_editor_bordered_panel_nested_in_table": {
 			"type": "boolean"
 		},
-		"platform_editor_fix_image_size_diff_during_ssr": {
-			"type": "boolean"
-		},
 		"smartcard_avatar_margin_fix": {
 			"type": "boolean"
 		},