@atlaskit/renderer 130.4.2 → 130.5.1

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

@@ -140,7 +140,10 @@ var headingAnchorStylesDuplicateAnchor = css({
     '> button': {
       opacity: 0,
       transform: 'translate(-8px, 0px)',
-      transition: 'opacity 0.2s ease 0s, transform 0.2s ease 0s'
+      transitionProperty: 'opacity, transform',
+      transitionDuration: "var(--ds-duration-medium, 0.2s)".concat(", ", "var(--ds-duration-medium, 0.2s)"),
+      transitionTimingFunction: "var(--ds-easing-out-practical, ease)".concat(", ", "var(--ds-easing-out-practical, ease)"),
+      transitionDelay: '0s, 0s'
     }
   }), '&:hover', _defineProperty({}, ".".concat(HeadingAnchorWrapperClassName, " > button"), {
     opacity: 1,
@@ -1498,6 +1501,43 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
     }))
   }
 }));
+var roundedTableOuterBorderOverlayStyles = css(_defineProperty({}, ".".concat(TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+  borderColor: 'transparent',
+  position: 'relative',
+  '&::after': {
+    content: "''",
+    position: 'absolute',
+    inset: 0,
+    border: "".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
+    borderRadius: "var(--ds-radius-medium, 6px)",
+    pointerEvents: 'none',
+    zIndex: 1
+  },
+  '> tbody > tr:first-of-type > th, > tbody > tr:first-of-type > td, > tbody > tr > th[data-reaches-top], > tbody > tr > td[data-reaches-top]': {
+    borderTopColor: 'transparent'
+  },
+  '> tbody > tr > th:first-child, > tbody > tr > td:first-child, > tbody > tr > th[data-reaches-left], > tbody > tr > td[data-reaches-left]': {
+    borderLeftColor: 'transparent'
+  },
+  '> tbody > tr > th[data-reaches-right], > tbody > tr > td[data-reaches-right]': {
+    borderRightColor: 'transparent'
+  },
+  '> tbody > tr > th[data-reaches-bottom], > tbody > tr > td[data-reaches-bottom]': {
+    borderBottomColor: 'transparent'
+  },
+  '> tbody > tr > th[data-reaches-top][data-reaches-left], > tbody > tr > td[data-reaches-top][data-reaches-left]': {
+    borderTopLeftRadius: "var(--ds-radius-medium, 6px)"
+  },
+  '> tbody > tr > th[data-reaches-top][data-reaches-right], > tbody > tr > td[data-reaches-top][data-reaches-right]': {
+    borderTopRightRadius: "var(--ds-radius-medium, 6px)"
+  },
+  '> tbody > tr > th[data-reaches-bottom][data-reaches-left], > tbody > tr > td[data-reaches-bottom][data-reaches-left]': {
+    borderBottomLeftRadius: "var(--ds-radius-medium, 6px)"
+  },
+  '> tbody > tr > th[data-reaches-bottom][data-reaches-right], > tbody > tr > td[data-reaches-bottom][data-reaches-right]': {
+    borderBottomRightRadius: "var(--ds-radius-medium, 6px)"
+  }
+}));
 var tableContentModeStyles = css(_defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER, ":has(table[data-initial-width-mode=\"content\"])"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   width: 'max-content !important',
@@ -2103,6 +2143,9 @@ var tableFakeBorderStyles = css(_defineProperty(_defineProperty({}, ".".concat(T
   borderLeftColor: 'transparent',
   borderRightColor: 'transparent'
 }));
+var roundedTableFakeBorderOverlayStyles = css(_defineProperty({}, ".".concat(TableSharedCssClassName.TABLE_CONTAINER), _defineProperty({}, ".".concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER), {
+  display: 'none'
+})));
 var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
   borderRadius: "var(--ds-radius-small, 3px)",
   marginTop: "var(--ds-space-075, 6px)",
@@ -2170,7 +2213,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
     // this should be placed after baseOtherStyles
     expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
     // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? expValEquals('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_9') && tableFakeBorderStyles, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? expValEquals('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_9') && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_9') ? expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId
   }, children);
 };

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "130.4.1";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -2,7 +2,13 @@ import React from 'react';
 import type { CellAttributes } from '@atlaskit/adf-schema';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import type { AnalyticsEventPayload } from '../../analytics/events';
