@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
582 lines (578 loc) • 45.2 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.EditorContentContainerEmotion = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@emotion/react");
var _browser = require("@atlaskit/editor-common/browser");
var _styles = require("@atlaskit/editor-common/styles");
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
var _tokens = require("@atlaskit/tokens");
var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
var _aiPanel = require("./styles/aiPanel");
var _annotationStyles = require("./styles/annotationStyles");
var _backgroundColorStyles = require("./styles/backgroundColorStyles");
var _baseStyles = require("./styles/baseStyles");
var _blockMarksStyles = require("./styles/blockMarksStyles");
var _blockTypeStyles = require("./styles/blockTypeStyles");
var _codeBlockStyles = require("./styles/codeBlockStyles");
var _codeMarkStyles = require("./styles/codeMarkStyles");
var _commentEditorStyles = require("./styles/commentEditorStyles");
var _cursorStyles = require("./styles/cursorStyles");
var _dateStyles = require("./styles/dateStyles");
var _editorUGCTokenStyles = require("./styles/editorUGCTokenStyles");
var _embedCardStyles = require("./styles/embedCardStyles");
var _emoji = require("./styles/emoji");
var _expandStyles = require("./styles/expandStyles");
var _extensionStyles = require("./styles/extensionStyles");
var _findReplaceStyles = require("./styles/findReplaceStyles");
var _firstBlockNodeStyles = require("./styles/firstBlockNodeStyles");
var _floatingToolbarStyles = require("./styles/floatingToolbarStyles");
var _fontSizeStyles = require("./styles/fontSizeStyles");
var _fullPageEditorStyles = require("./styles/fullPageEditorStyles");
var _gapCursorStyles = require("./styles/gapCursorStyles");
var _gridStyles = require("./styles/gridStyles");
var _indentationStyles = require("./styles/indentationStyles");
var _inlineNodeViewSharedStyles = require("./styles/inlineNodeViewSharedStyles");
var _layout = require("./styles/layout");
var _link = require("./styles/link");
var _list = require("./styles/list");
var _mediaStyles = require("./styles/mediaStyles");
var _mentions = require("./styles/mentions");
var _panelStyles = require("./styles/panelStyles");
var _paragraphStyles = require("./styles/paragraphStyles");
var _placeholderStyles = require("./styles/placeholderStyles");
var _resizerStyles = require("./styles/resizerStyles");
var _rule = require("./styles/rule");
var _scrollbarStyles = require("./styles/scrollbarStyles");
var _selectionStyles = require("./styles/selectionStyles");
var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
var _shadowStyles = require("./styles/shadowStyles");
var _smartCardStyles = require("./styles/smartCardStyles");
var _statusStyles = require("./styles/statusStyles");
var _syncBlockStyles = require("./styles/syncBlockStyles");
var _tableStyles = require("./styles/tableStyles");
var _tasksAndDecisionsStyles = require("./styles/tasksAndDecisionsStyles");
var _telepointerStyles = require("./styles/telepointerStyles");
var _textColorStyles = require("./styles/textColorStyles");
var _textHighlightStyles = require("./styles/textHighlightStyles");
var _unsupportedStyles = require("./styles/unsupportedStyles");
var _whitespaceStyles = require("./styles/whitespaceStyles");
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
/**
* @jsxRuntime classic
* @jsx jsx
*/
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
var alignMultipleWrappedImageInLayoutStyles = {
'.ProseMirror [data-layout-section] [data-layout-column] > div': {
// apply marginTop to wrapped mediaSingle that has preceding wrapped mediaSingle (even when there's gap cursor in between them)
// Given the first wrapped mediaSingle in layout has 0 marginTop, this is needed to make sure fellow wrapped mediaSingle align with it horizontally
'.mediaSingleView-content-wrap[layout^=wrap] + .mediaSingleView-content-wrap[layout^=wrap], .mediaSingleView-content-wrap[layout^=wrap] + .ProseMirror-gapcursor + .mediaSingleView-content-wrap[layout^=wrap]': {
'.rich-media-item': {
marginTop: 0
}
},
// Due to the above rule, wrapped mediaSingle (not the first node in layout) that are followed by wrapped mediaSingle should also have 0 marginTop
// so it's aligned with the following wrapped mediaSingle
'.mediaSingleView-content-wrap[layout^=wrap]:has( + .mediaSingleView-content-wrap[layout^=wrap])': {
'.rich-media-item': {
marginTop: 0
}
}
}
};
var firstWrappedMediaStyles = {
'.ProseMirror': {
// Remove gap between first wrapped mediaSingle and its fellow wrapped mediaSingle
"& [layout^='wrap-']:has(+ [layout^='wrap-']), & [layout^='wrap-']:has(+ .ProseMirror-gapcursor + [layout^='wrap-'])": (0, _defineProperty2.default)({}, "& .".concat(_styles.richMediaClassName), {
marginLeft: 0,
marginRight: 0
})
}
};
/**
* EditorContentStyles is a wrapper component that applies styles to its children
* based on the provided feature flags, view mode, and other props.
* It uses Emotion for styling and supports scrollable content.
*
* Migration WIP
* If you are touching EditorContentContainerEmotion, please contact with #proj-cc-editor-full-compiled-css-migration
* https://home.atlassian.com/o/2346a038-3c8c-498b-a79b-e7847859868d/s/a436116f-02ce-4520-8fbb-7301462a1674/project/ATLAS-120555
*/
var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
var className = props.className,
children = props.children,
viewMode = props.viewMode,
isScrollable = props.isScrollable,
appearance = props.appearance,
contentMode = props.contentMode,
useStandardNodeWidth = props.useStandardNodeWidth;
var theme = (0, _react2.useTheme)();
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
colorMode = _useThemeObserver.colorMode;
var isFullPage = appearance === 'full-page' || appearance === 'full-width' || ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
var isComment = appearance === 'comment';
var isChromeless = appearance === 'chromeless';
var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
var style = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
exposure: true
}) ? {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
'--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
theme: theme
}), "px")
} : {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
'--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
theme: theme
}), "px"),
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
'--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
};
var browser = (0, _browser.getBrowserInfo)();
return (0, _react2.jsx)("div", {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: className,
ref: ref,
css: [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_baseStyles.baseStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_baseStyles.maxModeReizeFixStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_baseStyles.baseStylesMaxContainerWidthFixes,
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_baseStyles.editorLargeGutterPuddingBaseStylesEditorControls :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_baseStyles.editorLargeGutterPuddingBaseStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
exposure: true
}) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_baseStyles.editorLargeGutterPuddingReducedBaseStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_whitespaceStyles.whitespaceStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_indentationStyles.indentationStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _fontSizeStyles.fontSizeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_shadowStyles.shadowStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_inlineNodeViewSharedStyles.InlineNodeViewSharedStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideCursorWhenHideSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.selectedNodeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_cursorStyles.cursorStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_floatingToolbarStyles.firstFloatingToolbarButtonStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_placeholderStyles.placeholderTextStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_placeholderStyles.placeholderStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && _placeholderStyles.placeholderOverflowStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_placeholderStyles.placeholderWrapStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_codeBlockStyles.codeBlockStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_codeBlockStyles.codeBlockStylesWithEmUnits,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
!(0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && _editorUGCTokenStyles.editorUGCTokensDefault, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_editorUGCTokenStyles.editorUGCTokensRefreshed,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _editorUGCTokenStyles.editorUGCSmallText,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.blocktypeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
exposure: true
}) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.blockquoteSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
exposure: true
}) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.listSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
exposure: true
}) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.textSelectedNodeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.blocktypeStyles_fg_platform_editor_typography_ugc :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_codeMarkStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_codeMarkStyles.codeMarkStylesA11yFix,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_textColorStyles.textColorStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_backgroundColorStyles.backgroundColorStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_backgroundColorStyles.textHighlightPaddingStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_list.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_list.listItemHiddenMarkerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_list.diffListStyles,
// Condense vertical spacing between list items when content mode dense is active
contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _list.getDenseListStyles)(baseFontSize), (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'listLayoutShiftFix', true) && isFullPage &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_list.listsStylesMarginLayoutShiftFix,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_rule.ruleStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.showDiffDeletedNodeStylesNew :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.showDiffDeletedNodeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mediaStyles.mediaStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mediaStyles.mediaCaptionStyles,
// merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
(0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_telepointerStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_telepointerStyles.telepointerColorAndCommonStyle,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_gapCursorStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_gapCursorStyles.gapCursorStylesVisibilityFix,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_panelStyles.panelStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_panelStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_panelStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_panelStyles.panelStylesMixin,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mentions.mentionsStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.tasksAndDecisionsStyles,
// condense vertical spacing between tasks/decisions items when content mode dense is active
contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _tasksAndDecisionsStyles.getDenseTasksAndDecisionsStyles)(baseFontSize),
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_gridStyles.gridStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockMarksStyles.blockMarksStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_dateStyles.dateStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _extensionStyles.getExtensionStyles)(contentMode),
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_extensionStyles.extensionDiffStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_expandStyles.expandStylesBase,
// Apply expand delta styles conditionally based on useStandardNodeWidth (negative margins or not)
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
!useStandardNodeWidth && _expandStyles.expandStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _expandStyles.getDenseExpandTitleStyles)(baseFontSize), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_expandStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && (0, _expValEquals.expValEquals)('platform_editor_chromeless_expand_fix', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_expandStyles.expandStylesMixin_experiment_platform_editor_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_findReplaceStyles.findReplaceStylesNewWithA11Y :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_findReplaceStyles.findReplaceStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_findReplaceStyles.findReplaceStylesWithRefSyncBlock, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_findReplaceStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_findReplaceStyles.findReplaceStylesWithCodeblockColorContrastFix,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_textHighlightStyles.textHighlightStyle,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.decisionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.taskItemStylesWithBlockTaskItem :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.taskItemStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.taskItemCheckboxStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.decisionIconWithVisualRefresh,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_annotationStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.smartCardStylesWithSearchMatch :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.editorControlsSmartCardStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_embedCardStyles.embedCardStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_unsupportedStyles.unsupportedStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.resizerStyles, (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.resizerBottomHandleStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutBaseStylesWithTableExcerptsFix,
// merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
(0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_syncBlockStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
!useStandardNodeWidth &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_syncBlockStyles.syncBlockStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('platform_synced_block', true) && _syncBlockStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_syncBlockStyles.syncBlockFirstNodeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSectionStylesAdvanced :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnStylesAdvanced :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnResizeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('advanced_layouts', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSelectedStylesAdvanced :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSelectedStylesAdvancedFix,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && ((0, _experiments.editorExperiment)('platform_synced_block', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutBaseStylesFixesUnderNestedDnDFG), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnMartinTopFixesNew :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutColumnMartinTopFixesOld,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.smartLinksInLivePagesStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_smartCardStyles.linkingVisualRefreshV1Styles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_dateStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_paragraphStyles.paragraphStylesWithScaledMargin :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_paragraphStyles.paragraphStylesUGCRefreshed :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_paragraphStyles.paragraphStylesOldWithScaledMargin :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_paragraphStyles.paragraphStylesOld,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_link.linkStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
browser.safari && _list.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticResizerStyles : undefined, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('platform_synced_block', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticResizerStylesCodeBlockLegacy : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_resizerStyles.pragmaticResizerStylesWithReducedEditorGutter,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_aiPanel.aiPanelBaseStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
isFirefox && _aiPanel.aiPanelBaseFirefoxStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
colorMode === 'dark' && _aiPanel.aiPanelDarkStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
colorMode === 'dark' && isFirefox && _aiPanel.aiPanelDarkFirefoxStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
viewMode === 'view' && _layout.layoutStylesForView,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_layout.layoutResponsiveStylesForView,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
isComment && _commentEditorStyles.commentEditorStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
isComment && _tableStyles.tableCommentEditorStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
isFullPage && _fullPageEditorStyles.fullPageEditorStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
isFullPage && _scrollbarStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_codeBlockStyles.firstCodeBlockWithNoMargin :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_codeBlockStyles.firstCodeBlockWithNoMarginOld,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_firstBlockNodeStyles.firstBlockNodeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mentions.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mentions.mentionsSelectionStylesWithSearchMatch :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mentions.mentionsSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_emoji.scaledEmojiStyles :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_emoji.emojiStyles,
// Dense emoji scaling based on base font size
contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ? (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _emoji.getScaledDenseEmojiStyles)(baseFontSize) :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _emoji.getDenseEmojiStyles)(baseFontSize) : undefined,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_panelStyles.panelViewStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mediaStyles.mediaGroupStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mediaStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ?
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tableStyles.tableLayoutFixesWithFontSize :
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tableStyles.tableLayoutFixes,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tableStyles.tableContainerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _styles.tableSharedStyle)(),
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tableStyles.tableEmptyRowStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tableStyles.tableContentModeStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_link.hyperLinkFloatingToolbarStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionToolbarStyles.selectionToolbarAnimationStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
(0, _experiments.editorExperiment)('platform_editor_block_menu', true) && [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.blockquoteDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.textDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_blockTypeStyles.listDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_dateStyles.dangerDateStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_emoji.emojiDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mentions.mentionDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_tasksAndDecisionsStyles.decisionDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_statusStyles.statusDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_rule.dangerRuleStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_mediaStyles.mediaDangerStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_panelStyles.nestedPanelDangerStyles]],
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
"data-testid": "editor-content-container"
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
,
style: style,
tabIndex: isScrollable ? 0 : undefined,
role: isScrollable ? 'region' : undefined
}, children);
});