@atlaskit/editor-core 228.1.12 → 228.1.14
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 +27 -0
- package/dist/cjs/create-editor/ReactEditorView.js +1 -1
- package/dist/cjs/presets/default.js +2 -5
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +15 -42
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +1 -3
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +6 -27
- package/dist/cjs/ui/quick-insert/ExtensionQuickInsertIcon.js +0 -15
- package/dist/cjs/ui/quick-insert/ExtensionQuickInsertMenuItem.js +0 -1
- package/dist/cjs/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.js +48 -10
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +1 -1
- package/dist/es2019/presets/default.js +2 -3
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +16 -43
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +2 -4
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +5 -26
- package/dist/es2019/ui/quick-insert/ExtensionQuickInsertIcon.js +0 -15
- package/dist/es2019/ui/quick-insert/ExtensionQuickInsertMenuItem.js +0 -1
- package/dist/es2019/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.js +48 -10
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +1 -1
- package/dist/esm/presets/default.js +2 -5
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +15 -42
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +2 -4
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +5 -26
- package/dist/esm/ui/quick-insert/ExtensionQuickInsertIcon.js +0 -15
- package/dist/esm/ui/quick-insert/ExtensionQuickInsertMenuItem.js +0 -1
- package/dist/esm/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.js +48 -10
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/layout.d.ts +0 -7
- package/dist/types/ui/quick-insert/ExtensionQuickInsertIcon.d.ts +1 -2
- package/dist/types/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.d.ts +1 -1
- package/package.json +9 -13
|
@@ -72,10 +72,9 @@
|
|
|
72
72
|
.cc-z6qi82 .hyperlink-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
73
73
|
.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="1"]{margin-left:30px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="2"]{margin-left:60px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="3"]{margin-left:90px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="4"]{margin-left:90pt}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="5"]{margin-left:150px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="6"]{margin-left:180px}
|
|
74
74
|
.cc-oocuhh .ProseMirror .inlineNodeView{display:inline;-webkit-user-select:all;user-select:all;white-space:nowrap}.cc-oocuhh .ProseMirror .inlineNodeView>:not(.zeroWidthSpaceContainer){white-space:pre-wrap}.cc-oocuhh .ProseMirror .inlineNodeView>.assistive{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror.ua-safari .inlineNodeView ::selection, .cc-oocuhh .ProseMirror.ua-safari .inlineNodeView::selection{background-color:transparent}.cc-oocuhh .ProseMirror.ua-chrome .inlineNodeView>span{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror .inlineNodeViewAddZeroWidthSpace:after{content:""}
|
|
75
|
-
.cc-vt5d4b .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0;transition:border-color .3s cubic-bezier(.15,1,.3,1);cursor:pointer}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]{flex-grow:1;flex-shrink:1;flex-basis:0%;position:relative;min-width:0;border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);border-radius:var(--ds-radius-small,4px);padding:var(--ds-space-150,9pt);box-sizing:border-box}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.mediaSingleView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-child+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-of-type+.embedCardView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor.-right+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor:first-child+span+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor+span+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>[data-node-type=decisionList] li:first-of-type [data-decision-wrapper]{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content]{height:100%;cursor:text}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content] .mediaGroupView-content-wrap{clear:both}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content], .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex;flex-direction:column}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}.cc-vt5d4b [data-blocks-drop-target-container]~[data-layout-column]>[data-layout-content]:before{display:none}.cc-vt5d4b .fabric-editor--full-width-mode .ProseMirror [data-layout-section] .pm-table-container{margin-top:0;margin-right:2px;margin-bottom:0;margin-left:2px}
|
|
75
|
+
.cc-vt5d4b .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0;transition:border-color .3s cubic-bezier(.15,1,.3,1);cursor:pointer}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]{flex-grow:1;flex-shrink:1;flex-basis:0%;position:relative;min-width:0;border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);border-radius:var(--ds-radius-small,4px);padding:var(--ds-space-150,9pt);box-sizing:border-box}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.mediaSingleView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-child+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-of-type+.embedCardView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor.-right+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor:first-child+span+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor+span+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>[data-node-type=decisionList] li:first-of-type [data-decision-wrapper]{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content]{height:100%;cursor:text}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content] .mediaGroupView-content-wrap{clear:both}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content], .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex;flex-direction:column}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}.cc-vt5d4b [data-blocks-drop-target-container]~[data-layout-column]>[data-layout-content]:before{display:none}.cc-vt5d4b .fabric-editor--full-width-mode .ProseMirror [data-layout-section] .pm-table-container{margin-top:0;margin-right:2px;margin-bottom:0;margin-left:2px}
|
|
76
76
|
.cc-nyj72m .ProseMirror [data-layout-section] [data-layout-column]{border:0}
|
|
77
77
|
.cc-19l8fhf .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -20px 0}.cc-19l8fhf .ProseMirror [data-prosemirror-node-name=bodiedSyncBlock] [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0}.cc-19l8fhf .ProseMirror [data-layout-section] [data-layout-column]{padding-top:9pt;padding-right:20px;padding-bottom:9pt;padding-left:20px}
|
|
78
|
-
.cc-e9amqv .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}
|
|
79
78
|
.cc-17tg3cb .layout-column-divider{margin-inline:-15px 0;flex-shrink:0;box-sizing:content-box;cursor:col-resize;position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-rail{background:var(--ds-background-selected,#e9f2fe)}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-thumb{background:var(--ds-border-focused,#4688ec)}.cc-17tg3cb .layout-column-divider-rail{width:7px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-small,4px);transition:background-color .2s;pointer-events:none}.cc-17tg3cb .layout-column-divider-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);pointer-events:none;position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
|
|
80
79
|
.cc-az4yk5 .layout-column-divider{margin-inline:0 -7px}
|
|
81
80
|
.cc-17reocz .ProseMirror [data-layout-section] [data-layout-column]>div>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}
|
|
@@ -294,7 +294,6 @@ const editorContentStyles = {
|
|
|
294
294
|
layoutBaseStyles: "cc-vt5d4b",
|
|
295
295
|
layoutBaseStylesAdvanced: "cc-nyj72m",
|
|
296
296
|
layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
|
|
297
|
-
layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
|
|
298
297
|
layoutColumnDividerStyles: "cc-17tg3cb",
|
|
299
298
|
layoutColumnDividerStylesNestedDnD: "cc-az4yk5",
|
|
300
299
|
layoutColumnMartinTopFixes: "cc-17reocz",
|
|
@@ -486,7 +485,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
486
485
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
487
486
|
exposure: true
|
|
488
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 */
|
|
489
|
-
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, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !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]),
|
|
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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !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]),
|
|
490
489
|
ref: ref,
|
|
491
490
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
492
491
|
"data-testid": "editor-content-container"
|
|
@@ -48,7 +48,7 @@ import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCurso
|
|
|
48
48
|
import { gridStyles } from './styles/gridStyles';
|
|
49
49
|
import { indentationStyles } from './styles/indentationStyles';
|
|
50
50
|
import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
|
|
51
|
-
import { layoutBaseStyles, layoutBaseStylesAdvanced,
|
|
51
|
+
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutColumnMartinTopFixes, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutDragHandleWrapperStylesLegacy, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesNestedDndExcludingBodiedSync } from './styles/layout';
|
|
52
52
|
import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
|
|
53
53
|
import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
|
|
54
54
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles, vanillaCaptionStyles } from './styles/mediaStyles';
|
|
@@ -564,9 +564,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
564
564
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
565
565
|
resizerBottomHandleStyles,
|
|
566
566
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
567
|
-
layoutBaseStyles,
|
|
568
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
569
|
-
layoutBaseStylesWithTableExcerptsFix,
|
|
567
|
+
layoutBaseStyles,
|
|
570
568
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
571
569
|
alignMultipleWrappedImageInLayoutStyles,
|
|
572
570
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -647,6 +647,11 @@ export const layoutBaseStyles = css({
|
|
|
647
647
|
boxSizing: 'border-box',
|
|
648
648
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
649
649
|
'> div': {
|
|
650
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
651
|
+
'.pm-table-container': {
|
|
652
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
653
|
+
width: '100% !important'
|
|
654
|
+
},
|
|
650
655
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
651
656
|
'> .embedCardView-content-wrap:first-of-type .rich-media-item': {
|
|
652
657
|
marginTop: 0
|
|
@@ -716,32 +721,6 @@ export const layoutBaseStyles = css({
|
|
|
716
721
|
}
|
|
717
722
|
}
|
|
718
723
|
});
|
|
719
|
-
// on exp 'platform_editor_table_excerpts_fix' cleanup, merge this style to the one above
|
|
720
|
-
/**
|
|
721
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
722
|
-
* If you need to make changes here, also update the corresponding style in
|
|
723
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
724
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
725
|
-
*/
|
|
726
|
-
export const layoutBaseStylesWithTableExcerptsFix = css({
|
|
727
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
728
|
-
'.ProseMirror': {
|
|
729
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
730
|
-
'[data-layout-section]': {
|
|
731
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
732
|
-
'[data-layout-column]': {
|
|
733
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
734
|
-
'> div': {
|
|
735
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
736
|
-
'.pm-table-container': {
|
|
737
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
738
|
-
width: '100% !important'
|
|
739
|
-
}
|
|
740
|
-
}
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
}
|
|
744
|
-
});
|
|
745
724
|
|
|
746
725
|
/**
|
|
747
726
|
* Base styles overrides for layout columns when advanced layouts experiment is on
|
|
@@ -6,10 +6,6 @@ import CarouselIcon from '@atlaskit/icon-lab/core/carousel';
|
|
|
6
6
|
import TableOfContentIcon from '@atlaskit/icon-lab/core/table-of-content';
|
|
7
7
|
import TemplateIcon from '@atlaskit/icon-lab/core/template';
|
|
8
8
|
const lazyExtensionIconCache = new WeakMap();
|
|
9
|
-
const brandedSlashCommandIconUrls = {
|
|
10
|
-
amplitude: 'https://dam-cdn.atl.orangelogic.com/AssetLink/730r6bie0211kg6obni4343y4g1wv6n5.svg',
|
|
11
|
-
figma: 'https://dam-cdn.atl.orangelogic.com/AssetLink/68t3023r7347271te7qw370k2pk37rgb.svg'
|
|
12
|
-
};
|
|
13
9
|
const whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
|
|
14
10
|
const quickInsertItemIcons = {
|
|
15
11
|
'toc:toc': TableOfContentIcon,
|
|
@@ -54,10 +50,8 @@ const createLazyExtensionIcon = getIcon => {
|
|
|
54
50
|
export const ExtensionQuickInsertIcon = ({
|
|
55
51
|
getIcon,
|
|
56
52
|
itemKey,
|
|
57
|
-
itemTitle,
|
|
58
53
|
label
|
|
59
54
|
}) => {
|
|
60
|
-
const brandedIconUrl = brandedSlashCommandIconUrls[itemTitle.toLowerCase()];
|
|
61
55
|
const Icon = React.useMemo(() => {
|
|
62
56
|
const quickInsertItemIcon = quickInsertItemIcons[itemKey];
|
|
63
57
|
if (quickInsertItemIcon) {
|
|
@@ -68,15 +62,6 @@ export const ExtensionQuickInsertIcon = ({
|
|
|
68
62
|
}
|
|
69
63
|
return getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
|
|
70
64
|
}, [getIcon, itemKey]);
|
|
71
|
-
if (brandedIconUrl) {
|
|
72
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
73
|
-
alt: "",
|
|
74
|
-
"aria-hidden": "true",
|
|
75
|
-
height: 24,
|
|
76
|
-
src: brandedIconUrl,
|
|
77
|
-
width: 24
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
65
|
return /*#__PURE__*/React.createElement(Icon, {
|
|
81
66
|
label: label
|
|
82
67
|
});
|
|
@@ -1,23 +1,61 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
1
|
+
const googleDrivePreviewImageUrls = {
|
|
2
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/y01wj4t58w86byx86l6k81a22axud131.png',
|
|
3
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wi413m0837rjykg23r6y0256b7377185.png'
|
|
4
|
+
};
|
|
5
|
+
const previewImageUrlsByKey = {
|
|
6
|
+
'third-party-quick-insert-embeds:third-party-embed-amplitude': {
|
|
3
7
|
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/7v8shu6n3wd15644f3ys785628dkt632.png',
|
|
4
8
|
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/2r34o120k40e0us4w66oqpud63o4lef4.png'
|
|
5
9
|
},
|
|
6
|
-
dropbox: {
|
|
10
|
+
'dropbox:item': {
|
|
7
11
|
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/83f1773ur08qm4t3bqaabpwb173313tg.png',
|
|
8
12
|
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/37v2dk5n1ltwc82j1w76dv1tyr8puwq0.png'
|
|
9
13
|
},
|
|
10
|
-
figma: {
|
|
14
|
+
'third-party-quick-insert-embeds:third-party-embed-figma': {
|
|
11
15
|
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/svedc2lju60bgq3r43kfmi7213wj46as.png',
|
|
12
16
|
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/u80s30071b4c10vdjr5rw0uje8cu2pk7.png'
|
|
13
17
|
},
|
|
14
|
-
'google
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
},
|
|
18
|
-
iframe: {
|
|
18
|
+
'third-party-quick-insert-embeds:third-party-embed-google-drive': googleDrivePreviewImageUrls,
|
|
19
|
+
'google-drive:item': googleDrivePreviewImageUrls,
|
|
20
|
+
'iframe:iframe': {
|
|
19
21
|
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/77p6d5rb343gue8580bacbl0xf82u5jv.png',
|
|
20
22
|
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/72a0j8eddxg82rnp8j48bipi8sq8g0ke.png'
|
|
23
|
+
},
|
|
24
|
+
'anchor:anchor': {
|
|
25
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5f440bb8m37yig3u77s6c8200re8mto0.png',
|
|
26
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/y42w6i56fk22vb3g5120d43qfwte8a78.png'
|
|
27
|
+
},
|
|
28
|
+
'cards:quick-insert': {
|
|
29
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/20cikbp248b6uuagmv870057c46b546m.png',
|
|
30
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1jdjwc5fe5q64gf4f6i6i66tp361fv86.png'
|
|
31
|
+
},
|
|
32
|
+
'carousel:quick-insert': {
|
|
33
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/20g273op21fx0t521ap2xg3b36125vpa.png',
|
|
34
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/d5t273i2jkax3c2223172a15kpqxww35.png'
|
|
35
|
+
},
|
|
36
|
+
'com.atlassian.linking-platform.create:linking-platform-create-confluence-page': {
|
|
37
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/3n23b6b5h222r3v068bt32dvx54l5f21.png',
|
|
38
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/bo85x7j087bjb2q45rb14nx2yf18k6l7.png'
|
|
39
|
+
},
|
|
40
|
+
'com.atlassian.linking-platform.create:linking-platform-create-jira-issue': {
|
|
41
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/r8200b630kethcrda0fbs4nt7j180715.png',
|
|
42
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/0n02x8u7ip23y371rkval1ggq5qk738i.png'
|
|
43
|
+
},
|
|
44
|
+
'native-tabs:native-tabs': {
|
|
45
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hvdl25h7i4xrv1gfxc8yo04nkfk63acq.png',
|
|
46
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/n857jlk2ahk2ymsh6derrt3sy75l026j.png'
|
|
47
|
+
},
|
|
48
|
+
'smart-button:quick-insert': {
|
|
49
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/101m1324u46r06ksvg8ak64s2u0vm7l7.png',
|
|
50
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/3cqw35441m20336hn04h731532i1x2pe.png'
|
|
51
|
+
},
|
|
52
|
+
'spotlight:quick-insert': {
|
|
53
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/x2qdma2vfrd7h55vp5i4x66fr42b877w.png',
|
|
54
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/ngi4osf40j5e37flt8e1pqw345pc346v.png'
|
|
55
|
+
},
|
|
56
|
+
'toc:toc': {
|
|
57
|
+
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/7jj541q4pq1joqf0ar53j42kr6371t1t.png',
|
|
58
|
+
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/v8eyy0fvu61fb8a4b4teea4pjs7g2842.png'
|
|
21
59
|
}
|
|
22
60
|
};
|
|
23
|
-
export const getExtensionQuickInsertPreviewImageUrls = item =>
|
|
61
|
+
export const getExtensionQuickInsertPreviewImageUrls = item => previewImageUrlsByKey[item.key];
|
|
@@ -298,7 +298,7 @@ export function ReactEditorView(props) {
|
|
|
298
298
|
// @ts-expect-error
|
|
299
299
|
var sel = viewRef.current.root.getSelection();
|
|
300
300
|
if (sel) {
|
|
301
|
-
if (!
|
|
301
|
+
if (!isExperimentEnabled('fix_editor_blur_issue_exp')) {
|
|
302
302
|
sel.removeAllRanges();
|
|
303
303
|
return;
|
|
304
304
|
}
|
|
@@ -40,7 +40,6 @@ import { unsupportedContentPlugin } from '@atlaskit/editor-plugins/unsupported-c
|
|
|
40
40
|
import { userIntentPlugin } from '@atlaskit/editor-plugins/user-intent';
|
|
41
41
|
import { widthPlugin } from '@atlaskit/editor-plugins/width';
|
|
42
42
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
43
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
44
43
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
45
44
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
46
45
|
import { isFullPage as fullPageCheck } from '../utils/is-full-page';
|
|
@@ -61,13 +60,11 @@ export function createDefaultPreset(options) {
|
|
|
61
60
|
performanceTracking: options.performanceTracking
|
|
62
61
|
}], Boolean(options.allowAnalyticsGASV3)).add(betterTypeHistoryPlugin).add([pastePlugin, _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : options.paste), {}, {
|
|
63
62
|
isFullPage: isFullPage
|
|
64
|
-
})]).add(clipboardPlugin).add(focusPlugin).
|
|
63
|
+
})]).add(clipboardPlugin).add(focusPlugin).add([userPreferencesPlugin, {
|
|
65
64
|
initialUserPreferences: {
|
|
66
65
|
toolbarDockingPosition: isFullPage ? 'none' : 'top'
|
|
67
66
|
}
|
|
68
|
-
}],
|
|
69
|
-
return fg('platform_editor_use_preferences_plugin');
|
|
70
|
-
}).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
|
|
67
|
+
}]).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
|
|
71
68
|
contextIdentifierProvider: options.contextIdentifierProvider
|
|
72
69
|
}]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add(userIntentPlugin).maybeAdd([toolbarPlugin, options.toolbar || {}], Boolean((_options$toolbar = options.toolbar) === null || _options$toolbar === void 0 ? void 0 : _options$toolbar.enableNewToolbarExperience)).add([primaryToolbarPlugin, {
|
|
73
70
|
contextualFormattingEnabled: isFullPage
|
|
@@ -7,7 +7,6 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
|
|
|
7
7
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
8
8
|
import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
|
|
9
9
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
10
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
12
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
13
12
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
@@ -87,33 +86,16 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
87
86
|
var interactionState = state.interactionState;
|
|
88
87
|
var primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
|
|
89
88
|
var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
|
|
90
|
-
var
|
|
91
|
-
disabled: fg('platform_editor_use_preferences_plugin')
|
|
92
|
-
});
|
|
93
|
-
if (!fg('platform_editor_use_preferences_plugin')) {
|
|
94
|
-
if (!toolbarDocking) {
|
|
95
|
-
var _editorAPI$selectionT, _editorAPI$selectionT2;
|
|
96
|
-
// This is a workaround for the rendering issue with the selection toolbar
|
|
97
|
-
// where using useSharedPluginStateSelector or useSharedPluginState the state are not
|
|
98
|
-
// available when the editor is first loaded. and cause the toolbar to blink.
|
|
99
|
-
var defaultDocking = props.__livePage ? 'none' : 'top';
|
|
100
|
-
toolbarDocking = (_editorAPI$selectionT = editorAPI === null || editorAPI === void 0 || (_editorAPI$selectionT2 = editorAPI.selectionToolbar) === null || _editorAPI$selectionT2 === void 0 || (_editorAPI$selectionT2 = _editorAPI$selectionT2.sharedState.currentState()) === null || _editorAPI$selectionT2 === void 0 ? void 0 : _editorAPI$selectionT2.toolbarDocking) !== null && _editorAPI$selectionT !== void 0 ? _editorAPI$selectionT : defaultDocking;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
var _ref3 = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences', {
|
|
104
|
-
disabled: !fg('platform_editor_use_preferences_plugin')
|
|
105
|
-
}) || {},
|
|
89
|
+
var _ref3 = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences') || {},
|
|
106
90
|
toolbarDockingPosition = _ref3.toolbarDockingPosition;
|
|
107
|
-
if (
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 || (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 || (_editorAPI$userPrefer2 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
116
|
-
}
|
|
91
|
+
if (!toolbarDockingPosition) {
|
|
92
|
+
var _editorAPI$userPrefer, _editorAPI$userPrefer2;
|
|
93
|
+
// This is a workaround for the rendering issue with the selection toolbar
|
|
94
|
+
// when using useSharedPluginStateWithSelector the state is not yet
|
|
95
|
+
// available when the editor is first loaded.
|
|
96
|
+
// This causes the toolbar to blink creating a layout shift.
|
|
97
|
+
var defaultDockingPosition = props.__livePage ? 'none' : 'top';
|
|
98
|
+
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 || (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 || (_editorAPI$userPrefer2 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
117
99
|
}
|
|
118
100
|
var primaryToolbarComponents = props.primaryToolbarComponents;
|
|
119
101
|
if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
|
|
@@ -124,20 +106,11 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
124
106
|
if (editorExperiment('platform_editor_controls', 'variant1', {
|
|
125
107
|
exposure: true
|
|
126
108
|
})) {
|
|
127
|
-
if
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
isEditorToolbarHidden = true;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
} else {
|
|
136
|
-
if (toolbarDocking === 'none' && !forcePrimaryToolbarPinned) {
|
|
137
|
-
primaryToolbarComponents = [];
|
|
138
|
-
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
139
|
-
isEditorToolbarHidden = true;
|
|
140
|
-
}
|
|
109
|
+
// need to check if the toolbarDockingPosition is set to 'none' or 'top'
|
|
110
|
+
if (toolbarDockingPosition === 'none' && !forcePrimaryToolbarPinned) {
|
|
111
|
+
primaryToolbarComponents = [];
|
|
112
|
+
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
113
|
+
isEditorToolbarHidden = true;
|
|
141
114
|
}
|
|
142
115
|
}
|
|
143
116
|
}
|
|
@@ -164,7 +137,7 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
164
137
|
}, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(FullPageToolbarNext, {
|
|
165
138
|
disabled: expValEquals('platform_editor_ssr_toolbar_optimistic', 'isEnabled', true) ? !hasHadInteraction ? false : !!props.disabled : !!props.disabled || !hasHadInteraction && isExperimentEnabled('platform_editor_default_toolbar_state'),
|
|
166
139
|
disabledWithoutInteractionLogic: !!props.disabled,
|
|
167
|
-
toolbarDockingPosition: toolbarDockingPosition
|
|
140
|
+
toolbarDockingPosition: toolbarDockingPosition,
|
|
168
141
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
169
142
|
editorAPI: editorAPI,
|
|
170
143
|
editorView: props.editorView,
|
|
@@ -72,10 +72,9 @@
|
|
|
72
72
|
.cc-z6qi82 .hyperlink-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
73
73
|
.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="1"]{margin-left:30px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="2"]{margin-left:60px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="3"]{margin-left:90px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="4"]{margin-left:90pt}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="5"]{margin-left:150px}.cc-1soex6v .ProseMirror .fabric-editor-indentation-mark[data-level="6"]{margin-left:180px}
|
|
74
74
|
.cc-oocuhh .ProseMirror .inlineNodeView{display:inline;-webkit-user-select:all;user-select:all;white-space:nowrap}.cc-oocuhh .ProseMirror .inlineNodeView>:not(.zeroWidthSpaceContainer){white-space:pre-wrap}.cc-oocuhh .ProseMirror .inlineNodeView>.assistive{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror.ua-safari .inlineNodeView ::selection, .cc-oocuhh .ProseMirror.ua-safari .inlineNodeView::selection{background-color:transparent}.cc-oocuhh .ProseMirror.ua-chrome .inlineNodeView>span{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror .inlineNodeViewAddZeroWidthSpace:after{content:""}
|
|
75
|
-
.cc-vt5d4b .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0;transition:border-color .3s cubic-bezier(.15,1,.3,1);cursor:pointer}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]{flex-grow:1;flex-shrink:1;flex-basis:0%;position:relative;min-width:0;border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);border-radius:var(--ds-radius-small,4px);padding:var(--ds-space-150,9pt);box-sizing:border-box}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.mediaSingleView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-child+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-of-type+.embedCardView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor.-right+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor:first-child+span+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor+span+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>[data-node-type=decisionList] li:first-of-type [data-decision-wrapper]{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content]{height:100%;cursor:text}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content] .mediaGroupView-content-wrap{clear:both}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content], .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex;flex-direction:column}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}.cc-vt5d4b [data-blocks-drop-target-container]~[data-layout-column]>[data-layout-content]:before{display:none}.cc-vt5d4b .fabric-editor--full-width-mode .ProseMirror [data-layout-section] .pm-table-container{margin-top:0;margin-right:2px;margin-bottom:0;margin-left:2px}
|
|
75
|
+
.cc-vt5d4b .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0;transition:border-color .3s cubic-bezier(.15,1,.3,1);cursor:pointer}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]{flex-grow:1;flex-shrink:1;flex-basis:0%;position:relative;min-width:0;border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);border-radius:var(--ds-radius-small,4px);padding:var(--ds-space-150,9pt);box-sizing:border-box}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.mediaSingleView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-child+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-of-type+.embedCardView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor.-right+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor:first-child+span+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor+span+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>[data-node-type=decisionList] li:first-of-type [data-decision-wrapper]{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content]{height:100%;cursor:text}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content] .mediaGroupView-content-wrap{clear:both}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content], .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex;flex-direction:column}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}.cc-vt5d4b [data-blocks-drop-target-container]~[data-layout-column]>[data-layout-content]:before{display:none}.cc-vt5d4b .fabric-editor--full-width-mode .ProseMirror [data-layout-section] .pm-table-container{margin-top:0;margin-right:2px;margin-bottom:0;margin-left:2px}
|
|
76
76
|
.cc-nyj72m .ProseMirror [data-layout-section] [data-layout-column]{border:0}
|
|
77
77
|
.cc-19l8fhf .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -20px 0}.cc-19l8fhf .ProseMirror [data-prosemirror-node-name=bodiedSyncBlock] [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0}.cc-19l8fhf .ProseMirror [data-layout-section] [data-layout-column]{padding-top:9pt;padding-right:20px;padding-bottom:9pt;padding-left:20px}
|
|
78
|
-
.cc-e9amqv .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}
|
|
79
78
|
.cc-17tg3cb .layout-column-divider{margin-inline:-15px 0;flex-shrink:0;box-sizing:content-box;cursor:col-resize;position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-rail{background:var(--ds-background-selected,#e9f2fe)}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-thumb{background:var(--ds-border-focused,#4688ec)}.cc-17tg3cb .layout-column-divider-rail{width:7px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-small,4px);transition:background-color .2s;pointer-events:none}.cc-17tg3cb .layout-column-divider-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);pointer-events:none;position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
|
|
80
79
|
.cc-az4yk5 .layout-column-divider{margin-inline:0 -7px}
|
|
81
80
|
.cc-17reocz .ProseMirror [data-layout-section] [data-layout-column]>div>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}
|
|
@@ -242,7 +242,6 @@ var editorContentStyles = {
|
|
|
242
242
|
layoutBaseStyles: "cc-vt5d4b",
|
|
243
243
|
layoutBaseStylesAdvanced: "cc-nyj72m",
|
|
244
244
|
layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
|
|
245
|
-
layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
|
|
246
245
|
layoutColumnDividerStyles: "cc-17tg3cb",
|
|
247
246
|
layoutColumnDividerStylesNestedDnD: "cc-az4yk5",
|
|
248
247
|
layoutColumnMartinTopFixes: "cc-17reocz",
|
|
@@ -430,7 +429,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
430
429
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
431
430
|
exposure: true
|
|
432
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 */
|
|
433
|
-
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, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !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]),
|
|
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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !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]),
|
|
434
433
|
ref: ref,
|
|
435
434
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
436
435
|
"data-testid": "editor-content-container"
|
|
@@ -51,7 +51,7 @@ import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCurso
|
|
|
51
51
|
import { gridStyles } from './styles/gridStyles';
|
|
52
52
|
import { indentationStyles } from './styles/indentationStyles';
|
|
53
53
|
import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
|
|
54
|
-
import { layoutBaseStyles, layoutBaseStylesAdvanced,
|
|
54
|
+
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutColumnMartinTopFixes, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutDragHandleWrapperStylesLegacy, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesNestedDndExcludingBodiedSync } from './styles/layout';
|
|
55
55
|
import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
|
|
56
56
|
import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
|
|
57
57
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles, vanillaCaptionStyles } from './styles/mediaStyles';
|
|
@@ -559,9 +559,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
559
559
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
560
560
|
resizerBottomHandleStyles,
|
|
561
561
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
562
|
-
layoutBaseStyles,
|
|
563
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
564
|
-
layoutBaseStylesWithTableExcerptsFix,
|
|
562
|
+
layoutBaseStyles,
|
|
565
563
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
566
564
|
alignMultipleWrappedImageInLayoutStyles,
|
|
567
565
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|