@atlaskit/renderer 109.40.11 → 109.41.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 109.41.0
+
+### Minor Changes
+
+- [#118748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118748)
+  [`10bb9e2def098`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10bb9e2def098) -
+  [ux] Reduce media single max width padding for all editors except full page
+
+### Patch Changes
+
+- [#118372](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118372)
+  [`9f3d530e68972`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f3d530e68972) -
+  Cleanup of table ff, when table is resized and num column is enabled, the table is not in
+  overflow.
+- Updated dependencies
+
 ## 109.40.11
 
 ### Patch Changes

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

@@ -76,7 +76,8 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
     isInsideOfInlineExtension = _props$isInsideOfInli === void 0 ? false : _props$isInsideOfInli,
     dataAttributes = props.dataAttributes,
     media = props.media,
-    caption = props.caption;
+    caption = props.caption,
+    editorAppearance = props.editorAppearance;
   var _React$useState = _react.default.useState({
       width: 0,
       height: 0
@@ -216,7 +217,8 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       },
       fullWidthMode: isFullWidth,
       isInsideOfInlineExtension: isInsideOfInlineExtension,
-      dataAttributes: dataAttributes
+      dataAttributes: dataAttributes,
+      editorAppearance: editorAppearance
     }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return renderMediaSingle();

package/dist/cjs/react/nodes/table/colgroup.js

@@ -85,8 +85,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   // tables in the wild may be smaller than table container width (col resizing bugs, created before custom widths etc.)
   // this causes issues with num column scaling as we add a new table column in renderer
   var isTableSmallerThanContainer = sumOfColumns < tableContainerWidth - 1;
-  var forceScaleForNumColumn = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.scale-table-when-number-column-in-table-resized_y4qh2') && isTableScalingEnabled && isNumberColumnEnabled && tableResized;
-
+  var forceScaleForNumColumn = isTableScalingEnabled && isNumberColumnEnabled && tableResized;
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
     var scalePercentage = +((tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth) / tableContainerWidth);
@@ -131,7 +130,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   var scaleDownPercent = 0;
   var isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled;
   var isTableWidthFixed = isTableScalingWithFixedColumnWidthsOptionEnabled && ((_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.attrs.displayMode) === 'fixed';
-  var maxScalingPercent = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-increased-scaling-percent') && isTableScalingWithFixedColumnWidthsOptionEnabled ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
+  var maxScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.fg)('platform.editor.table.use-increased-scaling-percent') ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
 
   // fixes migration tables with zero-width columns
   if (zeroWidthColumnsCount > 0) {

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

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.40.11";
+var packageVersion = "109.41.0";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);

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

@@ -62,7 +62,8 @@ const MediaSingleWithChildren = props => {
     isInsideOfInlineExtension = false,
     dataAttributes,
     media,
-    caption
+    caption,
+    editorAppearance
   } = props;
   const [externalImageDimensions, setExternalImageDimensions] = React.useState({
     width: 0,
@@ -202,7 +203,8 @@ const MediaSingleWithChildren = props => {
       },
       fullWidthMode: isFullWidth,
       isInsideOfInlineExtension: isInsideOfInlineExtension,
-      dataAttributes: dataAttributes
+      dataAttributes: dataAttributes,
+      editorAppearance: editorAppearance
     }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return renderMediaSingle();

package/dist/es2019/react/nodes/table/colgroup.js

@@ -3,7 +3,7 @@ import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common
 import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { isTableResizingEnabled } from '../table';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useFeatureFlags } from '../../../use-feature-flags';
 // we allow scaling down column widths by no more than 30%
 // this intends to reduce unwanted scrolling in the Renderer in these scenarios:
@@ -72,8 +72,7 @@ const renderScaleDownColgroup = props => {
   // tables in the wild may be smaller than table container width (col resizing bugs, created before custom widths etc.)
   // this causes issues with num column scaling as we add a new table column in renderer
   const isTableSmallerThanContainer = sumOfColumns < tableContainerWidth - 1;
-  const forceScaleForNumColumn = getBooleanFF('platform.editor.scale-table-when-number-column-in-table-resized_y4qh2') && isTableScalingEnabled && isNumberColumnEnabled && tableResized;
-
+  const forceScaleForNumColumn = isTableScalingEnabled && isNumberColumnEnabled && tableResized;
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
     const scalePercentage = +((tableContainerWidth - akEditorTableNumberColumnWidth) / tableContainerWidth);
@@ -118,7 +117,7 @@ const renderScaleDownColgroup = props => {
   let scaleDownPercent = 0;
   const isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled;
   const isTableWidthFixed = isTableScalingWithFixedColumnWidthsOptionEnabled && ((_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.attrs.displayMode) === 'fixed';
-  const maxScalingPercent = getBooleanFF('platform.editor.table.use-increased-scaling-percent') && isTableScalingWithFixedColumnWidthsOptionEnabled ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
+  const maxScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
 
   // fixes migration tables with zero-width columns
   if (zeroWidthColumnsCount > 0) {

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

@@ -38,7 +38,7 @@ import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.40.11";
+const packageVersion = "109.41.0";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {

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

@@ -65,7 +65,8 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
     isInsideOfInlineExtension = _props$isInsideOfInli === void 0 ? false : _props$isInsideOfInli,
     dataAttributes = props.dataAttributes,
     media = props.media,
-    caption = props.caption;
+    caption = props.caption,
+    editorAppearance = props.editorAppearance;
   var _React$useState = React.useState({
       width: 0,
       height: 0
@@ -205,7 +206,8 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       },
       fullWidthMode: isFullWidth,
       isInsideOfInlineExtension: isInsideOfInlineExtension,
-      dataAttributes: dataAttributes
+      dataAttributes: dataAttributes,
+      editorAppearance: editorAppearance
     }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return renderMediaSingle();

package/dist/esm/react/nodes/table/colgroup.js

@@ -6,7 +6,7 @@ import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common
 import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { isTableResizingEnabled } from '../table';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useFeatureFlags } from '../../../use-feature-flags';
 // we allow scaling down column widths by no more than 30%
 // this intends to reduce unwanted scrolling in the Renderer in these scenarios:
@@ -78,8 +78,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   // tables in the wild may be smaller than table container width (col resizing bugs, created before custom widths etc.)
   // this causes issues with num column scaling as we add a new table column in renderer
   var isTableSmallerThanContainer = sumOfColumns < tableContainerWidth - 1;
-  var forceScaleForNumColumn = getBooleanFF('platform.editor.scale-table-when-number-column-in-table-resized_y4qh2') && isTableScalingEnabled && isNumberColumnEnabled && tableResized;
-
+  var forceScaleForNumColumn = isTableScalingEnabled && isNumberColumnEnabled && tableResized;
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
     var scalePercentage = +((tableContainerWidth - akEditorTableNumberColumnWidth) / tableContainerWidth);
@@ -124,7 +123,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   var scaleDownPercent = 0;
   var isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled;
   var isTableWidthFixed = isTableScalingWithFixedColumnWidthsOptionEnabled && ((_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.attrs.displayMode) === 'fixed';
-  var maxScalingPercent = getBooleanFF('platform.editor.table.use-increased-scaling-percent') && isTableScalingWithFixedColumnWidthsOptionEnabled ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
+  var maxScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
 
   // fixes migration tables with zero-width columns
   if (zeroWidthColumnsCount > 0) {

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

@@ -48,7 +48,7 @@ import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.40.11";
+var packageVersion = "109.41.0";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);

package/dist/types/react/nodes/mediaSingle/index.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import type { EventHandlers, MediaSingleWidthType } from '@atlaskit/editor-common/ui';
 import type { AnalyticsEventPayload } from '../../../analytics/events';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
@@ -18,6 +19,7 @@ export interface Props {
     allowCaptions?: boolean;
     isInsideOfInlineExtension?: boolean;
     dataAttributes?: Record<string, any>;
+    editorAppearance?: EditorAppearance;
 }
 export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {

package/dist/types-ts4.5/react/nodes/mediaSingle/index.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import type { EventHandlers, MediaSingleWidthType } from '@atlaskit/editor-common/ui';
 import type { AnalyticsEventPayload } from '../../../analytics/events';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
@@ -18,6 +19,7 @@ export interface Props {
     allowCaptions?: boolean;
     isInsideOfInlineExtension?: boolean;
     dataAttributes?: Record<string, any>;
+    editorAppearance?: EditorAppearance;
 }
 export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "109.40.11",
+	"version": "109.41.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,11 +31,11 @@
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/button": "^18.3.0",
 		"@atlaskit/code": "^15.4.0",
-		"@atlaskit/editor-common": "^84.3.0",
+		"@atlaskit/editor-common": "^84.4.0",
 		"@atlaskit/editor-json-transformer": "^8.15.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
-		"@atlaskit/editor-shared-styles": "^2.12.0",
+		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/emoji": "^67.6.0",
 		"@atlaskit/feature-gate-js-client": "^4.18.0",
 		"@atlaskit/icon": "^22.6.0",
@@ -134,9 +134,6 @@
 		"platform.editor.renderer-error-boundary-for-dom-errors": {
 			"type": "boolean"
 		},
-		"platform.editor.scale-table-when-number-column-in-table-resized_y4qh2": {
-			"type": "boolean"
-		},
 		"platform.editor.table.use-increased-scaling-percent": {
 			"type": "boolean"
 		},