@atlaskit/renderer 136.0.3 → 136.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,35 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 136.0.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`76e9f6152bf16`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/76e9f6152bf16) -
8
+ Enable launched synced block integrations and remove obsolete experiment scaffolding.
9
+
10
+ BREAKING: `@atlaskit/tmp-editor-statsig` no longer defines the `platform_synced_block` editor
11
+ experiment. Consumers that use `editorExperiment('platform_synced_block', ...)` to conditionally
12
+ enable synced-block integrations will no longer be able to look up that experiment; synced-block
13
+ integrations are now enabled by default. Remove each lookup and its conditional branch:
14
+
15
+ ```ts
16
+ // Before
17
+ if (editorExperiment('platform_synced_block', true)) {
18
+ enableSyncedBlocks();
19
+ }
20
+
21
+ // After
22
+ enableSyncedBlocks();
23
+ ```
24
+
25
+ - Updated dependencies
26
+
27
+ ## 136.0.4
28
+
29
+ ### Patch Changes
30
+
31
+ - Updated dependencies
32
+
3
33
  ## 136.0.3
4
34
 
5
35
  ### Patch Changes
@@ -517,7 +517,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
517
517
  return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
518
518
  });
519
519
  // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
520
- var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
520
+ var nestedUnder = (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']);
521
521
  var isAnnotationMark = function isAnnotationMark(mark) {
522
522
  return mark.type === annotation;
523
523
  };
@@ -155,9 +155,8 @@ var tableCanBeSticky = exports.tableCanBeSticky = function tableCanBeSticky(node
155
155
  * (the non-scrolling parent of the horizontally scrolling TABLE_NODE_WRAPPER).
156
156
  *
157
157
  * The visible styling for these divs lives in `tableFakeBorderStyles`
158
- * (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is itself
159
- * gated on `editorExperiment('platform_synced_block', true)` AND
160
- * `isInsideSyncBlock`.
158
+ * (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is applied
159
+ * when `isInsideSyncBlock` is true.
161
160
  *
162
161
  * Shared between `renderer/src/react/nodes/table.tsx` and
163
162
  * `renderer/src/react/nodes/tableNew.tsx` so the two stay in sync.
@@ -185,7 +184,7 @@ var RefSyncBlockFakeBorders = exports.RefSyncBlockFakeBorders = function RefSync
185
184
  var _useRendererContext = (0, _rendererContext.useRendererContext)(),
186
185
  nestedRendererType = _useRendererContext.nestedRendererType;
187
186
  var isInsideOfRefSyncBlock = nestedRendererType === 'syncedBlock';
188
- if (!isInsideOfRefSyncBlock || !(0, _experiments.editorExperiment)('platform_synced_block', true)) {
187
+ if (!isInsideOfRefSyncBlock) {
189
188
  return null;
190
189
  }
191
190
  return /*#__PURE__*/_react.default.createElement(TableFakeBorders, {
@@ -21,7 +21,6 @@ var _mediaCard = require("@atlaskit/media-card");
21
21
  var _mediaClientReact = require("@atlaskit/media-client-react");
22
22
  var _utils = require("@atlaskit/editor-common/utils");
23
23
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
24
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
25
24
  var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
26
25
  var _analytics = require("@atlaskit/editor-common/analytics");
27
26
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t4 in e) "default" !== _t4 && {}.hasOwnProperty.call(e, _t4) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t4)) && (i.get || i.set) ? o(f, _t4, i) : f[_t4] = e[_t4]); return f; })(e, t); }
@@ -121,9 +120,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
121
120
  attributes: _objectSpread(_objectSpread({
122
121
  reason: reason,
123
122
  external: false
124
- }, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
123
+ }, nestedUnder ? {
125
124
  nestedUnder: nestedUnder
126
- } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
125
+ } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType ? {
127
126
  nestedRendererType: rendererContext.nestedRendererType
128
127
  } : {})
129
128
  });
