@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 +30 -0
- package/dist/cjs/react/index.js +1 -1
- package/dist/cjs/react/nodes/tableNew.js +3 -4
- package/dist/cjs/ui/MediaCard.js +2 -3
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/cjs/ui/Renderer/index.js +2 -2
- package/dist/es2019/react/index.js +1 -1
- package/dist/es2019/react/nodes/tableNew.js +3 -4
- package/dist/es2019/ui/MediaCard.js +2 -3
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +2 -2
- package/dist/esm/react/index.js +1 -1
- package/dist/esm/react/nodes/tableNew.js +3 -4
- package/dist/esm/ui/MediaCard.js +2 -3
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/esm/ui/Renderer/index.js +2 -2
- package/package.json +6 -6
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
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -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,
|
|
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
|
|
159
|
-
*
|
|
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
|
|
187
|
+
if (!isInsideOfRefSyncBlock) {
|
|
189
188
|
return null;
|
|
190
189
|
}
|
|
191
190
|
return /*#__PURE__*/_react.default.createElement(TableFakeBorders, {
|
package/dist/cjs/ui/MediaCard.js
CHANGED
|
@@ -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
|
|
123
|
+
}, nestedUnder ? {
|
|
125
124
|
nestedUnder: nestedUnder
|
|
126
|
-
} : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType
|
|
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,
|
|
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.
|
|
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:
|
|
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 =
|
|
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
|
|
127
|
-
*
|
|
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
|
|
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
|
|
79
|
+
...(nestedUnder ? {
|
|
81
80
|
nestedUnder
|
|
82
81
|
} : {}),
|
|
83
|
-
...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType
|
|
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,
|
|
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.
|
|
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
|
|
388
|
+
nestedRendererType,
|
|
389
389
|
severity,
|
|
390
390
|
sampleRate: fg('platform_renderer_sample_high_volume_events') ? RENDER_EVENT_SAMPLE_RATE : 1
|
|
391
391
|
},
|
package/dist/esm/react/index.js
CHANGED
|
@@ -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 =
|
|
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
|
|
153
|
-
*
|
|
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
|
|
181
|
+
if (!isInsideOfRefSyncBlock) {
|
|
183
182
|
return null;
|
|
184
183
|
}
|
|
185
184
|
return /*#__PURE__*/React.createElement(TableFakeBorders, {
|
package/dist/esm/ui/MediaCard.js
CHANGED
|
@@ -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
|
|
114
|
+
}, nestedUnder ? {
|
|
116
115
|
nestedUnder: nestedUnder
|
|
117
|
-
} : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType
|
|
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,
|
|
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.
|
|
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:
|
|
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
|
+
"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.
|
|
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": "^
|
|
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": "^
|
|
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.
|
|
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.
|
|
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",
|