@atlaskit/renderer 130.6.0 → 130.6.2
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 +19 -0
- package/dist/cjs/react/nodes/codeBlock/codeBlock.js +3 -0
- package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -1
- package/dist/cjs/react/nodes/codeBlock/windowedCodeBlock.js +5 -1
- package/dist/cjs/react/nodes/table/colgroup.js +9 -10
- package/dist/cjs/react/nodes/tableNew.js +2 -2
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +2 -2
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/codeBlock.js +2 -0
- package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +2 -1
- package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js +4 -1
- package/dist/es2019/react/nodes/table/colgroup.js +9 -10
- package/dist/es2019/react/nodes/tableNew.js +2 -2
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +2 -2
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/codeBlock/codeBlock.js +3 -0
- package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -1
- package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js +5 -1
- package/dist/esm/react/nodes/table/colgroup.js +9 -10
- package/dist/esm/react/nodes/tableNew.js +2 -2
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +2 -2
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/types/react/nodes/codeBlock/codeBlock.d.ts +1 -0
- package/dist/types/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts +1 -1
- package/dist/types/react/nodes/codeBlock/windowedCodeBlock.d.ts +1 -1
- package/dist/types-ts4.5/react/nodes/codeBlock/codeBlock.d.ts +1 -0
- package/dist/types-ts4.5/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts +1 -1
- package/dist/types-ts4.5/react/nodes/codeBlock/windowedCodeBlock.d.ts +1 -1
- package/package.json +4 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 130.6.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4c459a2718b67`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4c459a2718b67) -
|
|
8
|
+
Clean up synced block feature gates
|
|
9
|
+
- [`276587be50499`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/276587be50499) -
|
|
10
|
+
Cleanup feature gate platform_editor\_\_renderer_indentation_text_margin. Apply renderer
|
|
11
|
+
indentation text margin fix unconditionally.
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 130.6.1
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`7e8145e6a7ce6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8145e6a7ce6) -
|
|
19
|
+
Add ADF-backed code block line number visibility
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 130.6.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
@@ -29,6 +29,8 @@ function CodeBlock(props) {
|
|
|
29
29
|
_props$allowWrapCodeB = props.allowWrapCodeBlock,
|
|
30
30
|
allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
|
|
31
31
|
codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
|
|
32
|
+
_props$hideLineNumber = props.hideLineNumbers,
|
|
33
|
+
hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
|
|
32
34
|
localId = props.localId,
|
|
33
35
|
wrap = props.wrap;
|
|
34
36
|
var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
|
|
@@ -56,6 +58,7 @@ function CodeBlock(props) {
|
|
|
56
58
|
codeBidiWarningLabel: codeBidiWarningLabel,
|
|
57
59
|
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
58
60
|
shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
|
|
61
|
+
shouldShowLineNumbers: !((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
|
|
59
62
|
hasBidiWarnings: (0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
|
|
60
63
|
}));
|
|
61
64
|
}
|
|
@@ -148,6 +148,8 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
|
|
|
148
148
|
var text = _ref.text,
|
|
149
149
|
_ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
|
|
150
150
|
codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT,
|
|
151
|
+
_ref$hideLineNumbers = _ref.hideLineNumbers,
|
|
152
|
+
hideLineNumbers = _ref$hideLineNumbers === void 0 ? false : _ref$hideLineNumbers,
|
|
151
153
|
className = _ref.className;
|
|
152
154
|
var textRows = (0, _react.useMemo)(function () {
|
|
153
155
|
return (text !== null && text !== void 0 ? text : '').split('\n');
|
|
@@ -175,7 +177,7 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
|
|
|
175
177
|
}, (0, _react2.jsx)("div", {
|
|
176
178
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
177
179
|
className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
|
|
178
|
-
}, (0, _react2.jsx)("div", {
|
|
180
|
+
}, !hideLineNumbers && (0, _react2.jsx)("div", {
|
|
179
181
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
180
182
|
className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
|
|
181
183
|
}, textRows.map(function (_, index) {
|
|
@@ -53,6 +53,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
|
|
|
53
53
|
_ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
|
|
54
54
|
allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
|
|
55
55
|
codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
|
|
56
|
+
_ref2$hideLineNumbers = _ref2.hideLineNumbers,
|
|
57
|
+
hideLineNumbers = _ref2$hideLineNumbers === void 0 ? false : _ref2$hideLineNumbers,
|
|
56
58
|
rootClassName = _ref2.className,
|
|
57
59
|
wrap = _ref2.wrap;
|
|
58
60
|
var _useBidiWarnings = (0, _useBidiWarnings2.useBidiWarnings)({
|
|
@@ -66,7 +68,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
|
|
|
66
68
|
var memoizedLightWeightCodeBlock = (0, _react2.jsx)(MemoizedLightWeightCodeBlock, {
|
|
67
69
|
ref: trackingRef,
|
|
68
70
|
text: text,
|
|
69
|
-
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
|
|
71
|
+
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
72
|
+
hideLineNumbers: (0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers
|
|
70
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
71
74
|
,
|
|
72
75
|
className: rootClassName
|
|
@@ -94,6 +97,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
|
|
|
94
97
|
codeBidiWarningLabel: warningLabel,
|
|
95
98
|
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
96
99
|
shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
|
|
100
|
+
shouldShowLineNumbers: !((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
|
|
97
101
|
hasBidiWarnings: (0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
|
|
98
102
|
})))) : memoizedLightWeightCodeBlock;
|
|
99
103
|
};
|
|
@@ -111,15 +111,14 @@ var scaleColumnsToWidth = function scaleColumnsToWidth(columnWidths, availableWi
|
|
|
111
111
|
|
|
112
112
|
/**
|
|
113
113
|
* Computes column widths for tables inside sync blocks, matching the editor's scaleTableTo() exactly.
|
|
114
|
-
* Returns null if
|
|
114
|
+
* Returns null if not inside a sync block.
|
|
115
115
|
*
|
|
116
|
-
* For nested tables (isInsideOfTable=true,
|
|
117
|
-
*
|
|
118
|
-
*
|
|
119
|
-
*
|
|
120
|
-
*
|
|
121
|
-
*
|
|
122
|
-
* overflow by 2 * tableCellPadding (16px).
|
|
116
|
+
* For nested tables (isInsideOfTable=true), we use getTableContainerWidth(tableNode) as the
|
|
117
|
+
* reference — the width the editor saved, which already accounts for the parent cell's available
|
|
118
|
+
* space (colwidth minus tableCellPadding * 2). This matches bodiedSyncBlock where isRendererNested=false,
|
|
119
|
+
* so renderScaleDownColgroup uses getTableContainerWidth(tableNode). For syncBlock the nested
|
|
120
|
+
* renderer has isRendererNested=true, which incorrectly overrides tableContainerWidth with renderWidth
|
|
121
|
+
* (the full container), causing overflow by 2 * tableCellPadding (16px).
|
|
123
122
|
*/
|
|
124
123
|
var renderSyncBlockColgroup = function renderSyncBlockColgroup(_ref3) {
|
|
125
124
|
var isInsideOfSyncBlock = _ref3.isInsideOfSyncBlock,
|
|
@@ -129,7 +128,7 @@ var renderSyncBlockColgroup = function renderSyncBlockColgroup(_ref3) {
|
|
|
129
128
|
isNumberColumnEnabled = _ref3.isNumberColumnEnabled,
|
|
130
129
|
renderWidthProp = _ref3.renderWidth,
|
|
131
130
|
contextWidth = _ref3.contextWidth;
|
|
132
|
-
if (!isInsideOfSyncBlock
|
|
131
|
+
if (!isInsideOfSyncBlock) {
|
|
133
132
|
return null;
|
|
134
133
|
}
|
|
135
134
|
var rawTotalWidth = columnWidths.reduce(function (sum, w) {
|
|
@@ -197,7 +196,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
197
196
|
allowTableResizing = props.allowTableResizing,
|
|
198
197
|
isTopLevelRenderer = props.isTopLevelRenderer,
|
|
199
198
|
isInsideOfSyncBlock = props.isInsideOfSyncBlock;
|
|
200
|
-
var skipMinWidth =
|
|
199
|
+
var skipMinWidth = !!(isInsideOfTable && isInsideOfSyncBlock);
|
|
201
200
|
if (!columnWidths || columnWidths.every(function (width) {
|
|
202
201
|
return width === 0;
|
|
203
202
|
}) && (0, _platformFeatureFlags.fg)('platform_editor_numbered_column_in_include')) {
|
|
@@ -155,7 +155,7 @@ var tableCanBeSticky = exports.tableCanBeSticky = function tableCanBeSticky(node
|
|
|
155
155
|
* The visible styling for these divs lives in `tableFakeBorderStyles`
|
|
156
156
|
* (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is itself
|
|
157
157
|
* gated on `editorExperiment('platform_synced_block', true)` AND
|
|
158
|
-
* `isInsideSyncBlock
|
|
158
|
+
* `isInsideSyncBlock`.
|
|
159
159
|
*
|
|
160
160
|
* Shared between `renderer/src/react/nodes/table.tsx` and
|
|
161
161
|
* `renderer/src/react/nodes/tableNew.tsx` so the two stay in sync.
|
|
@@ -183,7 +183,7 @@ var RefSyncBlockFakeBorders = exports.RefSyncBlockFakeBorders = function RefSync
|
|
|
183
183
|
var _useRendererContext = (0, _rendererContext.useRendererContext)(),
|
|
184
184
|
nestedRendererType = _useRendererContext.nestedRendererType;
|
|
185
185
|
var isInsideOfRefSyncBlock = nestedRendererType === 'syncedBlock';
|
|
186
|
-
if (!isInsideOfRefSyncBlock || !(0, _experiments.editorExperiment)('platform_synced_block', true)
|
|
186
|
+
if (!isInsideOfRefSyncBlock || !(0, _experiments.editorExperiment)('platform_synced_block', true)) {
|
|
187
187
|
return null;
|
|
188
188
|
}
|
|
189
189
|
return /*#__PURE__*/_react.default.createElement(TableFakeBorders, {
|
|
@@ -2212,7 +2212,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2212
2212
|
}, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && {
|
|
2213
2213
|
'--ak-renderer-editor-font-small-text': (0, _ugcTokens.editorUGCToken)('editor.font.body.small')
|
|
2214
2214
|
}),
|
|
2215
|
-
css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _platformFeatureFlags.fg)('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (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))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles,
|
|
2215
|
+
css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _platformFeatureFlags.fg)('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (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))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2216
2216
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2217
2217
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2218
2218
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -2220,7 +2220,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2220
2220
|
// this should be placed after baseOtherStyles
|
|
2221
2221
|
(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,
|
|
2222
2222
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2223
|
-
(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_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, 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) ? (0, _expValEquals.expValEquals)('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && isInsideSyncBlock
|
|
2223
|
+
(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_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, 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) ? (0, _expValEquals.expValEquals)('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (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],
|
|
2224
2224
|
"data-testid": testId
|
|
2225
2225
|
}, children);
|
|
2226
2226
|
};
|
|
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
71
71
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
72
72
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
73
73
|
var packageName = "@atlaskit/renderer";
|
|
74
|
-
var packageVersion = "
|
|
74
|
+
var packageVersion = "0.0.0-development";
|
|
75
75
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
76
|
containerName: 'ak-renderer-wrapper',
|
|
77
77
|
containerType: 'inline-size'
|
|
@@ -18,6 +18,7 @@ function CodeBlock(props) {
|
|
|
18
18
|
allowCopyToClipboard = false,
|
|
19
19
|
allowWrapCodeBlock = false,
|
|
20
20
|
codeBidiWarningTooltipEnabled,
|
|
21
|
+
hideLineNumbers = false,
|
|
21
22
|
localId,
|
|
22
23
|
wrap
|
|
23
24
|
} = props;
|
|
@@ -41,6 +42,7 @@ function CodeBlock(props) {
|
|
|
41
42
|
codeBidiWarningLabel: codeBidiWarningLabel,
|
|
42
43
|
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
43
44
|
shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
|
|
45
|
+
shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
|
|
44
46
|
hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
|
|
45
47
|
}));
|
|
46
48
|
}
|
|
@@ -176,6 +176,7 @@ export const getLightWeightCodeBlockStylesForRootRendererStyleSheet = () => {
|
|
|
176
176
|
const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
|
|
177
177
|
text,
|
|
178
178
|
codeBidiWarningTooltipEnabled = true,
|
|
179
|
+
hideLineNumbers = false,
|
|
179
180
|
className
|
|
180
181
|
}, ref) => {
|
|
181
182
|
const textRows = useMemo(() => (text !== null && text !== void 0 ? text : '').split('\n'), [text]);
|
|
@@ -203,7 +204,7 @@ const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
|
|
|
203
204
|
}, jsx("div", {
|
|
204
205
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
205
206
|
className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
|
|
206
|
-
}, jsx("div", {
|
|
207
|
+
}, !hideLineNumbers && jsx("div", {
|
|
207
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
208
209
|
className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
|
|
209
210
|
}, textRows.map((_, index) =>
|
|
@@ -24,6 +24,7 @@ const WindowedCodeBlock = ({
|
|
|
24
24
|
allowCopyToClipboard,
|
|
25
25
|
allowWrapCodeBlock = false,
|
|
26
26
|
codeBidiWarningTooltipEnabled,
|
|
27
|
+
hideLineNumbers = false,
|
|
27
28
|
className: rootClassName,
|
|
28
29
|
wrap
|
|
29
30
|
}) => {
|
|
@@ -40,7 +41,8 @@ const WindowedCodeBlock = ({
|
|
|
40
41
|
const memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
|
|
41
42
|
ref: trackingRef,
|
|
42
43
|
text: text,
|
|
43
|
-
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
|
|
44
|
+
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
45
|
+
hideLineNumbers: expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers
|
|
44
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
45
47
|
,
|
|
46
48
|
className: rootClassName
|
|
@@ -63,6 +65,7 @@ const WindowedCodeBlock = ({
|
|
|
63
65
|
codeBidiWarningLabel: warningLabel,
|
|
64
66
|
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
65
67
|
shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
|
|
68
|
+
shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
|
|
66
69
|
hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
|
|
67
70
|
})))) : memoizedLightWeightCodeBlock;
|
|
68
71
|
};
|
|
@@ -86,15 +86,14 @@ const scaleColumnsToWidth = (columnWidths, availableWidth) => {
|
|
|
86
86
|
|
|
87
87
|
/**
|
|
88
88
|
* Computes column widths for tables inside sync blocks, matching the editor's scaleTableTo() exactly.
|
|
89
|
-
* Returns null if
|
|
89
|
+
* Returns null if not inside a sync block.
|
|
90
90
|
*
|
|
91
|
-
* For nested tables (isInsideOfTable=true,
|
|
92
|
-
*
|
|
93
|
-
*
|
|
94
|
-
*
|
|
95
|
-
*
|
|
96
|
-
*
|
|
97
|
-
* overflow by 2 * tableCellPadding (16px).
|
|
91
|
+
* For nested tables (isInsideOfTable=true), we use getTableContainerWidth(tableNode) as the
|
|
92
|
+
* reference — the width the editor saved, which already accounts for the parent cell's available
|
|
93
|
+
* space (colwidth minus tableCellPadding * 2). This matches bodiedSyncBlock where isRendererNested=false,
|
|
94
|
+
* so renderScaleDownColgroup uses getTableContainerWidth(tableNode). For syncBlock the nested
|
|
95
|
+
* renderer has isRendererNested=true, which incorrectly overrides tableContainerWidth with renderWidth
|
|
96
|
+
* (the full container), causing overflow by 2 * tableCellPadding (16px).
|
|
98
97
|
*/
|
|
99
98
|
const renderSyncBlockColgroup = ({
|
|
100
99
|
isInsideOfSyncBlock,
|
|
@@ -105,7 +104,7 @@ const renderSyncBlockColgroup = ({
|
|
|
105
104
|
renderWidth: renderWidthProp,
|
|
106
105
|
contextWidth
|
|
107
106
|
}) => {
|
|
108
|
-
if (!isInsideOfSyncBlock
|
|
107
|
+
if (!isInsideOfSyncBlock) {
|
|
109
108
|
return null;
|
|
110
109
|
}
|
|
111
110
|
const rawTotalWidth = columnWidths.reduce((sum, w) => sum + w, 0);
|
|
@@ -169,7 +168,7 @@ const renderScaleDownColgroup = props => {
|
|
|
169
168
|
isTopLevelRenderer,
|
|
170
169
|
isInsideOfSyncBlock
|
|
171
170
|
} = props;
|
|
172
|
-
const skipMinWidth =
|
|
171
|
+
const skipMinWidth = !!(isInsideOfTable && isInsideOfSyncBlock);
|
|
173
172
|
if (!columnWidths || columnWidths.every(width => width === 0) && fg('platform_editor_numbered_column_in_include')) {
|
|
174
173
|
return [];
|
|
175
174
|
}
|
|
@@ -124,7 +124,7 @@ export const tableCanBeSticky = (node, children
|
|
|
124
124
|
* The visible styling for these divs lives in `tableFakeBorderStyles`
|
|
125
125
|
* (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is itself
|
|
126
126
|
* gated on `editorExperiment('platform_synced_block', true)` AND
|
|
127
|
-
* `isInsideSyncBlock
|
|
127
|
+
* `isInsideSyncBlock`.
|
|
128
128
|
*
|
|
129
129
|
* Shared between `renderer/src/react/nodes/table.tsx` and
|
|
130
130
|
* `renderer/src/react/nodes/tableNew.tsx` so the two stay in sync.
|
|
@@ -153,7 +153,7 @@ export const RefSyncBlockFakeBorders = ({
|
|
|
153
153
|
nestedRendererType
|
|
154
154
|
} = useRendererContext();
|
|
155
155
|
const isInsideOfRefSyncBlock = nestedRendererType === 'syncedBlock';
|
|
156
|
-
if (!isInsideOfRefSyncBlock || !editorExperiment('platform_synced_block', true)
|
|
156
|
+
if (!isInsideOfRefSyncBlock || !editorExperiment('platform_synced_block', true)) {
|
|
157
157
|
return null;
|
|
158
158
|
}
|
|
159
159
|
return /*#__PURE__*/React.createElement(TableFakeBorders, {
|
|
@@ -2811,7 +2811,7 @@ export const RendererStyleContainer = props => {
|
|
|
2811
2811
|
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
2812
2812
|
})
|
|
2813
2813
|
},
|
|
2814
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, fg('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles,
|
|
2814
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, fg('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2815
2815
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2816
2816
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2817
2817
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -2819,7 +2819,7 @@ export const RendererStyleContainer = props => {
|
|
|
2819
2819
|
// this should be placed after baseOtherStyles
|
|
2820
2820
|
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,
|
|
2821
2821
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2822
|
-
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
|
|
2822
|
+
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 ? 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],
|
|
2823
2823
|
"data-testid": testId
|
|
2824
2824
|
}, children);
|
|
2825
2825
|
};
|
|
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
57
57
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
58
58
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
59
59
|
const packageName = "@atlaskit/renderer";
|
|
60
|
-
const packageVersion = "
|
|
60
|
+
const packageVersion = "0.0.0-development";
|
|
61
61
|
const setAsQueryContainerStyles = css({
|
|
62
62
|
containerName: 'ak-renderer-wrapper',
|
|
63
63
|
containerType: 'inline-size'
|
|
@@ -20,6 +20,8 @@ function CodeBlock(props) {
|
|
|
20
20
|
_props$allowWrapCodeB = props.allowWrapCodeBlock,
|
|
21
21
|
allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
|
|
22
22
|
codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
|
|
23
|
+
_props$hideLineNumber = props.hideLineNumbers,
|
|
24
|
+
hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
|
|
23
25
|
localId = props.localId,
|
|
24
26
|
wrap = props.wrap;
|
|
25
27
|
var codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
|
|
@@ -47,6 +49,7 @@ function CodeBlock(props) {
|
|
|
47
49
|
codeBidiWarningLabel: codeBidiWarningLabel,
|
|
48
50
|
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
49
51
|
shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
|
|
52
|
+
shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
|
|
50
53
|
hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
|
|
51
54
|
}));
|
|
52
55
|
}
|
|
@@ -139,6 +139,8 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
139
139
|
var text = _ref.text,
|
|
140
140
|
_ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
|
|
141
141
|
codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT,
|
|
142
|
+
_ref$hideLineNumbers = _ref.hideLineNumbers,
|
|
143
|
+
hideLineNumbers = _ref$hideLineNumbers === void 0 ? false : _ref$hideLineNumbers,
|
|
142
144
|
className = _ref.className;
|
|
143
145
|
var textRows = useMemo(function () {
|
|
144
146
|
return (text !== null && text !== void 0 ? text : '').split('\n');
|
|
@@ -166,7 +168,7 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
166
168
|
}, jsx("div", {
|
|
167
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
168
170
|
className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
|
|
169
|
-
}, jsx("div", {
|
|
171
|
+
}, !hideLineNumbers && jsx("div", {
|
|
170
172
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
171
173
|
className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
|
|
172
174
|
}, textRows.map(function (_, index) {
|
|
@@ -44,6 +44,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
|
|
|
44
44
|
_ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
|
|
45
45
|
allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
|
|
46
46
|
codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
|
|
47
|
+
_ref2$hideLineNumbers = _ref2.hideLineNumbers,
|
|
48
|
+
hideLineNumbers = _ref2$hideLineNumbers === void 0 ? false : _ref2$hideLineNumbers,
|
|
47
49
|
rootClassName = _ref2.className,
|
|
48
50
|
wrap = _ref2.wrap;
|
|
49
51
|
var _useBidiWarnings = useBidiWarnings({
|
|
@@ -57,7 +59,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
|
|
|
57
59
|
var memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
|
|
58
60
|
ref: trackingRef,
|
|
59
61
|
text: text,
|
|
60
|
-
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
|
|
62
|
+
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
63
|
+
hideLineNumbers: expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers
|
|
61
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
62
65
|
,
|
|
63
66
|
className: rootClassName
|
|
@@ -85,6 +88,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
|
|
|
85
88
|
codeBidiWarningLabel: warningLabel,
|
|
86
89
|
codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
|
|
87
90
|
shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
|
|
91
|
+
shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
|
|
88
92
|
hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
|
|
89
93
|
})))) : memoizedLightWeightCodeBlock;
|
|
90
94
|
};
|
|
@@ -103,15 +103,14 @@ var scaleColumnsToWidth = function scaleColumnsToWidth(columnWidths, availableWi
|
|
|
103
103
|
|
|
104
104
|
/**
|
|
105
105
|
* Computes column widths for tables inside sync blocks, matching the editor's scaleTableTo() exactly.
|
|
106
|
-
* Returns null if
|
|
106
|
+
* Returns null if not inside a sync block.
|
|
107
107
|
*
|
|
108
|
-
* For nested tables (isInsideOfTable=true,
|
|
109
|
-
*
|
|
110
|
-
*
|
|
111
|
-
*
|
|
112
|
-
*
|
|
113
|
-
*
|
|
114
|
-
* overflow by 2 * tableCellPadding (16px).
|
|
108
|
+
* For nested tables (isInsideOfTable=true), we use getTableContainerWidth(tableNode) as the
|
|
109
|
+
* reference — the width the editor saved, which already accounts for the parent cell's available
|
|
110
|
+
* space (colwidth minus tableCellPadding * 2). This matches bodiedSyncBlock where isRendererNested=false,
|
|
111
|
+
* so renderScaleDownColgroup uses getTableContainerWidth(tableNode). For syncBlock the nested
|
|
112
|
+
* renderer has isRendererNested=true, which incorrectly overrides tableContainerWidth with renderWidth
|
|
113
|
+
* (the full container), causing overflow by 2 * tableCellPadding (16px).
|
|
115
114
|
*/
|
|
116
115
|
var renderSyncBlockColgroup = function renderSyncBlockColgroup(_ref3) {
|
|
117
116
|
var isInsideOfSyncBlock = _ref3.isInsideOfSyncBlock,
|
|
@@ -121,7 +120,7 @@ var renderSyncBlockColgroup = function renderSyncBlockColgroup(_ref3) {
|
|
|
121
120
|
isNumberColumnEnabled = _ref3.isNumberColumnEnabled,
|
|
122
121
|
renderWidthProp = _ref3.renderWidth,
|
|
123
122
|
contextWidth = _ref3.contextWidth;
|
|
124
|
-
if (!isInsideOfSyncBlock
|
|
123
|
+
if (!isInsideOfSyncBlock) {
|
|
125
124
|
return null;
|
|
126
125
|
}
|
|
127
126
|
var rawTotalWidth = columnWidths.reduce(function (sum, w) {
|
|
@@ -189,7 +188,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
189
188
|
allowTableResizing = props.allowTableResizing,
|
|
190
189
|
isTopLevelRenderer = props.isTopLevelRenderer,
|
|
191
190
|
isInsideOfSyncBlock = props.isInsideOfSyncBlock;
|
|
192
|
-
var skipMinWidth =
|
|
191
|
+
var skipMinWidth = !!(isInsideOfTable && isInsideOfSyncBlock);
|
|
193
192
|
if (!columnWidths || columnWidths.every(function (width) {
|
|
194
193
|
return width === 0;
|
|
195
194
|
}) && fg('platform_editor_numbered_column_in_include')) {
|
|
@@ -149,7 +149,7 @@ export var tableCanBeSticky = function tableCanBeSticky(node, children
|
|
|
149
149
|
* The visible styling for these divs lives in `tableFakeBorderStyles`
|
|
150
150
|
* (`renderer/src/ui/Renderer/RendererStyleContainer.tsx`), which is itself
|
|
151
151
|
* gated on `editorExperiment('platform_synced_block', true)` AND
|
|
152
|
-
* `isInsideSyncBlock
|
|
152
|
+
* `isInsideSyncBlock`.
|
|
153
153
|
*
|
|
154
154
|
* Shared between `renderer/src/react/nodes/table.tsx` and
|
|
155
155
|
* `renderer/src/react/nodes/tableNew.tsx` so the two stay in sync.
|
|
@@ -177,7 +177,7 @@ export var RefSyncBlockFakeBorders = function RefSyncBlockFakeBorders(_ref3) {
|
|
|
177
177
|
var _useRendererContext = useRendererContext(),
|
|
178
178
|
nestedRendererType = _useRendererContext.nestedRendererType;
|
|
179
179
|
var isInsideOfRefSyncBlock = nestedRendererType === 'syncedBlock';
|
|
180
|
-
if (!isInsideOfRefSyncBlock || !editorExperiment('platform_synced_block', true)
|
|
180
|
+
if (!isInsideOfRefSyncBlock || !editorExperiment('platform_synced_block', true)) {
|
|
181
181
|
return null;
|
|
182
182
|
}
|
|
183
183
|
return /*#__PURE__*/React.createElement(TableFakeBorders, {
|
|
@@ -2205,7 +2205,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2205
2205
|
}, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
|
|
2206
2206
|
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
2207
2207
|
}),
|
|
2208
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, fg('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles,
|
|
2208
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, fg('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2209
2209
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2210
2210
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2211
2211
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -2213,7 +2213,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2213
2213
|
// this should be placed after baseOtherStyles
|
|
2214
2214
|
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,
|
|
2215
2215
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2216
|
-
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
|
|
2216
|
+
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 ? 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],
|
|
2217
2217
|
"data-testid": testId
|
|
2218
2218
|
}, children);
|
|
2219
2219
|
};
|
|
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
62
62
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
63
63
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
64
64
|
var packageName = "@atlaskit/renderer";
|
|
65
|
-
var packageVersion = "
|
|
65
|
+
var packageVersion = "0.0.0-development";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
|
@@ -13,5 +13,5 @@ export declare const LightWeightCodeBlockCssClassName: {
|
|
|
13
13
|
* @deprecated styles are moved to RendererStyleContainer
|
|
14
14
|
*/
|
|
15
15
|
export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => SerializedStyles;
|
|
16
|
-
declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled'> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled' | 'hideLineNumbers'> & React.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export default LightWeightCodeBlock;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
2
|
import type { Props as CodeBlockProps } from './codeBlock';
|
|
3
|
-
declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
|
|
3
|
+
declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, hideLineNumbers, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
|
|
4
4
|
export default WindowedCodeBlock;
|
|
@@ -13,5 +13,5 @@ export declare const LightWeightCodeBlockCssClassName: {
|
|
|
13
13
|
* @deprecated styles are moved to RendererStyleContainer
|
|
14
14
|
*/
|
|
15
15
|
export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => SerializedStyles;
|
|
16
|
-
declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled'> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled' | 'hideLineNumbers'> & React.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export default LightWeightCodeBlock;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
2
|
import type { Props as CodeBlockProps } from './codeBlock';
|
|
3
|
-
declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
|
|
3
|
+
declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, hideLineNumbers, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
|
|
4
4
|
export default WindowedCodeBlock;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "130.6.
|
|
3
|
+
"version": "130.6.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"@atlaskit/status": "^4.1.0",
|
|
67
67
|
"@atlaskit/task-decision": "^20.1.0",
|
|
68
68
|
"@atlaskit/theme": "^23.2.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^80.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^80.3.0",
|
|
70
70
|
"@atlaskit/tokens": "^13.0.0",
|
|
71
71
|
"@atlaskit/tooltip": "^22.2.0",
|
|
72
72
|
"@atlaskit/visually-hidden": "^3.1.0",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"uuid": "^3.1.0"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|
|
83
|
-
"@atlaskit/editor-common": "^114.
|
|
83
|
+
"@atlaskit/editor-common": "^114.32.0",
|
|
84
84
|
"@atlaskit/link-provider": "^4.4.0",
|
|
85
85
|
"@atlaskit/media-core": "^37.0.0",
|
|
86
86
|
"react": "^18.2.0",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"@atlaskit/media-test-helpers": "^41.0.0",
|
|
100
100
|
"@atlaskit/mention": "^25.1.0",
|
|
101
101
|
"@atlaskit/modal-dialog": "^15.0.0",
|
|
102
|
-
"@atlaskit/navigation-system": "^9.
|
|
102
|
+
"@atlaskit/navigation-system": "^9.4.0",
|
|
103
103
|
"@atlaskit/profilecard": "^25.6.0",
|
|
104
104
|
"@atlaskit/side-nav-items": "^1.13.0",
|
|
105
105
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
@@ -197,9 +197,6 @@
|
|
|
197
197
|
"platform_editor_bordered_panel_nested_in_table": {
|
|
198
198
|
"type": "boolean"
|
|
199
199
|
},
|
|
200
|
-
"platform_editor__renderer_indentation_text_margin": {
|
|
201
|
-
"type": "boolean"
|
|
202
|
-
},
|
|
203
200
|
"confluence_frontend_fix_view_page_slo": {
|
|
204
201
|
"type": "boolean"
|
|
205
202
|
},
|
|
@@ -239,9 +236,6 @@
|
|
|
239
236
|
"platform_editor_table_fixed_column_width_prop": {
|
|
240
237
|
"type": "boolean"
|
|
241
238
|
},
|
|
242
|
-
"platform_synced_block_patch_9": {
|
|
243
|
-
"type": "boolean"
|
|
244
|
-
},
|
|
245
239
|
"confluence_ttvc_inline_extensions": {
|
|
246
240
|
"type": "boolean"
|
|
247
241
|
},
|