@@ -2293,7 +2293,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
2293
2293
  // this should be placed after baseOtherStyles
2294
2294
  (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
2295
2295
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
2296
- (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.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' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && (0, _experiments.editorExperiment)('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2296
+ (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.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' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2297
2297
  "data-testid": testId
2298
2298
  }, children);
2299
2299
  };
@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
73
73
  var TABLE_INFO_TIMEOUT = 10000;
74
74
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
75
75
  var packageName = "@atlaskit/renderer";
76
- var packageVersion = "136.0.2";
76
+ var packageVersion = "136.0.4";
77
77
  var setAsQueryContainerStyles = (0, _react2.css)({
78
78
  containerName: 'ak-renderer-wrapper',
79
79
  containerType: 'inline-size'
@@ -395,7 +395,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
395
395
  distortedDuration: distortedDuration,
396
396
  ttfb: ttfb,
397
397
  nodes: nodes,
398
- nestedRendererType: (0, _experiments.editorExperiment)('platform_synced_block', true) ? nestedRendererType : undefined,
398
+ nestedRendererType: nestedRendererType,
399
399
  severity: severity,
400
400
  sampleRate: (0, _platformFeatureFlags.fg)('platform_renderer_sample_high_volume_events') ? RENDER_EVENT_SAMPLE_RATE : 1
401
401
  },
@@ -474,7 +474,7 @@ export default class ReactSerializer {
474
474
  return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
475
475
  });
476
476
  // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
477
- const nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
477
+ const nestedUnder = getNestedUnderNodes(path, ['bodiedSyncBlock']);
478
478
  const isAnnotationMark = mark => mark.type === annotation;
479
479
  const isLinkMark = mark => mark.type === link;
480
480
  const isBorderMark = mark => isChildOfMediaSingle && mark.type === border;
