@atlaskit/editor-core 228.1.4 → 228.1.6
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 +21 -0
- package/dist/cjs/create-editor/ReactEditorView.js +6 -12
- package/dist/cjs/ui/ContextPanel/index-compiled.compiled.css +1 -3
- package/dist/cjs/ui/ContextPanel/index-compiled.js +6 -10
- package/dist/cjs/ui/ContextPanel/index-emotion.js +4 -14
- package/dist/cjs/ui/ContextPanel/index.js +2 -18
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +4 -10
- package/dist/es2019/ui/ContextPanel/index-compiled.compiled.css +1 -3
- package/dist/es2019/ui/ContextPanel/index-compiled.js +5 -9
- package/dist/es2019/ui/ContextPanel/index-emotion.js +3 -13
- package/dist/es2019/ui/ContextPanel/index.js +2 -16
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -7
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +6 -12
- package/dist/esm/ui/ContextPanel/index-compiled.compiled.css +1 -3
- package/dist/esm/ui/ContextPanel/index-compiled.js +7 -11
- package/dist/esm/ui/ContextPanel/index-emotion.js +5 -15
- package/dist/esm/ui/ContextPanel/index.js +2 -18
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -7
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContextPanel/index-compiled.d.ts +2 -4
- package/dist/types/ui/ContextPanel/index-emotion.d.ts +2 -4
- package/package.json +10 -14
|
@@ -10,12 +10,10 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
|
|
|
10
10
|
import { contextPanelMessages } from '@atlaskit/editor-common/messages';
|
|
11
11
|
import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
|
|
12
12
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
14
13
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
15
14
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
16
15
|
import { ContextPanelContentCompiled, ContextPanelWrapperCompiled } from './index-compiled';
|
|
17
16
|
import { ContextPanelContentEmotion, ContextPanelWrapperEmotion } from './index-emotion';
|
|
18
|
-
const ANIM_SPEED_MS = 500;
|
|
19
17
|
const ContextPanelWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), ContextPanelWrapperCompiled, ContextPanelWrapperEmotion);
|
|
20
18
|
const ContextPanelContentMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), ContextPanelContentCompiled, ContextPanelContentEmotion);
|
|
21
19
|
// Ignored via go/ees005
|
|
@@ -24,7 +22,6 @@ class SwappableContentAreaInner extends React.PureComponent {
|
|
|
24
22
|
constructor(...args) {
|
|
25
23
|
super(...args);
|
|
26
24
|
_defineProperty(this, "state", {
|
|
27
|
-
mounted: false,
|
|
28
25
|
currentPluginContent: undefined
|
|
29
26
|
});
|
|
30
27
|
_defineProperty(this, "handleTransitionExited", () => {
|
|
@@ -73,10 +70,9 @@ class SwappableContentAreaInner extends React.PureComponent {
|
|
|
73
70
|
if (!currentPluginContent) {
|
|
74
71
|
return;
|
|
75
72
|
}
|
|
76
|
-
const animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
|
|
77
73
|
const onExited = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? this.handleTransitionExited : () => this.unsetPluginContent();
|
|
78
74
|
return /*#__PURE__*/React.createElement(Transition, {
|
|
79
|
-
timeout:
|
|
75
|
+
timeout: 0,
|
|
80
76
|
in: !!pluginContent,
|
|
81
77
|
mountOnEnter: true,
|
|
82
78
|
unmountOnExit: true,
|
|
@@ -90,9 +86,8 @@ class SwappableContentAreaInner extends React.PureComponent {
|
|
|
90
86
|
if (!children) {
|
|
91
87
|
return;
|
|
92
88
|
}
|
|
93
|
-
const animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
|
|
94
89
|
return /*#__PURE__*/React.createElement(Transition, {
|
|
95
|
-
timeout:
|
|
90
|
+
timeout: 0,
|
|
96
91
|
in: isVisible,
|
|
97
92
|
mountOnEnter: true,
|
|
98
93
|
unmountOnExit: true,
|
|
@@ -114,19 +109,12 @@ class SwappableContentAreaInner extends React.PureComponent {
|
|
|
114
109
|
currentPluginContent: undefined
|
|
115
110
|
});
|
|
116
111
|
}
|
|
117
|
-
componentDidMount() {
|
|
118
|
-
// use this to trigger an animation
|
|
119
|
-
this.setState({
|
|
120
|
-
mounted: true
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
112
|
render() {
|
|
124
113
|
var _this$props$customWid;
|
|
125
114
|
const width = (_this$props$customWid = this.props.customWidth) !== null && _this$props$customWid !== void 0 ? _this$props$customWid : akEditorContextPanelWidth;
|
|
126
115
|
const userVisible = !!this.props.visible;
|
|
127
116
|
const visible = userVisible || !!this.state.currentPluginContent;
|
|
128
117
|
const hasPadding = this.props.hasPadding === undefined ? true : this.props.hasPadding;
|
|
129
|
-
const disableAnimation = fg('platform_editor_disable_context_panel_animation');
|
|
130
118
|
return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
|
|
131
119
|
broadcastWidth
|
|
132
120
|
}) => {
|
|
@@ -136,7 +124,6 @@ class SwappableContentAreaInner extends React.PureComponent {
|
|
|
136
124
|
return /*#__PURE__*/React.createElement(ContextPanelWrapperMigration, {
|
|
137
125
|
customWidth: this.props.customWidth,
|
|
138
126
|
visible: visible,
|
|
139
|
-
disableAnimation: disableAnimation,
|
|
140
127
|
"data-testid": "context-panel-panel"
|
|
141
128
|
// eslint-disable-next-line @atlassian/a11y/no-empty-aria-label -- Pre-existing; intl should always resolve a label here
|
|
142
129
|
,
|
|
@@ -146,7 +133,6 @@ class SwappableContentAreaInner extends React.PureComponent {
|
|
|
146
133
|
}, /*#__PURE__*/React.createElement(ContextPanelContentMigration, {
|
|
147
134
|
customWidth: this.props.customWidth,
|
|
148
135
|
visible: visible,
|
|
149
|
-
disableAnimation: disableAnimation,
|
|
150
136
|
hasPadding: hasPadding,
|
|
151
137
|
"data-testid": "context-panel-content"
|
|
152
138
|
// Adding tabIndex=0 here to make content focusable as it is a scrollable region
|
|
@@ -478,14 +478,14 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
478
478
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
479
479
|
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
480
480
|
exposure: true
|
|
481
|
-
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles,
|
|
481
|
+
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
482
482
|
exposure: true
|
|
483
483
|
}) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
484
484
|
exposure: true
|
|
485
485
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
486
486
|
exposure: true
|
|
487
487
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
488
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
488
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
489
489
|
ref: ref,
|
|
490
490
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
491
491
|
"data-testid": "editor-content-container"
|
|
@@ -67,7 +67,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
|
|
|
67
67
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
|
|
68
68
|
import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
|
|
69
69
|
import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
|
|
70
|
-
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles,
|
|
70
|
+
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeExtensionContainmentStyles, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
|
|
71
71
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
72
72
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
73
73
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -356,7 +356,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
356
356
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
357
357
|
indentationStyles,
|
|
358
358
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
359
|
-
|
|
359
|
+
fontSizeStyles,
|
|
360
360
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
361
361
|
shadowStyles,
|
|
362
362
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -384,7 +384,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
384
384
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
385
385
|
editorUGCTokensRefreshed,
|
|
386
386
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
387
|
-
|
|
387
|
+
editorUGCSmallText,
|
|
388
388
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
389
389
|
blocktypeStyles, isFloatingTocEnabled &&
|
|
390
390
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -709,11 +709,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
709
709
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
710
710
|
mediaGroupStyles,
|
|
711
711
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
712
|
-
mediaAlignmentStyles,
|
|
712
|
+
mediaAlignmentStyles,
|
|
713
713
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
714
|
-
tableLayoutFixesWithFontSize
|
|
715
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
716
|
-
tableLayoutFixes,
|
|
714
|
+
tableLayoutFixesWithFontSize,
|
|
717
715
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
718
716
|
tableContainerStyles,
|
|
719
717
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -207,11 +207,9 @@ export function ReactEditorView(props) {
|
|
|
207
207
|
return viewRef.current.state;
|
|
208
208
|
}
|
|
209
209
|
} else {
|
|
210
|
+
var _config$current$pmPlu;
|
|
210
211
|
config.current = processPluginsList(createPluginsList(options.props.preset, 'allowBlockType' in props.editorProps ? props.editorProps : {}, pluginInjectionAPI.current));
|
|
211
|
-
|
|
212
|
-
var _config$current$pmPlu;
|
|
213
|
-
(_config$current$pmPlu = config.current.pmPlugins).push.apply(_config$current$pmPlu, _toConsumableArray(pluginInjectionAPI.current.getInternalPMPlugins()));
|
|
214
|
-
}
|
|
212
|
+
(_config$current$pmPlu = config.current.pmPlugins).push.apply(_config$current$pmPlu, _toConsumableArray(pluginInjectionAPI.current.getInternalPMPlugins()));
|
|
215
213
|
schema = createSchema(config.current);
|
|
216
214
|
}
|
|
217
215
|
var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
|
|
@@ -433,11 +431,9 @@ export function ReactEditorView(props) {
|
|
|
433
431
|
// decision and the drop-filter decision below depend on this answer,
|
|
434
432
|
// so it has to be computed up-front.
|
|
435
433
|
var buildConfig = function buildConfig(plugins) {
|
|
434
|
+
var _c$pmPlugins;
|
|
436
435
|
var c = processPluginsList(plugins);
|
|
437
|
-
|
|
438
|
-
var _c$pmPlugins;
|
|
439
|
-
(_c$pmPlugins = c.pmPlugins).push.apply(_c$pmPlugins, _toConsumableArray(pluginInjectionAPI.current.getInternalPMPlugins()));
|
|
440
|
-
}
|
|
436
|
+
(_c$pmPlugins = c.pmPlugins).push.apply(_c$pmPlugins, _toConsumableArray(pluginInjectionAPI.current.getInternalPMPlugins()));
|
|
441
437
|
return c;
|
|
442
438
|
};
|
|
443
439
|
var nextConfig = buildConfig(editorPlugins);
|
|
@@ -1015,10 +1011,8 @@ export function ReactEditorView(props) {
|
|
|
1015
1011
|
}
|
|
1016
1012
|
}, [disabled, shouldFocus, previousDisabledState, __livePage]);
|
|
1017
1013
|
useLayoutEffect(function () {
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
(_pluginInjectionAPI$c3 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.core) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.actions) === null || _pluginInjectionAPI$c3 === void 0 || _pluginInjectionAPI$c3.updateAppearance(nextAppearance);
|
|
1021
|
-
}
|
|
1014
|
+
var _pluginInjectionAPI$c3;
|
|
1015
|
+
(_pluginInjectionAPI$c3 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.core) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.actions) === null || _pluginInjectionAPI$c3 === void 0 || _pluginInjectionAPI$c3.updateAppearance(nextAppearance);
|
|
1022
1016
|
}, [nextAppearance]);
|
|
1023
1017
|
useFireFullWidthEvent(nextAppearance, dispatchAnalyticsEvent);
|
|
1024
1018
|
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
.
|
|
2
|
-
._v564e1q5{transition:width .6s cubic-bezier(.15,1,.3,1)}
|
|
3
|
-
._v564glyw{transition:none}._16qshh4h{box-shadow:inset 2px 0 0 0 var(--ds-border,#0b120e24)}
|
|
1
|
+
._16qshh4h{box-shadow:inset 2px 0 0 0 var(--ds-border,#0b120e24)}
|
|
4
2
|
._18m915vq{overflow-y:hidden}
|
|
5
3
|
._18m91wug{overflow-y:auto}
|
|
6
4
|
._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* index-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["children", "customWidth", "visible"
|
|
5
|
-
_excluded2 = ["children", "customWidth", "visible", "
|
|
4
|
+
var _excluded = ["children", "customWidth", "visible"],
|
|
5
|
+
_excluded2 = ["children", "customWidth", "visible", "hasPadding"];
|
|
6
6
|
import "./index-compiled.compiled.css";
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -13,8 +13,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
13
13
|
* Cleanup: delete this file once the `platform_editor_core_non_ecc_static_css` experiment has shipped.
|
|
14
14
|
*/
|
|
15
15
|
import { useMemo } from 'react';
|
|
16
|
-
import { akEditorContextPanelWidth
|
|
17
|
-
var ANIM_SPEED_MS = 500;
|
|
16
|
+
import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
|
|
18
17
|
var getContextPanelWidthStyle = function getContextPanelWidthStyle(_ref) {
|
|
19
18
|
var customWidth = _ref.customWidth,
|
|
20
19
|
visible = _ref.visible;
|
|
@@ -31,9 +30,8 @@ var getContextPanelWidthStyle = function getContextPanelWidthStyle(_ref) {
|
|
|
31
30
|
return undefined;
|
|
32
31
|
};
|
|
33
32
|
var panelStyles = {
|
|
34
|
-
panel: "
|
|
35
|
-
|
|
36
|
-
content: "_v564e1q5 _vchhusvi _1bsbnklw _4t3i1osq _18m91wug",
|
|
33
|
+
panel: "_1reo15vq _18m915vq _1bsbnklw _4t3i1osq _16qshh4h",
|
|
34
|
+
content: "_vchhusvi _1bsbnklw _4t3i1osq _18m91wug",
|
|
37
35
|
padding: "_ca0qpxbi _u5f3pxbi _n3tdze3t _19bvpxbi",
|
|
38
36
|
customWidthOverflow: "_1reo15vq"
|
|
39
37
|
};
|
|
@@ -41,7 +39,6 @@ export var ContextPanelWrapperCompiled = function ContextPanelWrapperCompiled(_r
|
|
|
41
39
|
var children = _ref2.children,
|
|
42
40
|
customWidth = _ref2.customWidth,
|
|
43
41
|
visible = _ref2.visible,
|
|
44
|
-
disableAnimation = _ref2.disableAnimation,
|
|
45
42
|
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
46
43
|
var widthStyle = useMemo(function () {
|
|
47
44
|
return getContextPanelWidthStyle({
|
|
@@ -54,7 +51,7 @@ export var ContextPanelWrapperCompiled = function ContextPanelWrapperCompiled(_r
|
|
|
54
51
|
style: widthStyle
|
|
55
52
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
56
53
|
}, rest, {
|
|
57
|
-
className: ax([panelStyles.panel, customWidth && ""
|
|
54
|
+
className: ax([panelStyles.panel, customWidth && ""])
|
|
58
55
|
}), children);
|
|
59
56
|
};
|
|
60
57
|
|
|
@@ -63,7 +60,6 @@ export var ContextPanelContentCompiled = function ContextPanelContentCompiled(_r
|
|
|
63
60
|
var children = _ref3.children,
|
|
64
61
|
customWidth = _ref3.customWidth,
|
|
65
62
|
visible = _ref3.visible,
|
|
66
|
-
disableAnimation = _ref3.disableAnimation,
|
|
67
63
|
hasPadding = _ref3.hasPadding,
|
|
68
64
|
rest = _objectWithoutProperties(_ref3, _excluded2);
|
|
69
65
|
var widthStyle = useMemo(function () {
|
|
@@ -77,6 +73,6 @@ export var ContextPanelContentCompiled = function ContextPanelContentCompiled(_r
|
|
|
77
73
|
style: widthStyle
|
|
78
74
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
79
75
|
}, rest, {
|
|
80
|
-
className: ax([panelStyles.content, hasPadding && panelStyles.padding, customWidth && ""
|
|
76
|
+
className: ax([panelStyles.content, hasPadding && panelStyles.padding, customWidth && ""])
|
|
81
77
|
}), children);
|
|
82
78
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["children", "customWidth", "visible"
|
|
4
|
-
_excluded2 = ["children", "customWidth", "visible", "
|
|
3
|
+
var _excluded = ["children", "customWidth", "visible"],
|
|
4
|
+
_excluded2 = ["children", "customWidth", "visible", "hasPadding"];
|
|
5
5
|
/**
|
|
6
6
|
* @jsxRuntime classic
|
|
7
7
|
* @jsx jsx
|
|
@@ -15,8 +15,7 @@ var _excluded = ["children", "customWidth", "visible", "disableAnimation"],
|
|
|
15
15
|
import { useMemo } from 'react';
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration
|
|
17
17
|
import { css, jsx } from '@emotion/react';
|
|
18
|
-
import { akEditorContextPanelWidth
|
|
19
|
-
var ANIM_SPEED_MS = 500;
|
|
18
|
+
import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
|
|
20
19
|
var panelHidden = css({
|
|
21
20
|
width: 0
|
|
22
21
|
});
|
|
@@ -24,17 +23,10 @@ var panel = css({
|
|
|
24
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
25
24
|
width: "".concat(akEditorContextPanelWidth, "px"),
|
|
26
25
|
height: '100%',
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
28
|
-
transition: "width ".concat(ANIM_SPEED_MS, "ms ").concat(akEditorSwoopCubicBezier),
|
|
29
26
|
overflow: 'hidden',
|
|
30
27
|
boxShadow: "inset 2px 0 0 0 ".concat("var(--ds-border, #0B120E24)")
|
|
31
28
|
});
|
|
32
|
-
var disablePanelAnimation = css({
|
|
33
|
-
transition: 'none'
|
|
34
|
-
});
|
|
35
29
|
var content = css({
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
|
-
transition: "width 600ms ".concat(akEditorSwoopCubicBezier),
|
|
38
30
|
boxSizing: 'border-box',
|
|
39
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
40
32
|
width: "".concat(akEditorContextPanelWidth, "px"),
|
|
@@ -48,7 +40,6 @@ export var ContextPanelWrapperEmotion = function ContextPanelWrapperEmotion(_ref
|
|
|
48
40
|
var children = _ref.children,
|
|
49
41
|
customWidth = _ref.customWidth,
|
|
50
42
|
visible = _ref.visible,
|
|
51
|
-
disableAnimation = _ref.disableAnimation,
|
|
52
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
53
44
|
var customPanelWidthStyles = useMemo(function () {
|
|
54
45
|
return customWidth ? css({
|
|
@@ -60,7 +51,7 @@ export var ContextPanelWrapperEmotion = function ContextPanelWrapperEmotion(_ref
|
|
|
60
51
|
return jsx("div", _extends({
|
|
61
52
|
css: [panel,
|
|
62
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
|
|
63
|
-
customPanelWidthStyles, !visible && panelHidden
|
|
54
|
+
customPanelWidthStyles, !visible && panelHidden]
|
|
64
55
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
65
56
|
}, rest), children);
|
|
66
57
|
};
|
|
@@ -70,7 +61,6 @@ export var ContextPanelContentEmotion = function ContextPanelContentEmotion(_ref
|
|
|
70
61
|
var children = _ref2.children,
|
|
71
62
|
customWidth = _ref2.customWidth,
|
|
72
63
|
visible = _ref2.visible,
|
|
73
|
-
disableAnimation = _ref2.disableAnimation,
|
|
74
64
|
hasPadding = _ref2.hasPadding,
|
|
75
65
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
76
66
|
var customPanelWidthStyles = useMemo(function () {
|
|
@@ -83,7 +73,7 @@ export var ContextPanelContentEmotion = function ContextPanelContentEmotion(_ref
|
|
|
83
73
|
return jsx("div", _extends({
|
|
84
74
|
css: [content, hasPadding && paddingStyles,
|
|
85
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
|
|
86
|
-
customPanelWidthStyles, !visible && panelHidden
|
|
76
|
+
customPanelWidthStyles, !visible && panelHidden]
|
|
87
77
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
88
78
|
}, rest), children);
|
|
89
79
|
};
|
|
@@ -19,12 +19,10 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
|
|
|
19
19
|
import { contextPanelMessages } from '@atlaskit/editor-common/messages';
|
|
20
20
|
import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
|
|
21
21
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
22
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
23
22
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
24
23
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
25
24
|
import { ContextPanelContentCompiled, ContextPanelWrapperCompiled } from './index-compiled';
|
|
26
25
|
import { ContextPanelContentEmotion, ContextPanelWrapperEmotion } from './index-emotion';
|
|
27
|
-
var ANIM_SPEED_MS = 500;
|
|
28
26
|
var ContextPanelWrapperMigration = componentWithCondition(function () {
|
|
29
27
|
return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
|
|
30
28
|
}, ContextPanelWrapperCompiled, ContextPanelWrapperEmotion);
|
|
@@ -42,7 +40,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
42
40
|
}
|
|
43
41
|
_this = _callSuper(this, SwappableContentAreaInner, [].concat(args));
|
|
44
42
|
_defineProperty(_this, "state", {
|
|
45
|
-
mounted: false,
|
|
46
43
|
currentPluginContent: undefined
|
|
47
44
|
});
|
|
48
45
|
_defineProperty(_this, "handleTransitionExited", function () {
|
|
@@ -85,12 +82,11 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
85
82
|
if (!currentPluginContent) {
|
|
86
83
|
return;
|
|
87
84
|
}
|
|
88
|
-
var animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
|
|
89
85
|
var onExited = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? _this.handleTransitionExited : function () {
|
|
90
86
|
return _this.unsetPluginContent();
|
|
91
87
|
};
|
|
92
88
|
return /*#__PURE__*/React.createElement(Transition, {
|
|
93
|
-
timeout:
|
|
89
|
+
timeout: 0,
|
|
94
90
|
in: !!pluginContent,
|
|
95
91
|
mountOnEnter: true,
|
|
96
92
|
unmountOnExit: true,
|
|
@@ -102,9 +98,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
102
98
|
if (!children) {
|
|
103
99
|
return;
|
|
104
100
|
}
|
|
105
|
-
var animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
|
|
106
101
|
return /*#__PURE__*/React.createElement(Transition, {
|
|
107
|
-
timeout:
|
|
102
|
+
timeout: 0,
|
|
108
103
|
in: isVisible,
|
|
109
104
|
mountOnEnter: true,
|
|
110
105
|
unmountOnExit: true,
|
|
@@ -121,14 +116,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
121
116
|
currentPluginContent: undefined
|
|
122
117
|
});
|
|
123
118
|
}
|
|
124
|
-
}, {
|
|
125
|
-
key: "componentDidMount",
|
|
126
|
-
value: function componentDidMount() {
|
|
127
|
-
// use this to trigger an animation
|
|
128
|
-
this.setState({
|
|
129
|
-
mounted: true
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
119
|
}, {
|
|
133
120
|
key: "render",
|
|
134
121
|
value: function render() {
|
|
@@ -138,7 +125,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
138
125
|
var userVisible = !!this.props.visible;
|
|
139
126
|
var visible = userVisible || !!this.state.currentPluginContent;
|
|
140
127
|
var hasPadding = this.props.hasPadding === undefined ? true : this.props.hasPadding;
|
|
141
|
-
var disableAnimation = fg('platform_editor_disable_context_panel_animation');
|
|
142
128
|
return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref) {
|
|
143
129
|
var _this2$props$intl, _this2$props$intl2;
|
|
144
130
|
var broadcastWidth = _ref.broadcastWidth;
|
|
@@ -147,7 +133,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
147
133
|
return /*#__PURE__*/React.createElement(ContextPanelWrapperMigration, {
|
|
148
134
|
customWidth: _this2.props.customWidth,
|
|
149
135
|
visible: visible,
|
|
150
|
-
disableAnimation: disableAnimation,
|
|
151
136
|
"data-testid": "context-panel-panel"
|
|
152
137
|
// eslint-disable-next-line @atlassian/a11y/no-empty-aria-label -- Pre-existing; intl should always resolve a label here
|
|
153
138
|
,
|
|
@@ -157,7 +142,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
157
142
|
}, /*#__PURE__*/React.createElement(ContextPanelContentMigration, {
|
|
158
143
|
customWidth: _this2.props.customWidth,
|
|
159
144
|
visible: visible,
|
|
160
|
-
disableAnimation: disableAnimation,
|
|
161
145
|
hasPadding: hasPadding,
|
|
162
146
|
"data-testid": "context-panel-content"
|
|
163
147
|
// Adding tabIndex=0 here to make content focusable as it is a scrollable region
|
|
@@ -422,14 +422,14 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
422
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
423
423
|
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
424
424
|
exposure: true
|
|
425
|
-
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles,
|
|
425
|
+
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
426
426
|
exposure: true
|
|
427
427
|
}) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
428
428
|
exposure: true
|
|
429
429
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
430
430
|
exposure: true
|
|
431
431
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
432
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
432
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
433
433
|
ref: ref,
|
|
434
434
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
435
435
|
"data-testid": "editor-content-container"
|
|
@@ -70,7 +70,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
|
|
|
70
70
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
|
|
71
71
|
import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
|
|
72
72
|
import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
|
|
73
|
-
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles,
|
|
73
|
+
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeExtensionContainmentStyles, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
|
|
74
74
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
75
75
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
76
76
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -351,7 +351,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
351
351
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
352
352
|
indentationStyles,
|
|
353
353
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
354
|
-
|
|
354
|
+
fontSizeStyles,
|
|
355
355
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
356
356
|
shadowStyles,
|
|
357
357
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -379,7 +379,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
379
379
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
380
380
|
editorUGCTokensRefreshed,
|
|
381
381
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
382
|
-
|
|
382
|
+
editorUGCSmallText,
|
|
383
383
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
384
384
|
blocktypeStyles, isFloatingTocEnabled &&
|
|
385
385
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -704,11 +704,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
704
704
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
705
705
|
mediaGroupStyles,
|
|
706
706
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
707
|
-
mediaAlignmentStyles,
|
|
707
|
+
mediaAlignmentStyles,
|
|
708
708
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
709
|
-
tableLayoutFixesWithFontSize
|
|
710
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
711
|
-
tableLayoutFixes,
|
|
709
|
+
tableLayoutFixesWithFontSize,
|
|
712
710
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
713
711
|
tableContainerStyles,
|
|
714
712
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|