@atlaskit/renderer 137.1.9 → 137.1.11

package/dist/esm/ui/Expand.js

@@ -442,6 +442,6 @@ function Expand(_ref) {
   }, children)))));
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = injectIntl(Expand);
 export default _default_1;

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

@@ -23,7 +23,7 @@ import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPad
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
 import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
 import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
 import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';

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

@@ -27,7 +27,7 @@ export function BreakoutSSRInlineScript(_ref) {
   }
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
   var shouldSkipScript = {
-    table: fg('platform-ssr-table-resize')
+    table: true
   };
   return /*#__PURE__*/React.createElement("script", {
     "data-breakout-script-id": id
@@ -86,7 +86,6 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
         return;
       }
 
-      // Remove with feature gate 'platform-ssr-table-resize'
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       if (item.target.classList.contains('ak-renderer-document')) {

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

@@ -12,7 +12,7 @@ import React, { Fragment, useCallback, useContext, useEffect, useLayoutEffect, u
 import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
 import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
 import { BaseTheme, IntlErrorBoundary, UnsupportedBlock, WidthProvider, WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
@@ -65,7 +65,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "137.1.8";
+var packageVersion = "137.1.10";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -775,7 +775,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
   //
 
   // allowRendererContainerStyles is not needed for comment container styling as container should always be set for comments
-  if (appearance === 'comment' && isTopLevelRenderer && fg('platform-ssr-table-resize')) {
+  if (appearance === 'comment' && isTopLevelRenderer) {
     return jsx("div", {
       css: setAsQueryContainerStyles
     }, renderer);
@@ -788,7 +788,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
   return (appearance === 'full-page' || appearance === 'full-width' || (expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max') &&
   // In case of having excerpt-include on page there are multiple renderers nested.
   // Make sure only the root renderer is set to be query container.
-  isTopLevelRenderer && allowRendererContainerStyles && fg('platform-ssr-table-resize') ? jsx("div", {
+  isTopLevelRenderer && allowRendererContainerStyles ? jsx("div", {
     css: setAsQueryContainerStyles
   }, renderer) : renderer;
 });

package/dist/esm/utils.js

@@ -4,7 +4,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 // Entry file in package.json
 
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { JSONTransformer } from '@atlaskit/editor-json-transformer';
+import { JSONTransformer } from '@atlaskit/editor-json-transformer/JSONTransformer-2';
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/types/react/nodes/table/sticky.d.ts

@@ -15,7 +15,6 @@ type StickyTableProps = {
     allowTableResizing?: boolean;
     children: React.ReactNode[];
     columnWidths?: number[];
-    fixTableSSRResizing?: boolean;
     innerRef: React.RefObject<HTMLDivElement>;
     isNumberColumnEnabled: boolean;
     layout: TableLayout;
@@ -29,7 +28,7 @@ type StickyTableProps = {
     top?: number;
     wrapperWidth: number;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, allowFixedColumnWidthOption, }: StickyTableProps) => jsx.JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, allowFixedColumnWidthOption, }: StickyTableProps) => jsx.JSX.Element;
 /**
  *
  */

package/dist/types/react/nodes/table.d.ts

@@ -26,7 +26,6 @@ export type TableProps = SharedTableProps & {
     allowTableAlignment?: boolean;
     allowTableResizing?: boolean;
     children: React.ReactElement<any> | Array<React.ReactElement<any>>;
-    disableTableOverflowShadow?: boolean;
     isPresentational?: boolean;
     rendererAppearance?: RendererAppearance;
     stickyHeaders?: StickyHeaderConfig;
@@ -42,8 +41,17 @@ export interface TableState {
     headerRowHeight: number;
     stickyMode: StickyMode;
     wrapperWidth: number;
-} /**
- *
+}
+/**
+ * Reads `nestedRendererType` from RendererContext and renders the fake left/right
+ * borders only when the current renderer is the nested renderer for a reference
+ * synced block.
+ */
+export declare const RefSyncBlockFakeBorders: ({ isNumberColumnEnabled, }: {
+    isNumberColumnEnabled: boolean;
+}) => React.JSX.Element | null;
+/**
+ * TableContainer renders tables using only CSS-based rules
  */
 export declare class TableContainer extends React.Component<TableProps & OverflowShadowProps & WithSmartCardStorageProps, TableState> {
     state: TableState;
@@ -55,14 +63,74 @@ export declare class TableContainer extends React.Component<TableProps & Overflo
     stickyScrollbar?: TableStickyScrollbar;
     nextFrame: number | undefined;
     overflowParent: OverflowParent | null;
+    private containerRef;
+    private _isInsideNestedRenderer;
+    private _isInsideTableCell;
+    private lastComputedStyle;
     private resizeObserver;
     private applyResizerChange;
     /**
+     * Checks if this table is inside a nested renderer (e.g. Include Page macro)
+     * by looking for multiple .ak-renderer-document ancestors in the DOM.
+     * The result is cached since a table's position in the DOM tree is stable after mount.
+     */
+    private isInsideNestedRenderer;
+    /**
+     * Checks if this table is inside a table cell in the DOM. The result is cached
+     * since a table's position in the DOM tree is stable after mount.
+     */
+    private isInsideTableCell;
+    private isInsideTableContext;
+    /**
+     * For tables inside nested renderers (e.g. Include Page macro), the parent
+     * renderer's CSS override forces width:100%!important and left:0!important
+     * which overrides the inline styles set by this component. Using
+     * style.setProperty with 'important' priority on inline styles beats
+     * stylesheet !important rules per the CSS cascade.
+     *
+     * Tables that are nested inside another table need to remain constrained by
+     * their table-cell context. Do not promote their width to inline !important,
+     * otherwise nested tables rendered through macros such as Excerpt Include can
+     * overflow and overlap adjacent cells.
+     *
+     * Top-level tables in nested renderers still preserve their saved width, but
+     * are capped to their containing block so wide tables do not escape constrained
+     * macro bodies such as Excerpt Include panels.
+     *
+     * Uses lastComputedStyle (populated during render) rather than reading from
+     * element.style, because React may remove properties from the DOM when their
+     * values transition to undefined between renders.
+     *
+     * `platform_nested_table_style_override_2` fixes a follow-up regression where a
+     * NON-resized table inside an Excerpt macro (not Excerpt Include) on a
+     * wide/full-width page shrinks to only show its first columns in the renderer.
+     * Inside a nested renderer (a macro body) a non-resized table's computed width
+     * is a default layout cap (760px/1800px, or a `cqw` length for full-page
+     * appearances) taken from the outer renderer's width context. That value does
+     * not match the macro's own box, so promoting it to inline `!important` makes
+     * the table collapse. Such tables have no author-chosen size to preserve, so
+     * under this gate we re-assert the parent stylesheet's intent (fill the box:
+     * `width: 100%; left: 0`) with inline `!important`.
+     *
+     * Explicitly resized tables (`tableNode.attrs.width` set) are excluded and keep
+     * the original PGXT-10226 behavior: their author-chosen width/left is promoted
+     * verbatim so the Include Page macro does not stretch or indent them. The
+     * table-cell short-circuit (PGXT-10294) above also still applies.
+     */
+    private applyNestedRendererTableFix;
+    /**
+     * Callback ref that captures the container DOM element and also forwards
+     * to the handleRef prop from the overflow shadow HOC.
+     */
+    private setContainerRef;
+    /**
+     * Starts observing table dimensions and wires sticky header/scrollbar behavior after mount.
      *
      * @example
      */
     componentDidMount(): void;
     /**
+     * Updates sticky header wiring and scroll synchronization after prop or state changes.
      *
      * @param prevProps
      * @param prevState
@@ -75,18 +143,19 @@ export declare class TableContainer extends React.Component<TableProps & Overflo
     onScroll: () => void;
     onWrapperScrolled: () => void;
     /**
-     *
+     * Calculates the top offset used when the sticky header is pinned to the table bottom.
      */
     get pinTop(): number | undefined;
     /**
-     *
+     * Determines whether sticky header positioning should include the default scroll root offset.
      */
     get shouldAddOverflowParentOffsetTop_DO_NOT_USE(): boolean | null | undefined;
     /**
-     *
+     * Resolves the top position for the sticky header based on the current sticky mode.
      */
     get stickyTop(): number | undefined;
     /**
+     * Renders the table container, sticky header, table content, sticky scrollbar, and synced block borders.
      *
      * @example
      */
@@ -97,13 +166,14 @@ type TableProcessorState = {
     tableOrderStatus?: TableOrderStatus;
 };
 /**
- *
+ * Processes table children before passing them to the styled table container.
  */
-export declare class TableProcessor extends React.Component<TableProps & OverflowShadowProps & WithSmartCardStorageProps, TableProcessorState> {
+export declare class TableProcessorWithContainerStyles extends React.Component<TableProps & OverflowShadowProps & WithSmartCardStorageProps, TableProcessorState> {
     state: {
         tableOrderStatus: undefined;
     };
     /**
+     * Renders processed table children inside the table container.
      *
      * @example
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "137.1.9",
+	"version": "137.1.11",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,8 +70,8 @@
 		"@atlaskit/status": "^5.8.0",
 		"@atlaskit/task-decision": "^21.8.0",
 		"@atlaskit/theme": "^28.1.0",
-		"@atlaskit/tmp-editor-statsig": "^166.0.0",
-		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tmp-editor-statsig": "^168.0.0",
+		"@atlaskit/tokens": "^16.9.0",
 		"@atlaskit/tooltip": "^24.2.0",
 		"@atlaskit/visually-hidden": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -85,7 +85,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.6.0",
+		"@atlaskit/editor-common": "^120.7.0",
 		"@atlaskit/link-provider": "^5.4.0",
 		"@atlaskit/media-core": "^38.1.0",
 		"react": "^18.2.0",
@@ -100,6 +100,7 @@
 		"@atlaskit/editor-plugin-media": "^18.0.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/inline-edit": "^16.3.0",
+		"@atlaskit/json-ld-types": "^2.0.0",
 		"@atlaskit/link-provider": "^5.4.0",
 		"@atlaskit/link-test-helpers": "^11.1.0",
 		"@atlaskit/media-core": "^38.1.0",
@@ -164,9 +165,6 @@
 		"cc_comments_log_draft_annotation_ancestor_nodes": {
 			"type": "boolean"
 		},
-		"platform-ssr-table-resize": {
-			"type": "boolean"
-		},
 		"platform_fix_nested_num_column_scaling": {
 			"type": "boolean"
 		},