@@ -123,9 +123,8 @@ export const tableCanBeSticky = (node, children
123
123
  * (the non-scrolling parent of the horizontally scrolling TABLE_NODE_WRAPPER).
124
124
  *
125
125
  * The visible styling for these divs lives in `tableFakeBorderStyles`
126
- * (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is itself
127
- * gated on `editorExperiment('platform_synced_block', true)` AND
128
- * `isInsideSyncBlock`.
126
+ * (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is applied
127
+ * when `isInsideSyncBlock` is true.
129
128
  *
130
129
  * Shared between `renderer/src/react/nodes/table.tsx` and
131
130
  * `renderer/src/react/nodes/tableNew.tsx` so the two stay in sync.
@@ -154,7 +153,7 @@ export const RefSyncBlockFakeBorders = ({
154
153
  nestedRendererType
155
154
  } = useRendererContext();
156
155
  const isInsideOfRefSyncBlock = nestedRendererType === 'syncedBlock';
157
- if (!isInsideOfRefSyncBlock || !editorExperiment('platform_synced_block', true)) {
156
+ if (!isInsideOfRefSyncBlock) {
158
157
  return null;
159
158
  }
160
159
  return /*#__PURE__*/React.createElement(TableFakeBorders, {
@@ -6,7 +6,6 @@ import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/m
6
6
  import { MediaClientContext } from '@atlaskit/media-client-react';
7
7
  import { withImageLoader } from '@atlaskit/editor-common/utils';
8
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
9
  import AnalyticsContext from '../analytics/analyticsContext';
11
10
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
12
11
  export const mediaIdentifierMap = new Map();
@@ -77,10 +76,10 @@ export class MediaCardView extends Component {
77
76
  attributes: {
78
77
  reason,
79
78
  external: false,
80
- ...(nestedUnder && editorExperiment('platform_synced_block', true) ? {
79
+ ...(nestedUnder ? {
81
80
  nestedUnder
82
81
  } : {}),
83
- ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
82
+ ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType ? {
84
83
  nestedRendererType: rendererContext.nestedRendererType
85
84
  } : {})
86
85
  }
@@ -2919,7 +2919,7 @@ export const RendererStyleContainer = props => {
2919
2919
  // this should be placed after baseOtherStyles
2920
2920
  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,
2921
2921
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
2922
- fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && !isExperimentEnabled('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, 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) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2922
+ fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && !isExperimentEnabled('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, 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) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2923
2923
  "data-testid": testId
2924
2924
  }, children);
2925
2925
  };
@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
59
59
  const TABLE_INFO_TIMEOUT = 10000;
60
60
  const RENDER_EVENT_SAMPLE_RATE = 0.1;
61
61
  const packageName = "@atlaskit/renderer";
62
- const packageVersion = "136.0.2";
62
+ const packageVersion = "136.0.4";
63
63
  const setAsQueryContainerStyles = css({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size'
@@ -385,7 +385,7 @@ export const RendererFunctionalComponent = props => {
385
385
  distortedDuration,
386
386
  ttfb,
387
387
  nodes,
388
- nestedRendererType: editorExperiment('platform_synced_block', true) ? nestedRendererType : undefined,
388
+ nestedRendererType,
389
389
  severity,
390
390
  sampleRate: fg('platform_renderer_sample_high_volume_events') ? RENDER_EVENT_SAMPLE_RATE : 1
391
391
  },
@@ -510,7 +510,7 @@ var ReactSerializer = /*#__PURE__*/function () {
510
510
  return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
511
511
  });
512
512
  // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
513
- var nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
513
+ var nestedUnder = getNestedUnderNodes(path, ['bodiedSyncBlock']);
514
514
  var isAnnotationMark = function isAnnotationMark(mark) {
515
515
  return mark.type === annotation;
516
516
  };
@@ -149,9 +149,8 @@ export var tableCanBeSticky = function tableCanBeSticky(node, children
149
149
  * (the non-scrolling parent of the horizontally scrolling TABLE_NODE_WRAPPER).
150
150
  *
151
151
  * The visible styling for these divs lives in `tableFakeBorderStyles`
152
- * (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is itself
153
- * gated on `editorExperiment('platform_synced_block', true)` AND
154
- * `isInsideSyncBlock`.
152
+ * (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is applied
153
+ * when `isInsideSyncBlock` is true.
155
154
  *
156
155
  * Shared between `renderer/src/react/nodes/table.tsx` and
157
156
  * `renderer/src/react/nodes/tableNew.tsx` so the two stay in sync.
@@ -179,7 +178,7 @@ export var RefSyncBlockFakeBorders = function RefSyncBlockFakeBorders(_ref3) {
179
178
  var _useRendererContext = useRendererContext(),
180
179
  nestedRendererType = _useRendererContext.nestedRendererType;
181
180
  var isInsideOfRefSyncBlock = nestedRendererType === 'syncedBlock';
182
- if (!isInsideOfRefSyncBlock || !editorExperiment('platform_synced_block', true)) {
181
+ if (!isInsideOfRefSyncBlock) {
183
182
  return null;
184
183
  }
185
184
  return /*#__PURE__*/React.createElement(TableFakeBorders, {
@@ -17,7 +17,6 @@ import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/m
17
17
  import { MediaClientContext } from '@atlaskit/media-client-react';
18
18
  import { withImageLoader } from '@atlaskit/editor-common/utils';
19
19
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
20
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
21
20
  import AnalyticsContext from '../analytics/analyticsContext';
22
21
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
23
22
  export var mediaIdentifierMap = new Map();
@@ -112,9 +111,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
112
111
  attributes: _objectSpread(_objectSpread({
113
112
  reason: reason,
114
113
  external: false
115
- }, nestedUnder && editorExperiment('platform_synced_block', true) ? {
114
+ }, nestedUnder ? {
116
115
  nestedUnder: nestedUnder
117
- } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
116
+ } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType ? {
118
117
  nestedRendererType: rendererContext.nestedRendererType
119
118
  } : {})
120
119
  });
@@ -2286,7 +2286,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
2286
2286
  // this should be placed after baseOtherStyles
2287
2287
  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,
2288
2288
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
2289
- fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && !isExperimentEnabled('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, 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) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2289
+ fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && !isExperimentEnabled('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, 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) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2290
2290
  "data-testid": testId
2291
2291
  }, children);
2292
2292
  };
@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
64
64
  var TABLE_INFO_TIMEOUT = 10000;
65
65
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
66
66
  var packageName = "@atlaskit/renderer";
67
- var packageVersion = "136.0.2";
67
+ var packageVersion = "136.0.4";
68
68
  var setAsQueryContainerStyles = css({
69
69
  containerName: 'ak-renderer-wrapper',
70
70
  containerType: 'inline-size'
@@ -386,7 +386,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
386
386
  distortedDuration: distortedDuration,
387
387
  ttfb: ttfb,
388
388
  nodes: nodes,
389
- nestedRendererType: editorExperiment('platform_synced_block', true) ? nestedRendererType : undefined,
389
+ nestedRendererType: nestedRendererType,
390
390
  severity: severity,
391
391
  sampleRate: fg('platform_renderer_sample_high_volume_events') ? RENDER_EVENT_SAMPLE_RATE : 1
392
392
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "136.0.3",
3
+ "version": "136.0.5",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
51
51
  "@atlaskit/link": "^5.0.0",
52
52
  "@atlaskit/link-datasource": "^6.4.0",
53
53
  "@atlaskit/link-extractors": "^4.0.0",
54
- "@atlaskit/linking-common": "^11.1.0",
54
+ "@atlaskit/linking-common": "^11.2.0",
55
55
  "@atlaskit/media-card": "^81.6.0",
56
56
  "@atlaskit/media-client": "^37.2.0",
57
57
  "@atlaskit/media-client-react": "^6.1.0",
@@ -62,14 +62,14 @@
62
62
  "@atlaskit/platform-feature-experiments": "^0.3.0",
63
63
  "@atlaskit/platform-feature-flags": "^2.1.0",
64
64
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
65
- "@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
65
+ "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
66
66
  "@atlaskit/react-compiler-gating": "^0.2.0",
67
67
  "@atlaskit/react-ufo": "^7.6.0",
68
68
  "@atlaskit/smart-card": "^45.17.0",
69
69
  "@atlaskit/status": "^5.8.0",
70
70
  "@atlaskit/task-decision": "^21.8.0",
71
71
  "@atlaskit/theme": "^28.0.0",
72
- "@atlaskit/tmp-editor-statsig": "^148.0.0",
72
+ "@atlaskit/tmp-editor-statsig": "^149.0.0",
73
73
  "@atlaskit/tokens": "^16.7.0",
74
74
  "@atlaskit/tooltip": "^24.0.0",
75
75
  "@atlaskit/visually-hidden": "^4.2.0",
@@ -84,7 +84,7 @@
84
84
  "uuid": "^3.1.0"
85
85
  },
86
86
  "peerDependencies": {
87
- "@atlaskit/editor-common": "^119.5.0",
87
+ "@atlaskit/editor-common": "^119.7.0",
88
88
  "@atlaskit/link-provider": "^5.3.0",
89
89
  "@atlaskit/media-core": "^38.0.0",
90
90
  "react": "^18.2.0",
@@ -102,7 +102,7 @@
102
102
  "@atlaskit/media-core": "^38.0.0",
103
103
  "@atlaskit/media-integration-test-helpers": "workspace:^",
104
104
  "@atlaskit/media-test-helpers": "^42.2.0",
105
- "@atlaskit/mention": "^27.17.0",
105
+ "@atlaskit/mention": "^27.18.0",
106
106
  "@atlaskit/modal-dialog": "^16.3.0",
107
107
  "@atlaskit/navigation-system": "^10.14.0",
108
108
  "@atlaskit/profilecard": "^26.18.0",