-type CellProps = CellAttributes & {
+export type TableCellEdgeProps = {
+    reachesBottom?: boolean;
+    reachesLeft?: boolean;
+    reachesRight?: boolean;
+    reachesTop?: boolean;
+};
+type CellProps = CellAttributes & TableCellEdgeProps & {
     ariaSort?: string;
     children?: React.ReactNode;
     className?: string;

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

@@ -70,11 +70,13 @@ export declare class TableContainer extends React.Component<TableProps & Overflo
     private resizeObserver;
     private applyResizerChange;
     /**
+     * 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
@@ -87,18 +89,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
      */
@@ -109,16 +112,14 @@ type TableProcessorState = {
     tableOrderStatus?: TableOrderStatus;
 };
 /**
- *
- */
-/**
- *
+ * Processes table children before passing them to the styled table container.
  */
 export declare class TableProcessorWithContainerStyles extends React.Component<TableProps & OverflowShadowProps & WithSmartCardStorageProps, TableProcessorState> {
     state: {
         tableOrderStatus: undefined;
     };
     /**
+     * Renders processed table children inside the table container.
      *
      * @example
      */

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

@@ -2,7 +2,13 @@ import React from 'react';
 import type { CellAttributes } from '@atlaskit/adf-schema';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import type { AnalyticsEventPayload } from '../../analytics/events';
-type CellProps = CellAttributes & {
+export type TableCellEdgeProps = {
+    reachesBottom?: boolean;
+    reachesLeft?: boolean;
+    reachesRight?: boolean;
+    reachesTop?: boolean;
+};
+type CellProps = CellAttributes & TableCellEdgeProps & {
     ariaSort?: string;
     children?: React.ReactNode;
     className?: string;

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

@@ -70,11 +70,13 @@ export declare class TableContainer extends React.Component<TableProps & Overflo
     private resizeObserver;
     private applyResizerChange;
     /**
+     * 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
@@ -87,18 +89,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
      */
@@ -109,16 +112,14 @@ type TableProcessorState = {
     tableOrderStatus?: TableOrderStatus;
 };
 /**
- *
- */
-/**
- *
+ * Processes table children before passing them to the styled table container.
  */
 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": "130.4.2",
+	"version": "130.5.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,14 +44,14 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-smart-link-draggable": "^0.5.0",
-		"@atlaskit/emoji": "^70.6.0",
+		"@atlaskit/emoji": "^70.7.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^34.5.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-datasource": "^5.2.0",
 		"@atlaskit/link-extractors": "^2.5.0",
 		"@atlaskit/linking-common": "^9.11.0",
-		"@atlaskit/media-card": "^80.4.0",
+		"@atlaskit/media-card": "^80.5.0",
 		"@atlaskit/media-client": "^36.2.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/media-common": "^13.3.0",
@@ -62,11 +62,11 @@
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
 		"@atlaskit/react-ufo": "^5.20.0",
-		"@atlaskit/smart-card": "^44.9.0",
-		"@atlaskit/status": "^4.0.0",
-		"@atlaskit/task-decision": "^20.0.0",
+		"@atlaskit/smart-card": "^44.10.0",
+		"@atlaskit/status": "^4.1.0",
+		"@atlaskit/task-decision": "^20.1.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^80.0.0",
+		"@atlaskit/tmp-editor-statsig": "^80.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -97,10 +97,10 @@
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^41.0.0",
-		"@atlaskit/mention": "^25.0.0",
+		"@atlaskit/mention": "^25.1.0",
 		"@atlaskit/modal-dialog": "^15.0.0",
 		"@atlaskit/navigation-system": "^9.3.0",
-		"@atlaskit/profilecard": "^25.5.0",
+		"@atlaskit/profilecard": "^25.6.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
 		"@atlaskit/util-data-test": "^18.5.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",