@atlaskit/editor-core 224.0.4 → 224.1.0
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 +38 -0
- package/dist/cjs/composable-editor/core-editor.js +1 -3
- package/dist/cjs/composable-editor/editor-internal.js +2 -1
- package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/cjs/presets/universal.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +25 -27
- package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +1 -2
- package/dist/es2019/composable-editor/editor-internal.js +2 -1
- package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/es2019/presets/universal.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +6 -7
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +19 -22
- package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -6
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +1 -3
- package/dist/esm/composable-editor/editor-internal.js +2 -1
- package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/esm/presets/universal.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +27 -29
- package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +1 -5
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/types/editor-appearance-component.d.ts +1 -0
- package/dist/types/types/editor-props.d.ts +7 -1
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea-compiled.d.ts +1 -0
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea-emotion.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +0 -7
- package/package.json +6 -6
|
@@ -238,7 +238,6 @@ var editorContentStyles = {
|
|
|
238
238
|
InlineNodeViewSharedStyles: "cc-oocuhh",
|
|
239
239
|
layoutBaseStyles: "cc-vt5d4b",
|
|
240
240
|
layoutBaseStylesAdvanced: "cc-nyj72m",
|
|
241
|
-
layoutBaseStylesNestedDnd: "cc-f9lio7",
|
|
242
241
|
layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
|
|
243
242
|
layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
|
|
244
243
|
layoutColumnDividerStyles: "cc-17tg3cb",
|
|
@@ -292,7 +291,6 @@ var editorContentStyles = {
|
|
|
292
291
|
placeholderTextStyles: "cc-1om7jhv",
|
|
293
292
|
placeholderWrapStyles: "cc-15lghdh",
|
|
294
293
|
pragmaticResizerStyles: "cc-lum87v",
|
|
295
|
-
pragmaticResizerStylesCodeBlockLegacy: "cc-4kxami",
|
|
296
294
|
pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
|
|
297
295
|
pragmaticResizerStylesForTooltip: "cc-mn5fyk",
|
|
298
296
|
pragmaticResizerStylesSyncedBlock: "cc-kqyid",
|
|
@@ -396,13 +394,17 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
396
394
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
397
395
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
398
396
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
399
|
-
var style =
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
'
|
|
405
|
-
|
|
397
|
+
var style = React.useMemo(function () {
|
|
398
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
|
|
399
|
+
contain: 'strict'
|
|
400
|
+
} : {}), {}, {
|
|
401
|
+
'--ak-editor--table-overflow-shadow': tableOverflowShadow
|
|
402
|
+
}, tableCellBackgroundColorVariablesForCompiled), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
403
|
+
exposure: true
|
|
404
|
+
}) && {
|
|
405
|
+
'--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
|
|
406
|
+
});
|
|
407
|
+
}, [tableOverflowShadow, props.UNSAFE_containLayout]);
|
|
406
408
|
var browser = getBrowserInfo();
|
|
407
409
|
|
|
408
410
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -419,9 +421,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
419
421
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
420
422
|
exposure: true
|
|
421
423
|
}) && 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, 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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
422
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && 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, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && 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, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? 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, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
423
|
-
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
424
|
-
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, 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) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && 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]),
|
|
424
|
+
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, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && 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, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? 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, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', 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) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && 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]),
|
|
425
425
|
ref: ref,
|
|
426
426
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
427
427
|
"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, layoutBaseStylesWithTableExcerptsFix,
|
|
51
|
+
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, 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';
|
|
@@ -56,7 +56,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
|
|
|
56
56
|
import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
|
|
57
57
|
import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
|
|
58
58
|
import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
|
|
59
|
-
import { pragmaticResizerStyles,
|
|
59
|
+
import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
|
|
60
60
|
import { dangerRuleStyles, ruleStyles } from './styles/rule';
|
|
61
61
|
import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
62
62
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
@@ -137,15 +137,19 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
137
137
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
138
138
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
139
139
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
140
|
-
var style =
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
}),
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
'
|
|
148
|
-
|
|
140
|
+
var style = React.useMemo(function () {
|
|
141
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
|
|
142
|
+
contain: 'strict'
|
|
143
|
+
} : {}), !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
|
|
144
|
+
'--ak-editor-base-font-size': "".concat(editorFontSize({
|
|
145
|
+
theme: theme
|
|
146
|
+
}), "px")
|
|
147
|
+
}), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
148
|
+
exposure: true
|
|
149
|
+
}) && {
|
|
150
|
+
'--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
|
|
151
|
+
});
|
|
152
|
+
}, [theme, props.UNSAFE_containLayout]);
|
|
149
153
|
var browser = getBrowserInfo();
|
|
150
154
|
|
|
151
155
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -278,7 +282,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
278
282
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
279
283
|
agentShimmerStyle,
|
|
280
284
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
281
|
-
gapCursorStyles,
|
|
285
|
+
gapCursorStyles,
|
|
282
286
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
283
287
|
gapCursorStylesVisibilityFix,
|
|
284
288
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -321,7 +325,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
321
325
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
322
326
|
expandStylesMixin_chromeless_expand_fix,
|
|
323
327
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
324
|
-
findReplaceStyles,
|
|
328
|
+
findReplaceStyles,
|
|
325
329
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
326
330
|
findReplaceStylesWithRefSyncBlock,
|
|
327
331
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -371,20 +375,20 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
371
375
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
372
376
|
layoutBaseStylesWithTableExcerptsFix,
|
|
373
377
|
// merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
|
|
374
|
-
fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
378
|
+
fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
375
379
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
376
|
-
syncBlockStylesBase,
|
|
380
|
+
syncBlockStylesBase,
|
|
377
381
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
378
382
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
379
383
|
!useStandardNodeWidth &&
|
|
380
384
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
381
385
|
syncBlockStyles,
|
|
382
386
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
383
|
-
|
|
387
|
+
syncBlockOverflowStyles,
|
|
384
388
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
385
|
-
syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
389
|
+
syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
386
390
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
387
|
-
syncBlockInteractiveCursorStyles,
|
|
391
|
+
syncBlockInteractiveCursorStyles,
|
|
388
392
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
389
393
|
syncBlockFirstNodeStyles,
|
|
390
394
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -410,17 +414,15 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
410
414
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
411
415
|
layoutSelectedStylesAdvanced :
|
|
412
416
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
413
|
-
layoutSelectedStylesNotAdvanced,
|
|
417
|
+
layoutSelectedStylesNotAdvanced,
|
|
414
418
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
415
419
|
layoutSelectedStylesAdvancedFix,
|
|
416
420
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
417
421
|
editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
|
|
418
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
419
|
-
editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
|
|
420
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
421
|
-
layoutBaseStylesNestedDndExcludingBodiedSync :
|
|
423
|
+
editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
|
|
422
424
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
423
|
-
|
|
425
|
+
layoutBaseStylesNestedDndExcludingBodiedSync,
|
|
424
426
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
425
427
|
layoutColumnMartinTopFixes,
|
|
426
428
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -436,7 +438,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
436
438
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
437
439
|
linkStyles,
|
|
438
440
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
439
|
-
browser.safari && listsStylesSafariFix,
|
|
441
|
+
browser.safari && listsStylesSafariFix,
|
|
440
442
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
441
443
|
pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
442
444
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -446,11 +448,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
446
448
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
447
449
|
pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
448
450
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
449
|
-
editorExperiment('
|
|
450
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
451
|
-
pragmaticResizerStylesCodeBlockSyncedBlockPatch :
|
|
452
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
453
|
-
pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
451
|
+
pragmaticResizerStylesCodeBlockSyncedBlockPatch : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
454
452
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
455
453
|
pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
456
454
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -18,7 +18,6 @@ var gapCursorBlink = keyframes({
|
|
|
18
18
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
19
19
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
20
20
|
*/
|
|
21
|
-
export var hideCaretModifier = 'ProseMirror-hide-gapcursor';
|
|
22
21
|
var gapCursorSelector = '.ProseMirror-gapcursor';
|
|
23
22
|
var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
|
|
24
23
|
var wrapLeft = '[layout="wrap-left"]';
|
|
@@ -38,10 +37,7 @@ var marginDeepChildrenFixSelector = "\n".concat(wrapLeft, " + ").concat(gapCurso
|
|
|
38
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
39
38
|
export var gapCursorStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
40
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
41
|
-
'.ProseMirror': _defineProperty(_defineProperty(
|
|
42
|
-
// Clean this up with platform_synced_block
|
|
43
|
-
caretColor: 'transparent'
|
|
44
|
-
}), gapCursorSelector, _defineProperty(_defineProperty({
|
|
40
|
+
'.ProseMirror': _defineProperty(_defineProperty({}, gapCursorSelector, _defineProperty(_defineProperty({
|
|
45
41
|
display: 'none',
|
|
46
42
|
pointerEvents: 'none',
|
|
47
43
|
position: 'relative',
|
|
@@ -53,5 +53,6 @@ export interface EditorAppearanceComponentProps<Plugins extends NextEditorPlugin
|
|
|
53
53
|
primaryToolbarIconBefore?: ReactElement;
|
|
54
54
|
providerFactory: ProviderFactory;
|
|
55
55
|
secondaryToolbarComponents?: UIComponentFactory[];
|
|
56
|
+
UNSAFE_containLayout?: boolean;
|
|
56
57
|
useStickyToolbar?: UseStickyToolbarType;
|
|
57
58
|
}
|
|
@@ -57,7 +57,6 @@ interface EditorBaseProps {
|
|
|
57
57
|
appearance?: EditorAppearance;
|
|
58
58
|
assistiveLabel?: string;
|
|
59
59
|
contentComponents?: ContentComponents;
|
|
60
|
-
isEditorModernisationEnabled?: boolean;
|
|
61
60
|
/**
|
|
62
61
|
* **WARNING** this attribute is not supported outside of Confluence Full Page editors
|
|
63
62
|
*
|
|
@@ -114,6 +113,7 @@ interface EditorBaseProps {
|
|
|
114
113
|
* @default 100
|
|
115
114
|
*/
|
|
116
115
|
inputSamplingLimit?: number;
|
|
116
|
+
isEditorModernisationEnabled?: boolean;
|
|
117
117
|
maxHeight?: number;
|
|
118
118
|
minHeight?: number;
|
|
119
119
|
onCancel?: (editorView: EditorView) => void;
|
|
@@ -155,6 +155,12 @@ interface EditorBaseProps {
|
|
|
155
155
|
secondaryToolbarComponents?: ReactComponents;
|
|
156
156
|
shouldFocus?: boolean;
|
|
157
157
|
skipValidation?: boolean;
|
|
158
|
+
/**
|
|
159
|
+
* Passing this prop enables `contain: strict` mode
|
|
160
|
+
* which drastically improves layout performance,
|
|
161
|
+
* but it requires that the size of a container is set, otherwise height will be 0.
|
|
162
|
+
*/
|
|
163
|
+
UNSAFE_containLayout?: boolean;
|
|
158
164
|
UNSAFE_useAnalyticsContext?: boolean;
|
|
159
165
|
/**
|
|
160
166
|
* @default undefined
|
|
@@ -45,6 +45,7 @@ interface FullPageEditorContentAreaProps {
|
|
|
45
45
|
popupsMountPoint: HTMLElement | undefined;
|
|
46
46
|
popupsScrollableElement: HTMLElement | undefined;
|
|
47
47
|
providerFactory: ProviderFactory;
|
|
48
|
+
UNSAFE_containLayout?: boolean;
|
|
48
49
|
viewMode: ViewMode | undefined;
|
|
49
50
|
wrapperElement: HTMLElement | null;
|
|
50
51
|
}
|
|
@@ -45,6 +45,7 @@ interface FullPageEditorContentAreaProps {
|
|
|
45
45
|
popupsMountPoint: HTMLElement | undefined;
|
|
46
46
|
popupsScrollableElement: HTMLElement | undefined;
|
|
47
47
|
providerFactory: ProviderFactory;
|
|
48
|
+
UNSAFE_containLayout?: boolean;
|
|
48
49
|
viewMode: ViewMode | undefined;
|
|
49
50
|
wrapperElement: HTMLElement | null;
|
|
50
51
|
}
|
|
@@ -12,6 +12,7 @@ export type EditorContentContainerProps = {
|
|
|
12
12
|
contentMode?: EditorContentMode;
|
|
13
13
|
featureFlags?: FeatureFlags;
|
|
14
14
|
isScrollable?: boolean;
|
|
15
|
+
UNSAFE_containLayout?: boolean;
|
|
15
16
|
/**
|
|
16
17
|
* When true, nodes maintain their standard width without negative margins
|
|
17
18
|
* For when the drag handle is visible and the editor has limited space.
|
|
@@ -11,6 +11,7 @@ export type EditorContentContainerProps = {
|
|
|
11
11
|
contentMode?: EditorContentMode;
|
|
12
12
|
featureFlags?: FeatureFlags;
|
|
13
13
|
isScrollable?: boolean;
|
|
14
|
+
UNSAFE_containLayout?: boolean;
|
|
14
15
|
/**
|
|
15
16
|
* When true, nodes maintain their standard width without negative margins
|
|
16
17
|
* For when the drag handle is visible and the editor has limited space.
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import type { SerializedStyles } from '@emotion/react';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
4
|
-
* If you need to make changes here, also update the corresponding style in
|
|
5
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
6
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
7
|
-
*/
|
|
8
|
-
export declare const hideCaretModifier = "ProseMirror-hide-gapcursor";
|
|
9
2
|
/**
|
|
10
3
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
11
4
|
* If you need to make changes here, also update the corresponding style in
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "224.0
|
|
3
|
+
"version": "224.1.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -56,20 +56,20 @@
|
|
|
56
56
|
"@atlaskit/editor-ssr-renderer": "^10.0.0",
|
|
57
57
|
"@atlaskit/editor-toolbar": "^2.4.0",
|
|
58
58
|
"@atlaskit/editor-toolbar-model": "^1.2.0",
|
|
59
|
-
"@atlaskit/emoji": "^
|
|
59
|
+
"@atlaskit/emoji": "^72.0.0",
|
|
60
60
|
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
61
61
|
"@atlaskit/icon": "^37.3.0",
|
|
62
62
|
"@atlaskit/insm": "^2.0.0",
|
|
63
63
|
"@atlaskit/link": "^5.0.0",
|
|
64
64
|
"@atlaskit/media-card": "^81.6.0",
|
|
65
|
-
"@atlaskit/mention": "^27.
|
|
65
|
+
"@atlaskit/mention": "^27.18.0",
|
|
66
66
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
67
67
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
68
68
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
69
69
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
70
70
|
"@atlaskit/react-ufo": "^7.6.0",
|
|
71
71
|
"@atlaskit/task-decision": "^21.8.0",
|
|
72
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
72
|
+
"@atlaskit/tmp-editor-statsig": "^149.0.0",
|
|
73
73
|
"@atlaskit/tokens": "^16.7.0",
|
|
74
74
|
"@atlaskit/tooltip": "^24.0.0",
|
|
75
75
|
"@atlaskit/width-detector": "^7.0.0",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"uuid": "^3.1.0"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
|
-
"@atlaskit/editor-common": "^119.
|
|
90
|
+
"@atlaskit/editor-common": "^119.7.0",
|
|
91
91
|
"@atlaskit/link-provider": "^5.3.0",
|
|
92
92
|
"@atlaskit/media-core": "^38.0.0",
|
|
93
93
|
"react": "^18.2.0",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@atlaskit/editor-plugin-paste": "^16.0.0",
|
|
109
109
|
"@atlaskit/editor-test-helpers": "workspace:^",
|
|
110
110
|
"@atlaskit/link-provider": "^5.3.0",
|
|
111
|
-
"@atlaskit/linking-common": "^11.
|
|
111
|
+
"@atlaskit/linking-common": "^11.2.0",
|
|
112
112
|
"@atlaskit/logo": "^21.4.0",
|
|
113
113
|
"@atlaskit/media-core": "^38.0.0",
|
|
114
114
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|