@atlaskit/renderer 134.0.0 → 134.0.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 +16 -0
- package/dist/cjs/react/nodes/panel-compiled.js +1 -2
- package/dist/cjs/react/nodes/panel-emotion.js +1 -2
- package/dist/cjs/react/nodes/table/colgroup.js +2 -4
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +1 -17
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/panel-compiled.js +1 -2
- package/dist/es2019/react/nodes/panel-emotion.js +1 -2
- package/dist/es2019/react/nodes/table/colgroup.js +2 -4
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -21
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/panel-compiled.js +1 -2
- package/dist/esm/react/nodes/panel-emotion.js +1 -2
- package/dist/esm/react/nodes/table/colgroup.js +2 -4
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +1 -17
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +3 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 134.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7a8d5e478d5d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7a8d5e478d5d1) -
|
|
8
|
+
Clean up feature gate `platform_editor_table_fixed_column_width_prop`
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 134.0.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`ae5ca1873aef4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae5ca1873aef4) -
|
|
16
|
+
Clean up feature gate `platform_editor_nested_dnd_styles_changes`
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 134.0.0
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -15,7 +15,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
15
15
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
16
16
|
var _consts = require("@atlaskit/editor-shared-styles/consts");
|
|
17
17
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
18
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _excluded = ["backgroundColor", "children", "className", "hasIcon"];
|
|
20
19
|
/**
|
|
21
20
|
* Compiled branch of the `platform_editor_static_css` experiment.
|
|
@@ -45,7 +44,7 @@ var PanelStyledCompiled = exports.PanelStyledCompiled = function PanelStyledComp
|
|
|
45
44
|
var customBackgroundColor = backgroundColor ? (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
|
|
46
45
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
|
|
47
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
|
|
48
|
-
className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && "_122m1aok",
|
|
47
|
+
className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
|
|
49
48
|
style: _objectSpread(_objectSpread({}, {
|
|
50
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
|
|
51
50
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
@@ -12,7 +12,6 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
13
13
|
var _consts = require("@atlaskit/editor-shared-styles/consts");
|
|
14
14
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
15
|
var _excluded = ["backgroundColor", "hasIcon"];
|
|
17
16
|
/**
|
|
18
17
|
* @jsxRuntime classic
|
|
@@ -177,7 +176,7 @@ var PanelStyledEmotion = exports.PanelStyledEmotion = function PanelStyledEmotio
|
|
|
177
176
|
{
|
|
178
177
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
179
178
|
},
|
|
180
|
-
css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && panelCustomBackground,
|
|
179
|
+
css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
|
|
181
180
|
// Ignored via go/ees005
|
|
182
181
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
183
182
|
}, props), props.children);
|
|
@@ -12,7 +12,6 @@ var _styles = require("@atlaskit/editor-common/styles");
|
|
|
12
12
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
13
13
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
14
14
|
var _nodeWidth = require("@atlaskit/editor-common/node-width");
|
|
15
|
-
var _useFeatureFlags = require("../../../use-feature-flags");
|
|
16
15
|
var _rendererContext = require("../../../renderer-context");
|
|
17
16
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -341,7 +340,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
341
340
|
});
|
|
342
341
|
};
|
|
343
342
|
var Colgroup = exports.Colgroup = function Colgroup(props) {
|
|
344
|
-
var
|
|
343
|
+
var _props$allowFixedColu, _renderSyncBlockColgr;
|
|
345
344
|
var _useRendererContext = (0, _rendererContext.useRendererContext)(),
|
|
346
345
|
isTopLevelRenderer = _useRendererContext.isTopLevelRenderer,
|
|
347
346
|
nestedRendererType = _useRendererContext.nestedRendererType;
|
|
@@ -349,11 +348,10 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
|
|
|
349
348
|
isNumberColumnEnabled = props.isNumberColumnEnabled;
|
|
350
349
|
var _useContext = (0, _react.useContext)(_ui.WidthContext),
|
|
351
350
|
contextWidth = _useContext.width;
|
|
352
|
-
var flags = (0, _useFeatureFlags.useFeatureFlags)();
|
|
353
351
|
if (!columnWidths) {
|
|
354
352
|
return null;
|
|
355
353
|
}
|
|
356
|
-
var isTableFixedColumnWidthsOptionEnabled = (
|
|
354
|
+
var isTableFixedColumnWidthsOptionEnabled = (_props$allowFixedColu = props.allowFixedColumnWidthOption) !== null && _props$allowFixedColu !== void 0 ? _props$allowFixedColu : false;
|
|
357
355
|
|
|
358
356
|
// For referenced sync blocks, nestedRendererType='syncedBlock' is set via RendererContextProvider
|
|
359
357
|
// in AKRendererWrapper. ReactSerializer is a class and cannot read React context, so we detect
|
|
@@ -1660,22 +1660,6 @@ var firstNodeWithNotMarginTopWithNestedDnD = (0, _react.css)((0, _defineProperty
|
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
1662
|
}));
|
|
1663
|
-
var firstNodeWithNotMarginTop = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
|
|
1664
|
-
'> tbody > tr > th, > tbody > tr > td': {
|
|
1665
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
1666
|
-
'> :first-child:not(style), > style:first-child + *': {
|
|
1667
|
-
marginTop: 0
|
|
1668
|
-
},
|
|
1669
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
1670
|
-
'> .ProseMirror-gapcursor:first-child + *, > style:first-child + .ProseMirror-gapcursor + *': {
|
|
1671
|
-
marginTop: 0
|
|
1672
|
-
},
|
|
1673
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
1674
|
-
'> .ProseMirror-gapcursor:first-child + span + *, > style:first-child + .ProseMirror-gapcursor + span + *': {
|
|
1675
|
-
marginTop: 0
|
|
1676
|
-
}
|
|
1677
|
-
}
|
|
1678
|
-
}));
|
|
1679
1663
|
var rendererTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
1680
1664
|
zIndex: 0,
|
|
1681
1665
|
transition: "all 0.1s linear",
|
|
@@ -2273,7 +2257,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2273
2257
|
// this should be placed after baseOtherStyles
|
|
2274
2258
|
(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,
|
|
2275
2259
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2276
|
-
(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) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && ((0, _platformFeatureFlags.fg)('platform_editor_table_renderer_fix_2') ? tableContentModeScopedStyles : tableContentModeStyles), (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly,
|
|
2260
|
+
(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) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && ((0, _platformFeatureFlags.fg)('platform_editor_table_renderer_fix_2') ? tableContentModeScopedStyles : tableContentModeStyles), (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && (0, _experiments.editorExperiment)('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
|
|
2277
2261
|
"data-testid": testId
|
|
2278
2262
|
}, children);
|
|
2279
2263
|
};
|
|
@@ -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 = "
|
|
76
|
+
var packageVersion = "134.0.1";
|
|
77
77
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
78
78
|
containerName: 'ak-renderer-wrapper',
|
|
79
79
|
containerType: 'inline-size'
|
|
@@ -12,7 +12,6 @@ import React from 'react';
|
|
|
12
12
|
import { PanelType } from '@atlaskit/adf-schema';
|
|
13
13
|
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
14
14
|
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
15
|
// New custom icons are a little smaller than predefined icons.
|
|
17
16
|
// To fix alignment issues with custom icons, vertical alignment is updated.
|
|
18
17
|
const panelEmojiSpriteVerticalAlignment = -(8 * 3 - akEditorCustomIconSize) / 2;
|
|
@@ -34,7 +33,7 @@ export const PanelStyledCompiled = ({
|
|
|
34
33
|
const customBackgroundColor = backgroundColor ? hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor : undefined;
|
|
35
34
|
return /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
36
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
|
|
37
|
-
className: ax(["_lklzfajl _1alzoqnp _xmo1idpf _u70eidpf _1m1jidpf _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3ckbl _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hau12gs _7c6pj39m _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok",
|
|
36
|
+
className: ax(["_lklzfajl _1alzoqnp _xmo1idpf _u70eidpf _1m1jidpf _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3ckbl _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hau12gs _7c6pj39m _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
|
|
38
37
|
style: {
|
|
39
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
|
|
40
39
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
@@ -16,7 +16,6 @@ import { css, jsx } from '@emotion/react';
|
|
|
16
16
|
import { PanelType } from '@atlaskit/adf-schema';
|
|
17
17
|
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
18
18
|
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
19
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
20
19
|
// New custom icons are a little smaller than predefined icons.
|
|
21
20
|
// To fix alignment issues with custom icons, vertical alignment is updated.
|
|
22
21
|
const panelEmojiSpriteVerticalAlignment = -(8 * 3 - akEditorCustomIconSize) / 2;
|
|
@@ -170,7 +169,7 @@ export const PanelStyledEmotion = ({
|
|
|
170
169
|
{
|
|
171
170
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
172
171
|
},
|
|
173
|
-
css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground,
|
|
172
|
+
css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
|
|
174
173
|
// Ignored via go/ees005
|
|
175
174
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
176
175
|
}, props), props.children);
|
|
@@ -3,7 +3,6 @@ import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common
|
|
|
3
3
|
import { WidthContext } from '@atlaskit/editor-common/ui';
|
|
4
4
|
import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
6
|
-
import { useFeatureFlags } from '../../../use-feature-flags';
|
|
7
6
|
import { useRendererContext } from '../../../renderer-context';
|
|
8
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -309,7 +308,7 @@ const renderScaleDownColgroup = props => {
|
|
|
309
308
|
});
|
|
310
309
|
};
|
|
311
310
|
export const Colgroup = props => {
|
|
312
|
-
var
|
|
311
|
+
var _props$allowFixedColu, _renderSyncBlockColgr;
|
|
313
312
|
const {
|
|
314
313
|
isTopLevelRenderer,
|
|
315
314
|
nestedRendererType
|
|
@@ -321,11 +320,10 @@ export const Colgroup = props => {
|
|
|
321
320
|
const {
|
|
322
321
|
width: contextWidth
|
|
323
322
|
} = useContext(WidthContext);
|
|
324
|
-
const flags = useFeatureFlags();
|
|
325
323
|
if (!columnWidths) {
|
|
326
324
|
return null;
|
|
327
325
|
}
|
|
328
|
-
const isTableFixedColumnWidthsOptionEnabled = (
|
|
326
|
+
const isTableFixedColumnWidthsOptionEnabled = (_props$allowFixedColu = props.allowFixedColumnWidthOption) !== null && _props$allowFixedColu !== void 0 ? _props$allowFixedColu : false;
|
|
329
327
|
|
|
330
328
|
// For referenced sync blocks, nestedRendererType='syncedBlock' is set via RendererContextProvider
|
|
331
329
|
// in AKRendererWrapper. ReactSerializer is a class and cannot read React context, so we detect
|
|
@@ -2086,26 +2086,6 @@ const firstNodeWithNotMarginTopWithNestedDnD = css({
|
|
|
2086
2086
|
}
|
|
2087
2087
|
}
|
|
2088
2088
|
});
|
|
2089
|
-
const firstNodeWithNotMarginTop = css({
|
|
2090
|
-
[`.${TableSharedCssClassName.TABLE_CONTAINER} > table,
|
|
2091
|
-
.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
|
|
2092
|
-
.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table`]: {
|
|
2093
|
-
'> tbody > tr > th, > tbody > tr > td': {
|
|
2094
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
2095
|
-
'> :first-child:not(style), > style:first-child + *': {
|
|
2096
|
-
marginTop: 0
|
|
2097
|
-
},
|
|
2098
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
2099
|
-
'> .ProseMirror-gapcursor:first-child + *, > style:first-child + .ProseMirror-gapcursor + *': {
|
|
2100
|
-
marginTop: 0
|
|
2101
|
-
},
|
|
2102
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
2103
|
-
'> .ProseMirror-gapcursor:first-child + span + *, > style:first-child + .ProseMirror-gapcursor + span + *': {
|
|
2104
|
-
marginTop: 0
|
|
2105
|
-
}
|
|
2106
|
-
}
|
|
2107
|
-
}
|
|
2108
|
-
});
|
|
2109
2089
|
const rendererTableStyles = css({
|
|
2110
2090
|
[`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}`]: {
|
|
2111
2091
|
zIndex: 0,
|
|
@@ -2908,7 +2888,7 @@ export const RendererStyleContainer = props => {
|
|
|
2908
2888
|
// this should be placed after baseOtherStyles
|
|
2909
2889
|
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,
|
|
2910
2890
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2911
|
-
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) && fg('platform_editor_table_q4_patch_1') && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (fg('platform_editor_table_renderer_fix_2') ? tableContentModeScopedStyles : tableContentModeStyles), expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly,
|
|
2891
|
+
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) && fg('platform_editor_table_q4_patch_1') && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (fg('platform_editor_table_renderer_fix_2') ? tableContentModeScopedStyles : tableContentModeStyles), expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
|
|
2912
2892
|
"data-testid": testId
|
|
2913
2893
|
}, children);
|
|
2914
2894
|
};
|
|
@@ -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 = "
|
|
62
|
+
const packageVersion = "134.0.1";
|
|
63
63
|
const setAsQueryContainerStyles = css({
|
|
64
64
|
containerName: 'ak-renderer-wrapper',
|
|
65
65
|
containerType: 'inline-size'
|
|
@@ -17,7 +17,6 @@ import React from 'react';
|
|
|
17
17
|
import { PanelType } from '@atlaskit/adf-schema';
|
|
18
18
|
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
19
19
|
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
20
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
20
|
// New custom icons are a little smaller than predefined icons.
|
|
22
21
|
// To fix alignment issues with custom icons, vertical alignment is updated.
|
|
23
22
|
var panelEmojiSpriteVerticalAlignment = -(8 * 3 - akEditorCustomIconSize) / 2;
|
|
@@ -38,7 +37,7 @@ var PanelStyledCompiled = function PanelStyledCompiled(_ref) {
|
|
|
38
37
|
var customBackgroundColor = backgroundColor ? hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor : undefined;
|
|
39
38
|
return /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
40
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
|
|
41
|
-
className: ax(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok",
|
|
40
|
+
className: ax(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
|
|
42
41
|
style: _objectSpread(_objectSpread({}, {
|
|
43
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
|
|
44
43
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
@@ -18,7 +18,6 @@ import { css, jsx } from '@emotion/react';
|
|
|
18
18
|
import { PanelType } from '@atlaskit/adf-schema';
|
|
19
19
|
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
20
20
|
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
21
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
// New custom icons are a little smaller than predefined icons.
|
|
23
22
|
// To fix alignment issues with custom icons, vertical alignment is updated.
|
|
24
23
|
var panelEmojiSpriteVerticalAlignment = -(8 * 3 - akEditorCustomIconSize) / 2;
|
|
@@ -171,7 +170,7 @@ var PanelStyledEmotion = function PanelStyledEmotion(_ref) {
|
|
|
171
170
|
{
|
|
172
171
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
173
172
|
},
|
|
174
|
-
css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground,
|
|
173
|
+
css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
|
|
175
174
|
// Ignored via go/ees005
|
|
176
175
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
177
176
|
}, props), props.children);
|
|
@@ -6,7 +6,6 @@ import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common
|
|
|
6
6
|
import { WidthContext } from '@atlaskit/editor-common/ui';
|
|
7
7
|
import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
|
|
8
8
|
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
9
|
-
import { useFeatureFlags } from '../../../use-feature-flags';
|
|
10
9
|
import { useRendererContext } from '../../../renderer-context';
|
|
11
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -333,7 +332,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
333
332
|
});
|
|
334
333
|
};
|
|
335
334
|
export var Colgroup = function Colgroup(props) {
|
|
336
|
-
var
|
|
335
|
+
var _props$allowFixedColu, _renderSyncBlockColgr;
|
|
337
336
|
var _useRendererContext = useRendererContext(),
|
|
338
337
|
isTopLevelRenderer = _useRendererContext.isTopLevelRenderer,
|
|
339
338
|
nestedRendererType = _useRendererContext.nestedRendererType;
|
|
@@ -341,11 +340,10 @@ export var Colgroup = function Colgroup(props) {
|
|
|
341
340
|
isNumberColumnEnabled = props.isNumberColumnEnabled;
|
|
342
341
|
var _useContext = useContext(WidthContext),
|
|
343
342
|
contextWidth = _useContext.width;
|
|
344
|
-
var flags = useFeatureFlags();
|
|
345
343
|
if (!columnWidths) {
|
|
346
344
|
return null;
|
|
347
345
|
}
|
|
348
|
-
var isTableFixedColumnWidthsOptionEnabled = (
|
|
346
|
+
var isTableFixedColumnWidthsOptionEnabled = (_props$allowFixedColu = props.allowFixedColumnWidthOption) !== null && _props$allowFixedColu !== void 0 ? _props$allowFixedColu : false;
|
|
349
347
|
|
|
350
348
|
// For referenced sync blocks, nestedRendererType='syncedBlock' is set via RendererContextProvider
|
|
351
349
|
// in AKRendererWrapper. ReactSerializer is a class and cannot read React context, so we detect
|
|
@@ -1653,22 +1653,6 @@ var firstNodeWithNotMarginTopWithNestedDnD = css(_defineProperty({}, ".".concat(
|
|
|
1653
1653
|
}
|
|
1654
1654
|
}
|
|
1655
1655
|
}));
|
|
1656
|
-
var firstNodeWithNotMarginTop = css(_defineProperty({}, ".".concat(TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
|
|
1657
|
-
'> tbody > tr > th, > tbody > tr > td': {
|
|
1658
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
1659
|
-
'> :first-child:not(style), > style:first-child + *': {
|
|
1660
|
-
marginTop: 0
|
|
1661
|
-
},
|
|
1662
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
1663
|
-
'> .ProseMirror-gapcursor:first-child + *, > style:first-child + .ProseMirror-gapcursor + *': {
|
|
1664
|
-
marginTop: 0
|
|
1665
|
-
},
|
|
1666
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
1667
|
-
'> .ProseMirror-gapcursor:first-child + span + *, > style:first-child + .ProseMirror-gapcursor + span + *': {
|
|
1668
|
-
marginTop: 0
|
|
1669
|
-
}
|
|
1670
|
-
}
|
|
1671
|
-
}));
|
|
1672
1656
|
var rendererTableStyles = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER), _defineProperty(_defineProperty(_defineProperty({
|
|
1673
1657
|
zIndex: 0,
|
|
1674
1658
|
transition: "all 0.1s linear",
|
|
@@ -2266,7 +2250,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2266
2250
|
// this should be placed after baseOtherStyles
|
|
2267
2251
|
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,
|
|
2268
2252
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2269
|
-
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) && fg('platform_editor_table_q4_patch_1') && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (fg('platform_editor_table_renderer_fix_2') ? tableContentModeScopedStyles : tableContentModeStyles), expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly,
|
|
2253
|
+
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) && fg('platform_editor_table_q4_patch_1') && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (fg('platform_editor_table_renderer_fix_2') ? tableContentModeScopedStyles : tableContentModeStyles), expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
|
|
2270
2254
|
"data-testid": testId
|
|
2271
2255
|
}, children);
|
|
2272
2256
|
};
|
|
@@ -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 = "
|
|
67
|
+
var packageVersion = "134.0.1";
|
|
68
68
|
var setAsQueryContainerStyles = css({
|
|
69
69
|
containerName: 'ak-renderer-wrapper',
|
|
70
70
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "134.0.
|
|
3
|
+
"version": "134.0.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -65,11 +65,11 @@
|
|
|
65
65
|
"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
|
|
66
66
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
67
67
|
"@atlaskit/react-ufo": "^7.3.0",
|
|
68
|
-
"@atlaskit/smart-card": "^45.
|
|
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": "^26.1.0",
|
|
72
|
-
"@atlaskit/tmp-editor-statsig": "^138.
|
|
72
|
+
"@atlaskit/tmp-editor-statsig": "^138.1.0",
|
|
73
73
|
"@atlaskit/tokens": "^16.3.0",
|
|
74
74
|
"@atlaskit/tooltip": "^24.0.0",
|
|
75
75
|
"@atlaskit/visually-hidden": "^4.2.0",
|
|
@@ -177,9 +177,6 @@
|
|
|
177
177
|
"platform_renderer_sample_high_volume_events": {
|
|
178
178
|
"type": "boolean"
|
|
179
179
|
},
|
|
180
|
-
"platform_editor_nested_dnd_styles_changes": {
|
|
181
|
-
"type": "boolean"
|
|
182
|
-
},
|
|
183
180
|
"platform_editor_table_q4_patch_1": {
|
|
184
181
|
"type": "boolean"
|
|
185
182
|
},
|
|
@@ -232,9 +229,6 @@
|
|
|
232
229
|
"platform_fix_macro_renders_in_layouts": {
|
|
233
230
|
"type": "boolean"
|
|
234
231
|
},
|
|
235
|
-
"platform_editor_table_fixed_column_width_prop": {
|
|
236
|
-
"type": "boolean"
|
|
237
|
-
},
|
|
238
232
|
"confluence_ttvc_inline_extensions": {
|
|
239
233
|
"type": "boolean"
|
|
240
234
|
},
|