@atlaskit/renderer 133.16.3 → 133.16.5

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 133.16.5
+
+### Patch Changes
+
+- [`2e067bdb34b2d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e067bdb34b2d) -
+  Fix a non-resized table inside an Excerpt macro shrinking to only its first columns when rendered
+  on a wide or full-width page. Inside a nested renderer (a macro body) a non-resized table's width
+  is a default layout cap (e.g. 760px/1800px, or a container-query length) taken from the outer
+  renderer's width context, which does not match the macro's own box. Promoting that value to inline
+  `!important` made the table ignore the available space and collapse. Under
+  `platform_nested_table_style_override_2` the renderer now re-asserts the parent stylesheet's
+  intent (`width: 100%`) for these non-resized tables. Explicitly resized tables (with a saved
+  width) are excluded and keep their author-chosen width, preserving the PGXT-10226 Include Page
+  fix; tables nested inside table cells (PGXT-10294) also remain untouched.
+
+## 133.16.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 133.16.3
 
 ### Patch Changes

package/dist/cjs/react/nodes/tableNew.js

@@ -420,10 +420,27 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
      * 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.
      */
   }, {
     key: "applyNestedRendererTableFix",
     value: function applyNestedRendererTableFix() {
+      var _this$props$tableNode;
       if (!this.containerRef || !(0, _platformFeatureFlags.fg)('platform_nested_table_style_override')) {
         return;
       }
@@ -435,6 +452,35 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         left = _this$lastComputedSty.left,
         marginLeft = _this$lastComputedSty.marginLeft;
       var style = this.containerRef.style;
+
+      // A table is "explicitly resized" when the author set a width on the node.
+      // Non-resized tables instead take a default layout cap (e.g. 760px/1800px)
+      // derived from the outer renderer's appearance.
+      var isExplicitlyResized = Boolean((_this$props$tableNode = this.props.tableNode) === null || _this$props$tableNode === void 0 ? void 0 : _this$props$tableNode.attrs.width);
+      if (!isExplicitlyResized && (0, _platformFeatureFlags.fg)('platform_nested_table_style_override_2')) {
+        // PGXT-10421: For a NON-resized table inside a nested renderer (e.g. an
+        // Excerpt macro body), the 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
+        // ignore the available space and collapse to its first columns.
+        //
+        // These tables have no author-chosen size to preserve, so re-assert the
+        // parent stylesheet's intent — fill the available box (`width: 100%`) —
+        // with inline `!important` priority so it survives React re-renders and
+        // wins over the stylesheet rule that leaks into nested renderers.
+        style.setProperty('width', '100%', 'important');
+        style.setProperty('max-width', '100%', 'important');
+        style.setProperty('left', '0', 'important');
+        style.setProperty('margin-left', '0', 'important');
+        return;
+      }
+
+      // PGXT-10226: An explicitly resized table inside a nested renderer (e.g.
+      // Include Page macro) must keep its author-chosen width and position. The
+      // parent stylesheet forces `width: 100% !important; left: 0 !important`,
+      // which would stretch and indent it, so we promote the component's own
+      // computed width/left with inline `!important` to win the cascade.
       style.setProperty('width', width || 'auto', 'important');
       style.setProperty('max-width', '100%', 'important');
       style.setProperty('left', left || 'auto', 'important');

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

@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "133.16.2";
+var packageVersion = "133.16.4";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/nodes/tableNew.js

@@ -370,8 +370,25 @@ export class TableContainer extends React.Component {
    * 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.
    */
   applyNestedRendererTableFix() {
+    var _this$props$tableNode;
     if (!this.containerRef || !fg('platform_nested_table_style_override')) {
       return;
     }
@@ -384,6 +401,35 @@ export class TableContainer extends React.Component {
       marginLeft
     } = this.lastComputedStyle;
     const style = this.containerRef.style;
+
+    // A table is "explicitly resized" when the author set a width on the node.
+    // Non-resized tables instead take a default layout cap (e.g. 760px/1800px)
+    // derived from the outer renderer's appearance.
+    const isExplicitlyResized = Boolean((_this$props$tableNode = this.props.tableNode) === null || _this$props$tableNode === void 0 ? void 0 : _this$props$tableNode.attrs.width);
+    if (!isExplicitlyResized && fg('platform_nested_table_style_override_2')) {
+      // PGXT-10421: For a NON-resized table inside a nested renderer (e.g. an
+      // Excerpt macro body), the 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
+      // ignore the available space and collapse to its first columns.
+      //
+      // These tables have no author-chosen size to preserve, so re-assert the
+      // parent stylesheet's intent — fill the available box (`width: 100%`) —
+      // with inline `!important` priority so it survives React re-renders and
+      // wins over the stylesheet rule that leaks into nested renderers.
+      style.setProperty('width', '100%', 'important');
+      style.setProperty('max-width', '100%', 'important');
+      style.setProperty('left', '0', 'important');
+      style.setProperty('margin-left', '0', 'important');
+      return;
+    }
+
+    // PGXT-10226: An explicitly resized table inside a nested renderer (e.g.
+    // Include Page macro) must keep its author-chosen width and position. The
+    // parent stylesheet forces `width: 100% !important; left: 0 !important`,
+    // which would stretch and indent it, so we promote the component's own
+    // computed width/left with inline `!important` to win the cascade.
     style.setProperty('width', width || 'auto', 'important');
     style.setProperty('max-width', '100%', 'important');
     style.setProperty('left', left || 'auto', 'important');

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

@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.1;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "133.16.2";
+const packageVersion = "133.16.4";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/nodes/tableNew.js

@@ -414,10 +414,27 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
      * 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.
      */
   }, {
     key: "applyNestedRendererTableFix",
     value: function applyNestedRendererTableFix() {
+      var _this$props$tableNode;
       if (!this.containerRef || !fg('platform_nested_table_style_override')) {
         return;
       }
@@ -429,6 +446,35 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         left = _this$lastComputedSty.left,
         marginLeft = _this$lastComputedSty.marginLeft;
       var style = this.containerRef.style;
+
+      // A table is "explicitly resized" when the author set a width on the node.
+      // Non-resized tables instead take a default layout cap (e.g. 760px/1800px)
+      // derived from the outer renderer's appearance.
+      var isExplicitlyResized = Boolean((_this$props$tableNode = this.props.tableNode) === null || _this$props$tableNode === void 0 ? void 0 : _this$props$tableNode.attrs.width);
+      if (!isExplicitlyResized && fg('platform_nested_table_style_override_2')) {
+        // PGXT-10421: For a NON-resized table inside a nested renderer (e.g. an
+        // Excerpt macro body), the 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
+        // ignore the available space and collapse to its first columns.
+        //
+        // These tables have no author-chosen size to preserve, so re-assert the
+        // parent stylesheet's intent — fill the available box (`width: 100%`) —
+        // with inline `!important` priority so it survives React re-renders and
+        // wins over the stylesheet rule that leaks into nested renderers.
+        style.setProperty('width', '100%', 'important');
+        style.setProperty('max-width', '100%', 'important');
+        style.setProperty('left', '0', 'important');
+        style.setProperty('margin-left', '0', 'important');
+        return;
+      }
+
+      // PGXT-10226: An explicitly resized table inside a nested renderer (e.g.
+      // Include Page macro) must keep its author-chosen width and position. The
+      // parent stylesheet forces `width: 100% !important; left: 0 !important`,
+      // which would stretch and indent it, so we promote the component's own
+      // computed width/left with inline `!important` to win the cascade.
       style.setProperty('width', width || 'auto', 'important');
       style.setProperty('max-width', '100%', 'important');
       style.setProperty('left', left || 'auto', 'important');

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

@@ -64,7 +64,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 = "133.16.2";
+var packageVersion = "133.16.4";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -128,7 +128,7 @@ interface NodeSimple {
     };
 }
 export declare const mergeTextNodes: (nodes: (Node | NodeSimple)[]) => (Node | TextWrapper | NodeSimple)[];
-export declare const isText: (type: string) => type is "text";
+export declare const isText: (type: string) => type is 'text';
 export declare const isTextWrapper: (node: Node | TextWrapper | NodeSimple) => node is TextWrapper;
 export declare function isTextNode(node: Node | Mark): node is Node;
 /**

package/dist/types/react/nodes/table/content-mode.d.ts

@@ -6,5 +6,5 @@ type ContentModeOptions = {
     rendererAppearance?: RendererAppearance;
     tableNode: PMNode | undefined;
 };
-export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, "allowTableResizing" | "rendererAppearance">) => boolean;
+export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, 'allowTableResizing' | 'rendererAppearance'>) => boolean;
 export {};

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

@@ -15,7 +15,7 @@ export type TableArrayMapped = {
 };
 export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
 export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
-export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps["smartCardStorage"], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
+export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
 export declare const hasRowspan: (row: PMNode) => boolean;
 export declare const getRefTop: (refElement: HTMLElement) => number;
 export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;

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

@@ -15,7 +15,7 @@ export type TableArrayMapped = {
 };
 export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
 export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
-export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps["smartCardStorage"], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
+export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
 export declare const hasRowspan: (row: PMNode) => boolean;
 export declare const getRefTop: (refElement: HTMLElement) => number;
 export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;
@@ -104,6 +104,22 @@ export declare class TableContainer extends React.Component<TableProps & Overflo
      * 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;
     /**

package/dist/types/react/utils/appearance.d.ts

@@ -1,6 +1,6 @@
 import type { RendererAppearance } from '../../ui/Renderer/types';
-export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is "full-width";
-export declare const isMaxWidthAppearance: (appearance: RendererAppearance) => appearance is "max";
-export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page";
-export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is "comment";
-export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-width" | "full-page" | "max";
+export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is 'full-width';
+export declare const isMaxWidthAppearance: (appearance: RendererAppearance) => appearance is 'max';
+export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is 'full-page';
+export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is 'comment';
+export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is 'full-width' | 'full-page' | 'max';

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

@@ -1 +1 @@
-export declare const calcBreakoutWidthCss: (layout: "full-width" | "wide" | "default") => "100%" | "min(var(--ak-editor--breakout-container-without-gutter-width), var(--ak-editor--full-width-layout-width))" | "min(var(--ak-editor--breakout-container-without-gutter-width), var(--ak-editor--breakout-wide-layout-width))";
+export declare const calcBreakoutWidthCss: (layout: 'full-width' | 'wide' | 'default') => '100%' | 'min(var(--ak-editor--breakout-container-without-gutter-width), var(--ak-editor--full-width-layout-width))' | 'min(var(--ak-editor--breakout-container-without-gutter-width), var(--ak-editor--breakout-wide-layout-width))';

package/dist/types/react/utils/getCardClickHandler.d.ts

@@ -1,3 +1,3 @@
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { CardProps } from '@atlaskit/smart-card';
-export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => CardProps["onClick"] | undefined;
+export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => CardProps['onClick'] | undefined;

package/dist/types/ui/annotations/draft/dom.d.ts

@@ -1,7 +1,7 @@
 import type { Position } from '../types';
 export declare const dataAttributes: ({ from, to, }: Position) => {
-    "data-annotation-draft-mark": boolean;
-    "data-draft-end-at": number;
-    "data-draft-start-at": number;
+    'data-annotation-draft-mark': boolean;
+    'data-draft-end-at': number;
+    'data-draft-start-at': number;
 };
 export declare const updateWindowSelectionAroundDraft: (pos: Position) => boolean;

package/dist/types/ui/annotations/element/mark.d.ts

@@ -18,107 +18,107 @@ type MarkComponentProps = {
     useBlockLevel?: boolean;
 };
 export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, isHovered, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
-    "aria-disabled": boolean;
+    'aria-disabled': boolean;
     css?: (false | SerializedStyles)[] | undefined;
-    "data-id": AnnotationId;
-    "data-mark-annotation-state"?: AnnotationMarkStates;
-    "data-mark-annotation-type": AnnotationTypes;
-    "data-mark-type": string;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': AnnotationTypes;
+    'data-mark-type': string;
     id: string;
     ref: ((node: HTMLElement | null) => void) | undefined;
     style?: {
-        "--ak-renderer-annotation-endmarker": string;
-        "--ak-renderer-annotation-startmarker": string;
+        '--ak-renderer-annotation-endmarker': string;
+        '--ak-renderer-annotation-startmarker': string;
     } | undefined;
 } | {
-    "aria-disabled": boolean;
+    'aria-disabled': boolean;
     css?: (false | SerializedStyles)[] | undefined;
-    "data-has-focus": boolean;
-    "data-id": AnnotationId;
-    "data-is-hovered": boolean;
-    "data-mark-annotation-state": AnnotationMarkStates;
-    "data-mark-annotation-type": AnnotationTypes;
-    "data-mark-type": string;
+    'data-has-focus': boolean;
+    'data-id': AnnotationId;
+    'data-is-hovered': boolean;
+    'data-mark-annotation-state': AnnotationMarkStates;
+    'data-mark-annotation-type': AnnotationTypes;
+    'data-mark-type': string;
     id: string;
     ref: ((node: HTMLElement | null) => void) | undefined;
     style?: {
-        "--ak-renderer-annotation-endmarker": string;
-        "--ak-renderer-annotation-startmarker": string;
+        '--ak-renderer-annotation-endmarker': string;
+        '--ak-renderer-annotation-startmarker': string;
     } | undefined;
 } | {
-    "aria-details": string;
-    "aria-disabled"?: undefined;
-    "aria-expanded"?: undefined;
+    'aria-details': string;
+    'aria-disabled'?: undefined;
+    'aria-expanded'?: undefined;
     css?: (false | SerializedStyles)[] | undefined;
-    "data-id": AnnotationId;
-    "data-mark-annotation-state"?: AnnotationMarkStates;
-    "data-mark-annotation-type": AnnotationTypes;
-    "data-mark-type": string;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': AnnotationTypes;
+    'data-mark-type': string;
     id: string;
     onKeyDown?: undefined;
     ref: ((node: HTMLElement | null) => void) | undefined;
     role?: undefined;
     style?: {
-        "--ak-renderer-annotation-endmarker": string;
-        "--ak-renderer-annotation-startmarker": string;
+        '--ak-renderer-annotation-endmarker': string;
+        '--ak-renderer-annotation-startmarker': string;
     } | undefined;
     tabIndex?: undefined;
 } | {
-    "aria-details": string;
-    "aria-disabled"?: undefined;
-    "aria-expanded"?: undefined;
+    'aria-details': string;
+    'aria-disabled'?: undefined;
+    'aria-expanded'?: undefined;
     css?: (false | SerializedStyles)[] | undefined;
-    "data-has-focus": boolean;
-    "data-id": AnnotationId;
-    "data-is-hovered": boolean;
-    "data-mark-annotation-state": AnnotationMarkStates;
-    "data-mark-annotation-type": AnnotationTypes;
-    "data-mark-type": string;
+    'data-has-focus': boolean;
+    'data-id': AnnotationId;
+    'data-is-hovered': boolean;
+    'data-mark-annotation-state': AnnotationMarkStates;
+    'data-mark-annotation-type': AnnotationTypes;
+    'data-mark-type': string;
     id: string;
     onKeyDown?: undefined;
     ref: ((node: HTMLElement | null) => void) | undefined;
     role?: undefined;
     style?: {
-        "--ak-renderer-annotation-endmarker": string;
-        "--ak-renderer-annotation-startmarker": string;
+        '--ak-renderer-annotation-endmarker': string;
+        '--ak-renderer-annotation-startmarker': string;
     } | undefined;
     tabIndex?: undefined;
 } | {
-    "aria-details": string;
-    "aria-disabled"?: undefined;
-    "aria-expanded": boolean;
+    'aria-details': string;
+    'aria-disabled'?: undefined;
+    'aria-expanded': boolean;
     css?: (false | SerializedStyles)[] | undefined;
-    "data-id": AnnotationId;
-    "data-mark-annotation-state"?: AnnotationMarkStates;
-    "data-mark-annotation-type": AnnotationTypes;
-    "data-mark-type": string;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': AnnotationTypes;
+    'data-mark-type': string;
     id: string;
     onKeyDown: (evt: KeyboardEvent) => void;
     ref: ((node: HTMLElement | null) => void) | undefined;
     role: string;
     style?: {
-        "--ak-renderer-annotation-endmarker": string;
-        "--ak-renderer-annotation-startmarker": string;
+        '--ak-renderer-annotation-endmarker': string;
+        '--ak-renderer-annotation-startmarker': string;
     } | undefined;
     tabIndex: number;
 } | {
-    "aria-details": string;
-    "aria-disabled"?: undefined;
-    "aria-expanded": boolean;
+    'aria-details': string;
+    'aria-disabled'?: undefined;
+    'aria-expanded': boolean;
     css?: (false | SerializedStyles)[] | undefined;
-    "data-has-focus": boolean;
-    "data-id": AnnotationId;
-    "data-is-hovered": boolean;
-    "data-mark-annotation-state": AnnotationMarkStates;
-    "data-mark-annotation-type": AnnotationTypes;
-    "data-mark-type": string;
+    'data-has-focus': boolean;
+    'data-id': AnnotationId;
+    'data-is-hovered': boolean;
+    'data-mark-annotation-state': AnnotationMarkStates;
+    'data-mark-annotation-type': AnnotationTypes;
+    'data-mark-type': string;
     id: string;
     onKeyDown: (evt: KeyboardEvent) => void;
     ref: ((node: HTMLElement | null) => void) | undefined;
     role: string;
     style?: {
-        "--ak-renderer-annotation-endmarker": string;
-        "--ak-renderer-annotation-startmarker": string;
+        '--ak-renderer-annotation-endmarker': string;
+        '--ak-renderer-annotation-startmarker': string;
     } | undefined;
     tabIndex: number;
 }>;

package/dist/types/ui/annotations/hooks/use-events.d.ts

@@ -18,5 +18,5 @@ export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventPr
     isHovered: boolean;
 };
 type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
-export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, "updateSubscriber" | "createAnalyticsEvent" | "isNestedRender">) => AnnotationsWithClickTarget;
+export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent' | 'isNestedRender'>) => AnnotationsWithClickTarget;
 export {};

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

@@ -3,5 +3,5 @@ import type { AnnotationsWrapperProps } from './types';
 export declare const AnnotationsPositionContext: React.Context<{
     startPos: number;
 }>;
-export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, "annotationProvider">) => React.JSX.Element;
+export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, 'annotationProvider'>) => React.JSX.Element;
 export declare const AnnotationsWrapper: (props: AnnotationsWrapperProps) => React.JSX.Element;

package/dist/types/use-feature-flags.d.ts

@@ -1,2 +1,2 @@
 import type { RendererContextProps } from './renderer-context';
-export declare const useFeatureFlags: () => RendererContextProps["featureFlags"] | undefined;
+export declare const useFeatureFlags: () => RendererContextProps['featureFlags'] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "133.16.3",
+	"version": "133.16.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-smart-link-draggable": "^1.1.0",
-		"@atlaskit/emoji": "^71.13.0",
+		"@atlaskit/emoji": "^71.14.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/icon": "^37.2.0",
 		"@atlaskit/link": "^4.3.0",
@@ -68,9 +68,9 @@
 		"@atlaskit/status": "^5.7.0",
 		"@atlaskit/task-decision": "^21.7.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^134.0.0",
+		"@atlaskit/tmp-editor-statsig": "^135.1.0",
 		"@atlaskit/tokens": "^16.3.0",
-		"@atlaskit/tooltip": "^23.1.0",
+		"@atlaskit/tooltip": "^23.2.0",
 		"@atlaskit/visually-hidden": "^4.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.0",
@@ -83,7 +83,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.40.0",
+		"@atlaskit/editor-common": "^116.42.0",
 		"@atlaskit/link-provider": "^5.2.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -102,7 +102,7 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^42.2.0",
 		"@atlaskit/mention": "^27.10.0",
-		"@atlaskit/modal-dialog": "^16.1.0",
+		"@atlaskit/modal-dialog": "^16.2.0",
 		"@atlaskit/navigation-system": "^10.9.0",
 		"@atlaskit/profilecard": "^26.14.0",
 		"@atlaskit/side-nav-items": "^2.3.0",
@@ -265,6 +265,9 @@
 		"platform_nested_table_style_override": {
 			"type": "boolean"
 		},
+		"platform_nested_table_style_override_2": {
+			"type": "boolean"
+		},
 		"platform_editor_table_nested_renderer_fix": {
 			"type": "boolean"
 		},