@atlaskit/editor-core 228.1.11 → 228.1.13
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 +25 -0
- package/dist/cjs/create-editor/ReactEditorView.js +8 -1
- package/dist/cjs/presets/default.js +2 -5
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +15 -42
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -1
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +2 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +8 -1
- package/dist/es2019/presets/default.js +2 -3
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +16 -43
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -1
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +2 -2
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +8 -1
- package/dist/esm/presets/default.js +2 -5
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +15 -42
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -1
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +2 -2
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +14 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 228.1.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0920715a6b9fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0920715a6b9fc) -
|
|
8
|
+
Clean up feature gate `platform_editor_use_preferences_plugin`
|
|
9
|
+
- [`df3b4a62decdd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df3b4a62decdd) -
|
|
10
|
+
Replace the `fix_editor_blur_issue` feature gate with the `fix_editor_blur_issue_exp` experiment
|
|
11
|
+
for blur selection clearing, including updated experiment-based unit test coverage.
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 228.1.12
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`470aa65623e0d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/470aa65623e0d) -
|
|
19
|
+
Use an opaque surface background for selected editor extension floating and synced-block labels
|
|
20
|
+
when `platform-dst-tokens-finesse` is enabled, preventing the selection outline from showing
|
|
21
|
+
through the labels. Synced blocks also use the semantic selected border colour. Flag-off styling
|
|
22
|
+
is unchanged.
|
|
23
|
+
- [`574a167c9c3d6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/574a167c9c3d6) -
|
|
24
|
+
Gate editor blur selection clearing behind `fix_editor_blur_issue` and scope the gated behavior to
|
|
25
|
+
editor-local selections to avoid clearing user selections outside the editor.
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 228.1.11
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -303,10 +303,17 @@ function ReactEditorView(props) {
|
|
|
303
303
|
|
|
304
304
|
// The selectionToDOM method uses the document selection to determine currently selected node
|
|
305
305
|
// We need to mimic blurring this as it seems doing the above is not enough.
|
|
306
|
+
// Guard against clearing selections that belong outside this editor instance.
|
|
306
307
|
// @ts-expect-error
|
|
307
308
|
var sel = viewRef.current.root.getSelection();
|
|
308
309
|
if (sel) {
|
|
309
|
-
|
|
310
|
+
if (!(0, _isExperimentEnabled.isExperimentEnabled)('fix_editor_blur_issue_exp')) {
|
|
311
|
+
sel.removeAllRanges();
|
|
312
|
+
return;
|
|
313
|
+
}
|
|
314
|
+
if ((!sel.anchorNode || viewRef.current.dom.contains(sel.anchorNode)) && (!sel.focusNode || viewRef.current.dom.contains(sel.focusNode))) {
|
|
315
|
+
sel.removeAllRanges();
|
|
316
|
+
}
|
|
310
317
|
}
|
|
311
318
|
}, []);
|
|
312
319
|
var resetEditorState = (0, _react.useCallback)(function (_ref) {
|
|
@@ -44,7 +44,6 @@ var _unsupportedContent = require("@atlaskit/editor-plugins/unsupported-content"
|
|
|
44
44
|
var _userIntent = require("@atlaskit/editor-plugins/user-intent");
|
|
45
45
|
var _width = require("@atlaskit/editor-plugins/width");
|
|
46
46
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
47
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
48
47
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
49
48
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
50
49
|
var _isFullPage = require("../utils/is-full-page");
|
|
@@ -66,13 +65,11 @@ function createDefaultPreset(options) {
|
|
|
66
65
|
performanceTracking: options.performanceTracking
|
|
67
66
|
}], Boolean(options.allowAnalyticsGASV3)).add(_betterTypeHistory.betterTypeHistoryPlugin).add([_paste.pastePlugin, _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : options.paste), {}, {
|
|
68
67
|
isFullPage: isFullPage
|
|
69
|
-
})]).add(_clipboard.clipboardPlugin).add(_focus.focusPlugin).
|
|
68
|
+
})]).add(_clipboard.clipboardPlugin).add(_focus.focusPlugin).add([_editorPluginUserPreferences.userPreferencesPlugin, {
|
|
70
69
|
initialUserPreferences: {
|
|
71
70
|
toolbarDockingPosition: isFullPage ? 'none' : 'top'
|
|
72
71
|
}
|
|
73
|
-
}],
|
|
74
|
-
return (0, _fg.fg)('platform_editor_use_preferences_plugin');
|
|
75
|
-
}).maybeAdd(_interaction.interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || (0, _expValEquals.expValEquals)('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(_composition.compositionPlugin).add([_contextIdentifier.contextIdentifierPlugin, {
|
|
72
|
+
}]).maybeAdd(_interaction.interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || (0, _expValEquals.expValEquals)('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(_composition.compositionPlugin).add([_contextIdentifier.contextIdentifierPlugin, {
|
|
76
73
|
contextIdentifierProvider: options.contextIdentifierProvider
|
|
77
74
|
}]).add([_base.basePlugin, options.base]).add(_decorations.decorationsPlugin).add([_typeAhead.typeAheadPlugin, options.typeAhead]).maybeAdd(_history.historyPlugin, Boolean(options.allowUndoRedoButtons)).add(_userIntent.userIntentPlugin).maybeAdd([_toolbar.toolbarPlugin, options.toolbar || {}], Boolean((_options$toolbar = options.toolbar) === null || _options$toolbar === void 0 ? void 0 : _options$toolbar.enableNewToolbarExperience)).add([_primaryToolbar.primaryToolbarPlugin, {
|
|
78
75
|
contextualFormattingEnabled: isFullPage
|
|
@@ -15,7 +15,6 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
15
15
|
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
18
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
19
18
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
20
19
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
20
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
@@ -96,33 +95,16 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
96
95
|
var interactionState = state.interactionState;
|
|
97
96
|
var primaryToolbarState = (0, _getPrimaryToolbarComponents.getPrimaryToolbarComponents)(editorAPI, state.primaryToolbarComponents);
|
|
98
97
|
var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
|
|
99
|
-
var
|
|
100
|
-
disabled: (0, _fg.fg)('platform_editor_use_preferences_plugin')
|
|
101
|
-
});
|
|
102
|
-
if (!(0, _fg.fg)('platform_editor_use_preferences_plugin')) {
|
|
103
|
-
if (!toolbarDocking) {
|
|
104
|
-
var _editorAPI$selectionT, _editorAPI$selectionT2;
|
|
105
|
-
// This is a workaround for the rendering issue with the selection toolbar
|
|
106
|
-
// where using useSharedPluginStateSelector or useSharedPluginState the state are not
|
|
107
|
-
// available when the editor is first loaded. and cause the toolbar to blink.
|
|
108
|
-
var defaultDocking = props.__livePage ? 'none' : 'top';
|
|
109
|
-
toolbarDocking = (_editorAPI$selectionT = editorAPI === null || editorAPI === void 0 || (_editorAPI$selectionT2 = editorAPI.selectionToolbar) === null || _editorAPI$selectionT2 === void 0 || (_editorAPI$selectionT2 = _editorAPI$selectionT2.sharedState.currentState()) === null || _editorAPI$selectionT2 === void 0 ? void 0 : _editorAPI$selectionT2.toolbarDocking) !== null && _editorAPI$selectionT !== void 0 ? _editorAPI$selectionT : defaultDocking;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
var _ref3 = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'userPreferences.preferences', {
|
|
113
|
-
disabled: !(0, _fg.fg)('platform_editor_use_preferences_plugin')
|
|
114
|
-
}) || {},
|
|
98
|
+
var _ref3 = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'userPreferences.preferences') || {},
|
|
115
99
|
toolbarDockingPosition = _ref3.toolbarDockingPosition;
|
|
116
|
-
if (
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 || (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 || (_editorAPI$userPrefer2 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
125
|
-
}
|
|
100
|
+
if (!toolbarDockingPosition) {
|
|
101
|
+
var _editorAPI$userPrefer, _editorAPI$userPrefer2;
|
|
102
|
+
// This is a workaround for the rendering issue with the selection toolbar
|
|
103
|
+
// when using useSharedPluginStateWithSelector the state is not yet
|
|
104
|
+
// available when the editor is first loaded.
|
|
105
|
+
// This causes the toolbar to blink creating a layout shift.
|
|
106
|
+
var defaultDockingPosition = props.__livePage ? 'none' : 'top';
|
|
107
|
+
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 || (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 || (_editorAPI$userPrefer2 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
126
108
|
}
|
|
127
109
|
var primaryToolbarComponents = props.primaryToolbarComponents;
|
|
128
110
|
if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
|
|
@@ -133,20 +115,11 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
133
115
|
if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1', {
|
|
134
116
|
exposure: true
|
|
135
117
|
})) {
|
|
136
|
-
if
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
isEditorToolbarHidden = true;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
} else {
|
|
145
|
-
if (toolbarDocking === 'none' && !forcePrimaryToolbarPinned) {
|
|
146
|
-
primaryToolbarComponents = [];
|
|
147
|
-
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
148
|
-
isEditorToolbarHidden = true;
|
|
149
|
-
}
|
|
118
|
+
// need to check if the toolbarDockingPosition is set to 'none' or 'top'
|
|
119
|
+
if (toolbarDockingPosition === 'none' && !forcePrimaryToolbarPinned) {
|
|
120
|
+
primaryToolbarComponents = [];
|
|
121
|
+
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
122
|
+
isEditorToolbarHidden = true;
|
|
150
123
|
}
|
|
151
124
|
}
|
|
152
125
|
}
|
|
@@ -173,7 +146,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
173
146
|
}, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? /*#__PURE__*/_react.default.createElement(_FullPageToolbarNext.FullPageToolbarNext, {
|
|
174
147
|
disabled: (0, _expValEquals.expValEquals)('platform_editor_ssr_toolbar_optimistic', 'isEnabled', true) ? !hasHadInteraction ? false : !!props.disabled : !!props.disabled || !hasHadInteraction && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_default_toolbar_state'),
|
|
175
148
|
disabledWithoutInteractionLogic: !!props.disabled,
|
|
176
|
-
toolbarDockingPosition: toolbarDockingPosition
|
|
149
|
+
toolbarDockingPosition: toolbarDockingPosition,
|
|
177
150
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
178
151
|
editorAPI: editorAPI,
|
|
179
152
|
editorView: props.editorView,
|
|
@@ -151,7 +151,8 @@
|
|
|
151
151
|
.cc-1rgu3l5 .ak-editor-sync-block__renderer{cursor:text;outline-color:currentColor;outline-style:none;outline-width:medium;caret-color:transparent}.cc-1rgu3l5 .ak-editor-sync-block__renderer [data-layout-section]{cursor:text}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id], .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span{box-shadow:none!important}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span:before, .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id]:before{background-color:transparent!important}
|
|
152
152
|
.cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer button{cursor:pointer}.cc-54hos9 .ProseMirror .ak-editor-sync-block__label{max-width:min(300px,calc(100% - var(--ds-space-300, 24px)))}
|
|
153
153
|
.cc-7kpyvk .ProseMirror .ak-editor-bodied-sync-block__content{display:flow-root}.cc-7kpyvk .ProseMirror .ak-editor-sync-block__renderer{display:flow-root}
|
|
154
|
-
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}
|
|
154
|
+
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}
|
|
155
|
+
.cc-1dv8jbi{--ak-editor-sync-block-selected-border-color:var(--ds-border-selected,#1868db)}.cc-1dv8jbi{--ak-editor-sync-block-selected-label-background-color:var(--ds-surface-hovered,#f0f1f2)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block, .cc-btp579 .ProseMirror .ak-editor-sync-block{position:relative;cursor:pointer;border-radius:var(--ds-radius-small,3px);margin-bottom:0;margin-top:var(--ds-space-075,6px);padding-block:var(--ds-space-150,9pt);color:inherit}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover{box-shadow:0 0 0 1px var(--ds-border,#0b120e24);transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover .ak-editor-sync-block__label{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node{box-shadow:0 0 0 1px var(--ak-editor-sync-block-selected-border-color,var(--ds-border-focused,#4688ec))}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{opacity:1;visibility:visible;background-color:var(--ak-editor-sync-block-selected-label-background-color,var(--ds-background-selected,#e9f2fe));top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-panel__icon, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{background-color:var(--ds-background-danger,#ffeceb);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label>span{color:var(--ds-text-danger,#ae2e24)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled{background-color:var(--ds-background-disabled,#0515240f);box-shadow:0 0 0 1px var(--ds-border-disabled,#0515240f);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label{background-color:var(--ds-surface,#fff)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label:before, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label:before{border:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading{animation-name:k1r6lcmc;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid transparent;background:linear-gradient(var(--ds-surface,#fff),var(--ds-surface,#fff)) padding-box,conic-gradient(from var(--angle),#1868db,var(--ds-background-accent-purple-subtlest-pressed,#e3bdfa),#3279e0,#1868db) border-box;background-clip:padding-box,border-box;box-shadow:none;transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__error_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__error_state){background-color:var(--ds-background-disabled,#0515240f)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state){box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode{box-shadow:none;background-color:unset}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-bodied-sync-block__content, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-bodied-sync-block__content{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px;cursor:text}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-sync-block__renderer, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-sync-block__renderer{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}.cc-btp579 .ProseMirror .ak-editor-sync-block__renderer .ak-renderer-document>:first-child{margin-top:0}.cc-btp579 .ak-editor-sync-block__label{border-radius:var(--ds-radius-small,3px);position:absolute;gap:var(--ds-space-050,4px);justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;box-shadow:none;z-index:1;padding-left:var(--ds-space-100,8px);padding-right:var(--ds-space-100,8px);top:-10px;right:var(--ds-space-150,9pt);background-color:var(--ds-surface,#fff);max-width:140px}
|
|
155
156
|
.cc-cvmfbc td[colorname=white i], .cc-cvmfbc th[colorname=white i]{background-color:var(--ak-editor-table-cell-background-white)!important}.cc-cvmfbc td[colorname="light blue" i], .cc-cvmfbc th[colorname="light blue" i]{background-color:var(--ak-editor-table-cell-background-light-blue)!important}.cc-cvmfbc td[colorname="light teal" i], .cc-cvmfbc th[colorname="light teal" i]{background-color:var(--ak-editor-table-cell-background-light-teal)!important}.cc-cvmfbc td[colorname="light green" i], .cc-cvmfbc th[colorname="light green" i]{background-color:var(--ak-editor-table-cell-background-light-green)!important}.cc-cvmfbc td[colorname="light yellow" i], .cc-cvmfbc th[colorname="light yellow" i]{background-color:var(--ak-editor-table-cell-background-light-yellow)!important}.cc-cvmfbc td[colorname="light red" i], .cc-cvmfbc th[colorname="light red" i]{background-color:var(--ak-editor-table-cell-background-light-red)!important}.cc-cvmfbc td[colorname="light purple" i], .cc-cvmfbc th[colorname="light purple" i]{background-color:var(--ak-editor-table-cell-background-light-purple)!important}.cc-cvmfbc td[colorname="light gray" i], .cc-cvmfbc th[colorname="light gray" i]{background-color:var(--ak-editor-table-cell-background-light-gray)!important}.cc-cvmfbc td[colorname=blue i], .cc-cvmfbc th[colorname=blue i]{background-color:var(--ak-editor-table-cell-background-blue)!important}.cc-cvmfbc td[colorname=teal i], .cc-cvmfbc th[colorname=teal i]{background-color:var(--ak-editor-table-cell-background-teal)!important}.cc-cvmfbc td[colorname=green i], .cc-cvmfbc th[colorname=green i]{background-color:var(--ak-editor-table-cell-background-green)!important}.cc-cvmfbc td[colorname=yellow i], .cc-cvmfbc th[colorname=yellow i]{background-color:var(--ak-editor-table-cell-background-yellow)!important}.cc-cvmfbc td[colorname=red i], .cc-cvmfbc th[colorname=red i]{background-color:var(--ak-editor-table-cell-background-red)!important}.cc-cvmfbc td[colorname=purple i], .cc-cvmfbc th[colorname=purple i]{background-color:var(--ak-editor-table-cell-background-purple)!important}.cc-cvmfbc td[colorname=gray i], .cc-cvmfbc th[colorname=gray i]{background-color:var(--ak-editor-table-cell-background-gray)!important}.cc-cvmfbc td[colorname="dark blue" i], .cc-cvmfbc th[colorname="dark blue" i]{background-color:var(--ak-editor-table-cell-background-dark-blue)!important}.cc-cvmfbc td[colorname="dark teal" i], .cc-cvmfbc th[colorname="dark teal" i]{background-color:var(--ak-editor-table-cell-background-dark-teal)!important}.cc-cvmfbc td[colorname="dark green" i], .cc-cvmfbc th[colorname="dark green" i]{background-color:var(--ak-editor-table-cell-background-dark-green)!important}.cc-cvmfbc td[colorname="dark yellow" i], .cc-cvmfbc th[colorname="dark yellow" i]{background-color:var(--ak-editor-table-cell-background-dark-yellow)!important}.cc-cvmfbc td[colorname="dark red" i], .cc-cvmfbc th[colorname="dark red" i]{background-color:var(--ak-editor-table-cell-background-dark-red)!important}.cc-cvmfbc td[colorname="dark purple" i], .cc-cvmfbc th[colorname="dark purple" i]{background-color:var(--ak-editor-table-cell-background-dark-purple)!important}.cc-cvmfbc td[colorname="subtle lime" i], .cc-cvmfbc th[colorname="subtle lime" i]{background-color:var(--ak-editor-table-cell-background-subtle-lime)!important}.cc-cvmfbc td[colorname="subtle orange" i], .cc-cvmfbc th[colorname="subtle orange" i]{background-color:var(--ak-editor-table-cell-background-subtle-orange)!important}.cc-cvmfbc td[colorname="subtle magenta" i], .cc-cvmfbc th[colorname="subtle magenta" i]{background-color:var(--ak-editor-table-cell-background-subtle-magenta)!important}.cc-cvmfbc td[colorname=lime i], .cc-cvmfbc th[colorname=lime i]{background-color:var(--ak-editor-table-cell-background-lime)!important}.cc-cvmfbc td[colorname=orange i], .cc-cvmfbc th[colorname=orange i]{background-color:var(--ak-editor-table-cell-background-orange)!important}.cc-cvmfbc td[colorname=magenta i], .cc-cvmfbc th[colorname=magenta i]{background-color:var(--ak-editor-table-cell-background-magenta)!important}.cc-cvmfbc td[colorname="bold gray" i], .cc-cvmfbc th[colorname="bold gray" i]{background-color:var(--ak-editor-table-cell-background-bold-gray)!important}.cc-cvmfbc td[colorname="bold blue" i], .cc-cvmfbc th[colorname="bold blue" i]{background-color:var(--ak-editor-table-cell-background-bold-blue)!important}.cc-cvmfbc td[colorname="bold teal" i], .cc-cvmfbc th[colorname="bold teal" i]{background-color:var(--ak-editor-table-cell-background-bold-teal)!important}.cc-cvmfbc td[colorname="bold green" i], .cc-cvmfbc th[colorname="bold green" i]{background-color:var(--ak-editor-table-cell-background-bold-green)!important}.cc-cvmfbc td[colorname="bold lime" i], .cc-cvmfbc th[colorname="bold lime" i]{background-color:var(--ak-editor-table-cell-background-bold-lime)!important}.cc-cvmfbc td[colorname="bold yellow" i], .cc-cvmfbc th[colorname="bold yellow" i]{background-color:var(--ak-editor-table-cell-background-bold-yellow)!important}.cc-cvmfbc td[colorname="bold orange" i], .cc-cvmfbc th[colorname="bold orange" i]{background-color:var(--ak-editor-table-cell-background-bold-orange)!important}.cc-cvmfbc td[colorname="bold red" i], .cc-cvmfbc th[colorname="bold red" i]{background-color:var(--ak-editor-table-cell-background-bold-red)!important}.cc-cvmfbc td[colorname="bold magenta" i], .cc-cvmfbc th[colorname="bold magenta" i]{background-color:var(--ak-editor-table-cell-background-bold-magenta)!important}.cc-cvmfbc td[colorname="bold purple" i], .cc-cvmfbc th[colorname="bold purple" i]{background-color:var(--ak-editor-table-cell-background-bold-purple)!important}
|
|
156
157
|
.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table{margin-left:0;margin-right:0;ms-overflow-style:-ms-autohiding-scrollbar}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-corner{display:none}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
|
|
157
158
|
.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}.cc-1b7tx95 .ProseMirror .pm-table-container:has(>.pm-table-scroll-inline-shadow){timeline-scope:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-scroll-inline-shadow{scroll-timeline-name:--editor-table-inline-scroll;scroll-timeline-axis:inline}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow]{position:absolute;z-index:2;top:24px;bottom:0;width:2pc;opacity:0;pointer-events:none;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=start]{left:0;background-image:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:kdz7omp}.cc-1b7tx95 .ProseMirror .pm-table-container[data-number-column=true]>[data-table-overflow-shadow=start]{left:41px}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=end]{right:0;background-image:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:k1sevukb}
|
|
@@ -323,6 +323,7 @@ var editorContentStyles = {
|
|
|
323
323
|
syncBlockInteractiveCursorStyles: "cc-54hos9",
|
|
324
324
|
syncBlockOverflowStyles: "cc-7kpyvk",
|
|
325
325
|
syncBlockStyles: "cc-d5z442",
|
|
326
|
+
syncBlockSelectedStyles: "cc-1dv8jbi",
|
|
326
327
|
syncBlockStylesBase: "cc-btp579",
|
|
327
328
|
tableCellBackgroundColorOverrides: "cc-cvmfbc",
|
|
328
329
|
tableCommentEditorStyles: "cc-qmh5x7",
|
|
@@ -430,7 +431,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
430
431
|
}) && editorContentStyles.listSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
|
|
431
432
|
exposure: true
|
|
432
433
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
433
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.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, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.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, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.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' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
434
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.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, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, (0, _fg.fg)('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.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, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.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' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
434
435
|
ref: ref,
|
|
435
436
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
436
437
|
"data-testid": "editor-content-container"
|
|
@@ -82,6 +82,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
82
82
|
* @jsx jsx
|
|
83
83
|
*/ // 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
|
|
84
84
|
var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
85
|
+
var syncBlockSelectedStyles = (0, _react2.css)({
|
|
86
|
+
'--ak-editor-sync-block-selected-border-color': "var(--ds-border-selected, #1868DB)",
|
|
87
|
+
'--ak-editor-sync-block-selected-label-background-color': "var(--ds-surface-hovered, #F0F1F2)"
|
|
88
|
+
});
|
|
85
89
|
var alignMultipleWrappedImageInLayoutStyles = {
|
|
86
90
|
'.ProseMirror [data-layout-section] [data-layout-column] > div': {
|
|
87
91
|
// apply marginTop to wrapped mediaSingle that has preceding wrapped mediaSingle (even when there's gap cursor in between them)
|
|
@@ -564,7 +568,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
564
568
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
565
569
|
alignMultipleWrappedImageInLayoutStyles,
|
|
566
570
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
567
|
-
_syncBlockStyles.syncBlockStylesBase,
|
|
571
|
+
_syncBlockStyles.syncBlockStylesBase, (0, _fg.fg)('platform-dst-tokens-finesse') && syncBlockSelectedStyles,
|
|
568
572
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
569
573
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
570
574
|
!useStandardNodeWidth &&
|
|
@@ -49,11 +49,11 @@ var syncBlockStylesBase = exports.syncBlockStylesBase = (0, _react.css)((0, _def
|
|
|
49
49
|
opacity: 1,
|
|
50
50
|
visibility: 'visible'
|
|
51
51
|
})), '&.ak-editor-selected-node', (0, _defineProperty2.default)({
|
|
52
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
52
|
+
boxShadow: "0 0 0 1px var(--ak-editor-sync-block-selected-border-color, ".concat("var(--ds-border-focused, #4688EC)", ")")
|
|
53
53
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
54
54
|
opacity: 1,
|
|
55
55
|
visibility: 'visible',
|
|
56
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
56
|
+
backgroundColor: "var(--ak-editor-sync-block-selected-label-background-color, ".concat("var(--ds-background-selected, #E9F2FE)", ")"),
|
|
57
57
|
top: '-14px',
|
|
58
58
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
59
59
|
paddingTop: "var(--ds-space-050, 4px)",
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.name = void 0;
|
|
7
7
|
var name = exports.name = "@atlaskit/editor-core";
|
|
8
8
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
|
-
var version = exports.version = "228.1.
|
|
9
|
+
var version = exports.version = "228.1.12";
|
|
@@ -265,10 +265,17 @@ export function ReactEditorView(props) {
|
|
|
265
265
|
|
|
266
266
|
// The selectionToDOM method uses the document selection to determine currently selected node
|
|
267
267
|
// We need to mimic blurring this as it seems doing the above is not enough.
|
|
268
|
+
// Guard against clearing selections that belong outside this editor instance.
|
|
268
269
|
// @ts-expect-error
|
|
269
270
|
const sel = viewRef.current.root.getSelection();
|
|
270
271
|
if (sel) {
|
|
271
|
-
|
|
272
|
+
if (!isExperimentEnabled('fix_editor_blur_issue_exp')) {
|
|
273
|
+
sel.removeAllRanges();
|
|
274
|
+
return;
|
|
275
|
+
}
|
|
276
|
+
if ((!sel.anchorNode || viewRef.current.dom.contains(sel.anchorNode)) && (!sel.focusNode || viewRef.current.dom.contains(sel.focusNode))) {
|
|
277
|
+
sel.removeAllRanges();
|
|
278
|
+
}
|
|
272
279
|
}
|
|
273
280
|
}, []);
|
|
274
281
|
const resetEditorState = useCallback(({
|
|
@@ -37,7 +37,6 @@ import { unsupportedContentPlugin } from '@atlaskit/editor-plugins/unsupported-c
|
|
|
37
37
|
import { userIntentPlugin } from '@atlaskit/editor-plugins/user-intent';
|
|
38
38
|
import { widthPlugin } from '@atlaskit/editor-plugins/width';
|
|
39
39
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
40
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
41
40
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
42
41
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
43
42
|
import { isFullPage as fullPageCheck } from '../utils/is-full-page';
|
|
@@ -59,11 +58,11 @@ export function createDefaultPreset(options) {
|
|
|
59
58
|
}], Boolean(options.allowAnalyticsGASV3)).add(betterTypeHistoryPlugin).add([pastePlugin, {
|
|
60
59
|
...(options === null || options === void 0 ? void 0 : options.paste),
|
|
61
60
|
isFullPage
|
|
62
|
-
}]).add(clipboardPlugin).add(focusPlugin).
|
|
61
|
+
}]).add(clipboardPlugin).add(focusPlugin).add([userPreferencesPlugin, {
|
|
63
62
|
initialUserPreferences: {
|
|
64
63
|
toolbarDockingPosition: isFullPage ? 'none' : 'top'
|
|
65
64
|
}
|
|
66
|
-
}]
|
|
65
|
+
}]).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
|
|
67
66
|
contextIdentifierProvider: options.contextIdentifierProvider
|
|
68
67
|
}]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add(userIntentPlugin).maybeAdd([toolbarPlugin, options.toolbar || {}], Boolean((_options$toolbar = options.toolbar) === null || _options$toolbar === void 0 ? void 0 : _options$toolbar.enableNewToolbarExperience)).add([primaryToolbarPlugin, {
|
|
69
68
|
contextualFormattingEnabled: isFullPage
|
|
@@ -6,7 +6,6 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
|
|
|
6
6
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
7
7
|
import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
|
|
8
8
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
9
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
11
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
11
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
@@ -53,7 +52,7 @@ const hasCustomComponents = components => {
|
|
|
53
52
|
return true;
|
|
54
53
|
};
|
|
55
54
|
export const FullPageEditor = props => {
|
|
56
|
-
var _scrollContentContain,
|
|
55
|
+
var _scrollContentContain, _scrollContentContain2, _scrollContentContain3, _wrapperElementRef$cu;
|
|
57
56
|
// Should be always the first statement in the component
|
|
58
57
|
const firstRenderStartTimestampRef = useRef(performance.now());
|
|
59
58
|
const wrapperElementRef = useMemo(() => props.innerRef, [props.innerRef]);
|
|
@@ -77,34 +76,17 @@ export const FullPageEditor = props => {
|
|
|
77
76
|
const interactionState = state.interactionState;
|
|
78
77
|
const primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
|
|
79
78
|
const hasHadInteraction = interactionState !== 'hasNotHadInteraction';
|
|
80
|
-
let toolbarDocking = useSharedPluginStateSelector(editorAPI, 'selectionToolbar.toolbarDocking', {
|
|
81
|
-
disabled: fg('platform_editor_use_preferences_plugin')
|
|
82
|
-
});
|
|
83
|
-
if (!fg('platform_editor_use_preferences_plugin')) {
|
|
84
|
-
if (!toolbarDocking) {
|
|
85
|
-
var _editorAPI$selectionT, _editorAPI$selectionT2, _editorAPI$selectionT3;
|
|
86
|
-
// This is a workaround for the rendering issue with the selection toolbar
|
|
87
|
-
// where using useSharedPluginStateSelector or useSharedPluginState the state are not
|
|
88
|
-
// available when the editor is first loaded. and cause the toolbar to blink.
|
|
89
|
-
const defaultDocking = props.__livePage ? 'none' : 'top';
|
|
90
|
-
toolbarDocking = (_editorAPI$selectionT = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$selectionT2 = editorAPI.selectionToolbar) === null || _editorAPI$selectionT2 === void 0 ? void 0 : (_editorAPI$selectionT3 = _editorAPI$selectionT2.sharedState.currentState()) === null || _editorAPI$selectionT3 === void 0 ? void 0 : _editorAPI$selectionT3.toolbarDocking) !== null && _editorAPI$selectionT !== void 0 ? _editorAPI$selectionT : defaultDocking;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
79
|
let {
|
|
94
80
|
toolbarDockingPosition
|
|
95
|
-
} = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences'
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
// This causes the toolbar to blink creating a layout shift.
|
|
105
|
-
const defaultDockingPosition = props.__livePage ? 'none' : 'top';
|
|
106
|
-
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : (_editorAPI$userPrefer3 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer3 === void 0 ? void 0 : _editorAPI$userPrefer3.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
107
|
-
}
|
|
81
|
+
} = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences') || {};
|
|
82
|
+
if (!toolbarDockingPosition) {
|
|
83
|
+
var _editorAPI$userPrefer, _editorAPI$userPrefer2, _editorAPI$userPrefer3;
|
|
84
|
+
// This is a workaround for the rendering issue with the selection toolbar
|
|
85
|
+
// when using useSharedPluginStateWithSelector the state is not yet
|
|
86
|
+
// available when the editor is first loaded.
|
|
87
|
+
// This causes the toolbar to blink creating a layout shift.
|
|
88
|
+
const defaultDockingPosition = props.__livePage ? 'none' : 'top';
|
|
89
|
+
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : (_editorAPI$userPrefer3 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer3 === void 0 ? void 0 : _editorAPI$userPrefer3.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
108
90
|
}
|
|
109
91
|
let primaryToolbarComponents = props.primaryToolbarComponents;
|
|
110
92
|
if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
|
|
@@ -117,20 +99,11 @@ export const FullPageEditor = props => {
|
|
|
117
99
|
if (editorExperiment('platform_editor_controls', 'variant1', {
|
|
118
100
|
exposure: true
|
|
119
101
|
})) {
|
|
120
|
-
if
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
isEditorToolbarHidden = true;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
} else {
|
|
129
|
-
if (toolbarDocking === 'none' && !forcePrimaryToolbarPinned) {
|
|
130
|
-
primaryToolbarComponents = [];
|
|
131
|
-
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
132
|
-
isEditorToolbarHidden = true;
|
|
133
|
-
}
|
|
102
|
+
// need to check if the toolbarDockingPosition is set to 'none' or 'top'
|
|
103
|
+
if (toolbarDockingPosition === 'none' && !forcePrimaryToolbarPinned) {
|
|
104
|
+
primaryToolbarComponents = [];
|
|
105
|
+
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
106
|
+
isEditorToolbarHidden = true;
|
|
134
107
|
}
|
|
135
108
|
}
|
|
136
109
|
}
|
|
@@ -157,7 +130,7 @@ export const FullPageEditor = props => {
|
|
|
157
130
|
}, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(FullPageToolbarNext, {
|
|
158
131
|
disabled: expValEquals('platform_editor_ssr_toolbar_optimistic', 'isEnabled', true) ? !hasHadInteraction ? false : !!props.disabled : !!props.disabled || !hasHadInteraction && isExperimentEnabled('platform_editor_default_toolbar_state'),
|
|
159
132
|
disabledWithoutInteractionLogic: !!props.disabled,
|
|
160
|
-
toolbarDockingPosition:
|
|
133
|
+
toolbarDockingPosition: toolbarDockingPosition,
|
|
161
134
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
162
135
|
editorAPI: editorAPI,
|
|
163
136
|
editorView: props.editorView,
|
|
@@ -151,7 +151,8 @@
|
|
|
151
151
|
.cc-1rgu3l5 .ak-editor-sync-block__renderer{cursor:text;outline-color:currentColor;outline-style:none;outline-width:medium;caret-color:transparent}.cc-1rgu3l5 .ak-editor-sync-block__renderer [data-layout-section]{cursor:text}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id], .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span{box-shadow:none!important}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span:before, .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id]:before{background-color:transparent!important}
|
|
152
152
|
.cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer button{cursor:pointer}.cc-54hos9 .ProseMirror .ak-editor-sync-block__label{max-width:min(300px,calc(100% - var(--ds-space-300, 24px)))}
|
|
153
153
|
.cc-7kpyvk .ProseMirror .ak-editor-bodied-sync-block__content{display:flow-root}.cc-7kpyvk .ProseMirror .ak-editor-sync-block__renderer{display:flow-root}
|
|
154
|
-
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}
|
|
154
|
+
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}
|
|
155
|
+
.cc-1dv8jbi{--ak-editor-sync-block-selected-border-color:var(--ds-border-selected,#1868db)}.cc-1dv8jbi{--ak-editor-sync-block-selected-label-background-color:var(--ds-surface-hovered,#f0f1f2)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block, .cc-btp579 .ProseMirror .ak-editor-sync-block{position:relative;cursor:pointer;border-radius:var(--ds-radius-small,3px);margin-bottom:0;margin-top:var(--ds-space-075,6px);padding-block:var(--ds-space-150,9pt);color:inherit}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover{box-shadow:0 0 0 1px var(--ds-border,#0b120e24);transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover .ak-editor-sync-block__label{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node{box-shadow:0 0 0 1px var(--ak-editor-sync-block-selected-border-color,var(--ds-border-focused,#4688ec))}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{opacity:1;visibility:visible;background-color:var(--ak-editor-sync-block-selected-label-background-color,var(--ds-background-selected,#e9f2fe));top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-panel__icon, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{background-color:var(--ds-background-danger,#ffeceb);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label>span{color:var(--ds-text-danger,#ae2e24)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled{background-color:var(--ds-background-disabled,#0515240f);box-shadow:0 0 0 1px var(--ds-border-disabled,#0515240f);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label{background-color:var(--ds-surface,#fff)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label:before, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label:before{border:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading{animation-name:k1r6lcmc;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid transparent;background:linear-gradient(var(--ds-surface,#fff),var(--ds-surface,#fff)) padding-box,conic-gradient(from var(--angle),#1868db,var(--ds-background-accent-purple-subtlest-pressed,#e3bdfa),#3279e0,#1868db) border-box;background-clip:padding-box,border-box;box-shadow:none;transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__error_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__error_state){background-color:var(--ds-background-disabled,#0515240f)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state){box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode{box-shadow:none;background-color:unset}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-bodied-sync-block__content, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-bodied-sync-block__content{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px;cursor:text}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-sync-block__renderer, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-sync-block__renderer{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}.cc-btp579 .ProseMirror .ak-editor-sync-block__renderer .ak-renderer-document>:first-child{margin-top:0}.cc-btp579 .ak-editor-sync-block__label{border-radius:var(--ds-radius-small,3px);position:absolute;gap:var(--ds-space-050,4px);justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;box-shadow:none;z-index:1;padding-left:var(--ds-space-100,8px);padding-right:var(--ds-space-100,8px);top:-10px;right:var(--ds-space-150,9pt);background-color:var(--ds-surface,#fff);max-width:140px}
|
|
155
156
|
.cc-cvmfbc td[colorname=white i], .cc-cvmfbc th[colorname=white i]{background-color:var(--ak-editor-table-cell-background-white)!important}.cc-cvmfbc td[colorname="light blue" i], .cc-cvmfbc th[colorname="light blue" i]{background-color:var(--ak-editor-table-cell-background-light-blue)!important}.cc-cvmfbc td[colorname="light teal" i], .cc-cvmfbc th[colorname="light teal" i]{background-color:var(--ak-editor-table-cell-background-light-teal)!important}.cc-cvmfbc td[colorname="light green" i], .cc-cvmfbc th[colorname="light green" i]{background-color:var(--ak-editor-table-cell-background-light-green)!important}.cc-cvmfbc td[colorname="light yellow" i], .cc-cvmfbc th[colorname="light yellow" i]{background-color:var(--ak-editor-table-cell-background-light-yellow)!important}.cc-cvmfbc td[colorname="light red" i], .cc-cvmfbc th[colorname="light red" i]{background-color:var(--ak-editor-table-cell-background-light-red)!important}.cc-cvmfbc td[colorname="light purple" i], .cc-cvmfbc th[colorname="light purple" i]{background-color:var(--ak-editor-table-cell-background-light-purple)!important}.cc-cvmfbc td[colorname="light gray" i], .cc-cvmfbc th[colorname="light gray" i]{background-color:var(--ak-editor-table-cell-background-light-gray)!important}.cc-cvmfbc td[colorname=blue i], .cc-cvmfbc th[colorname=blue i]{background-color:var(--ak-editor-table-cell-background-blue)!important}.cc-cvmfbc td[colorname=teal i], .cc-cvmfbc th[colorname=teal i]{background-color:var(--ak-editor-table-cell-background-teal)!important}.cc-cvmfbc td[colorname=green i], .cc-cvmfbc th[colorname=green i]{background-color:var(--ak-editor-table-cell-background-green)!important}.cc-cvmfbc td[colorname=yellow i], .cc-cvmfbc th[colorname=yellow i]{background-color:var(--ak-editor-table-cell-background-yellow)!important}.cc-cvmfbc td[colorname=red i], .cc-cvmfbc th[colorname=red i]{background-color:var(--ak-editor-table-cell-background-red)!important}.cc-cvmfbc td[colorname=purple i], .cc-cvmfbc th[colorname=purple i]{background-color:var(--ak-editor-table-cell-background-purple)!important}.cc-cvmfbc td[colorname=gray i], .cc-cvmfbc th[colorname=gray i]{background-color:var(--ak-editor-table-cell-background-gray)!important}.cc-cvmfbc td[colorname="dark blue" i], .cc-cvmfbc th[colorname="dark blue" i]{background-color:var(--ak-editor-table-cell-background-dark-blue)!important}.cc-cvmfbc td[colorname="dark teal" i], .cc-cvmfbc th[colorname="dark teal" i]{background-color:var(--ak-editor-table-cell-background-dark-teal)!important}.cc-cvmfbc td[colorname="dark green" i], .cc-cvmfbc th[colorname="dark green" i]{background-color:var(--ak-editor-table-cell-background-dark-green)!important}.cc-cvmfbc td[colorname="dark yellow" i], .cc-cvmfbc th[colorname="dark yellow" i]{background-color:var(--ak-editor-table-cell-background-dark-yellow)!important}.cc-cvmfbc td[colorname="dark red" i], .cc-cvmfbc th[colorname="dark red" i]{background-color:var(--ak-editor-table-cell-background-dark-red)!important}.cc-cvmfbc td[colorname="dark purple" i], .cc-cvmfbc th[colorname="dark purple" i]{background-color:var(--ak-editor-table-cell-background-dark-purple)!important}.cc-cvmfbc td[colorname="subtle lime" i], .cc-cvmfbc th[colorname="subtle lime" i]{background-color:var(--ak-editor-table-cell-background-subtle-lime)!important}.cc-cvmfbc td[colorname="subtle orange" i], .cc-cvmfbc th[colorname="subtle orange" i]{background-color:var(--ak-editor-table-cell-background-subtle-orange)!important}.cc-cvmfbc td[colorname="subtle magenta" i], .cc-cvmfbc th[colorname="subtle magenta" i]{background-color:var(--ak-editor-table-cell-background-subtle-magenta)!important}.cc-cvmfbc td[colorname=lime i], .cc-cvmfbc th[colorname=lime i]{background-color:var(--ak-editor-table-cell-background-lime)!important}.cc-cvmfbc td[colorname=orange i], .cc-cvmfbc th[colorname=orange i]{background-color:var(--ak-editor-table-cell-background-orange)!important}.cc-cvmfbc td[colorname=magenta i], .cc-cvmfbc th[colorname=magenta i]{background-color:var(--ak-editor-table-cell-background-magenta)!important}.cc-cvmfbc td[colorname="bold gray" i], .cc-cvmfbc th[colorname="bold gray" i]{background-color:var(--ak-editor-table-cell-background-bold-gray)!important}.cc-cvmfbc td[colorname="bold blue" i], .cc-cvmfbc th[colorname="bold blue" i]{background-color:var(--ak-editor-table-cell-background-bold-blue)!important}.cc-cvmfbc td[colorname="bold teal" i], .cc-cvmfbc th[colorname="bold teal" i]{background-color:var(--ak-editor-table-cell-background-bold-teal)!important}.cc-cvmfbc td[colorname="bold green" i], .cc-cvmfbc th[colorname="bold green" i]{background-color:var(--ak-editor-table-cell-background-bold-green)!important}.cc-cvmfbc td[colorname="bold lime" i], .cc-cvmfbc th[colorname="bold lime" i]{background-color:var(--ak-editor-table-cell-background-bold-lime)!important}.cc-cvmfbc td[colorname="bold yellow" i], .cc-cvmfbc th[colorname="bold yellow" i]{background-color:var(--ak-editor-table-cell-background-bold-yellow)!important}.cc-cvmfbc td[colorname="bold orange" i], .cc-cvmfbc th[colorname="bold orange" i]{background-color:var(--ak-editor-table-cell-background-bold-orange)!important}.cc-cvmfbc td[colorname="bold red" i], .cc-cvmfbc th[colorname="bold red" i]{background-color:var(--ak-editor-table-cell-background-bold-red)!important}.cc-cvmfbc td[colorname="bold magenta" i], .cc-cvmfbc th[colorname="bold magenta" i]{background-color:var(--ak-editor-table-cell-background-bold-magenta)!important}.cc-cvmfbc td[colorname="bold purple" i], .cc-cvmfbc th[colorname="bold purple" i]{background-color:var(--ak-editor-table-cell-background-bold-purple)!important}
|
|
156
157
|
.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table{margin-left:0;margin-right:0;ms-overflow-style:-ms-autohiding-scrollbar}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-corner{display:none}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
|
|
157
158
|
.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}.cc-1b7tx95 .ProseMirror .pm-table-container:has(>.pm-table-scroll-inline-shadow){timeline-scope:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-scroll-inline-shadow{scroll-timeline-name:--editor-table-inline-scroll;scroll-timeline-axis:inline}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow]{position:absolute;z-index:2;top:24px;bottom:0;width:2pc;opacity:0;pointer-events:none;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=start]{left:0;background-image:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:kdz7omp}.cc-1b7tx95 .ProseMirror .pm-table-container[data-number-column=true]>[data-table-overflow-shadow=start]{left:41px}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=end]{right:0;background-image:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:k1sevukb}
|
|
@@ -374,6 +374,7 @@ const editorContentStyles = {
|
|
|
374
374
|
syncBlockInteractiveCursorStyles: "cc-54hos9",
|
|
375
375
|
syncBlockOverflowStyles: "cc-7kpyvk",
|
|
376
376
|
syncBlockStyles: "cc-d5z442",
|
|
377
|
+
syncBlockSelectedStyles: "cc-1dv8jbi",
|
|
377
378
|
syncBlockStylesBase: "cc-btp579",
|
|
378
379
|
tableCellBackgroundColorOverrides: "cc-cvmfbc",
|
|
379
380
|
tableCommentEditorStyles: "cc-qmh5x7",
|
|
@@ -485,7 +486,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
485
486
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
486
487
|
exposure: true
|
|
487
488
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
488
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
489
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
489
490
|
ref: ref,
|
|
490
491
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
491
492
|
"data-testid": "editor-content-container"
|
|
@@ -76,6 +76,10 @@ import { unsupportedStyles, vanillaUnsupportedStyles } from './styles/unsupporte
|
|
|
76
76
|
import { vanillaTooltipDefaultStyles } from './styles/vanillaTooltipStyles';
|
|
77
77
|
import { whitespaceStyles } from './styles/whitespaceStyles';
|
|
78
78
|
const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
79
|
+
const syncBlockSelectedStyles = css({
|
|
80
|
+
'--ak-editor-sync-block-selected-border-color': "var(--ds-border-selected, #1868DB)",
|
|
81
|
+
'--ak-editor-sync-block-selected-label-background-color': "var(--ds-surface-hovered, #F0F1F2)"
|
|
82
|
+
});
|
|
79
83
|
const alignMultipleWrappedImageInLayoutStyles = {
|
|
80
84
|
'.ProseMirror [data-layout-section] [data-layout-column] > div': {
|
|
81
85
|
// apply marginTop to wrapped mediaSingle that has preceding wrapped mediaSingle (even when there's gap cursor in between them)
|
|
@@ -566,7 +570,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
566
570
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
567
571
|
alignMultipleWrappedImageInLayoutStyles,
|
|
568
572
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
569
|
-
syncBlockStylesBase,
|
|
573
|
+
syncBlockStylesBase, fg('platform-dst-tokens-finesse') && syncBlockSelectedStyles,
|
|
570
574
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
571
575
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
572
576
|
!useStandardNodeWidth &&
|
|
@@ -51,12 +51,12 @@ export const syncBlockStylesBase = css({
|
|
|
51
51
|
/* Node selection state */
|
|
52
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
53
53
|
'&.ak-editor-selected-node': {
|
|
54
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
|
|
54
|
+
boxShadow: `0 0 0 1px var(--ak-editor-sync-block-selected-border-color, ${"var(--ds-border-focused, #4688EC)"})`,
|
|
55
55
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
56
56
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
57
57
|
opacity: 1,
|
|
58
58
|
visibility: 'visible',
|
|
59
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
59
|
+
backgroundColor: `var(--ak-editor-sync-block-selected-label-background-color, ${"var(--ds-background-selected, #E9F2FE)"})`,
|
|
60
60
|
top: '-14px',
|
|
61
61
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
62
62
|
paddingTop: "var(--ds-space-050, 4px)",
|
|
@@ -294,10 +294,17 @@ export function ReactEditorView(props) {
|
|
|
294
294
|
|
|
295
295
|
// The selectionToDOM method uses the document selection to determine currently selected node
|
|
296
296
|
// We need to mimic blurring this as it seems doing the above is not enough.
|
|
297
|
+
// Guard against clearing selections that belong outside this editor instance.
|
|
297
298
|
// @ts-expect-error
|
|
298
299
|
var sel = viewRef.current.root.getSelection();
|
|
299
300
|
if (sel) {
|
|
300
|
-
|
|
301
|
+
if (!isExperimentEnabled('fix_editor_blur_issue_exp')) {
|
|
302
|
+
sel.removeAllRanges();
|
|
303
|
+
return;
|
|
304
|
+
}
|
|
305
|
+
if ((!sel.anchorNode || viewRef.current.dom.contains(sel.anchorNode)) && (!sel.focusNode || viewRef.current.dom.contains(sel.focusNode))) {
|
|
306
|
+
sel.removeAllRanges();
|
|
307
|
+
}
|
|
301
308
|
}
|
|
302
309
|
}, []);
|
|
303
310
|
var resetEditorState = useCallback(function (_ref) {
|
|
@@ -40,7 +40,6 @@ import { unsupportedContentPlugin } from '@atlaskit/editor-plugins/unsupported-c
|
|
|
40
40
|
import { userIntentPlugin } from '@atlaskit/editor-plugins/user-intent';
|
|
41
41
|
import { widthPlugin } from '@atlaskit/editor-plugins/width';
|
|
42
42
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
43
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
44
43
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
45
44
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
46
45
|
import { isFullPage as fullPageCheck } from '../utils/is-full-page';
|
|
@@ -61,13 +60,11 @@ export function createDefaultPreset(options) {
|
|
|
61
60
|
performanceTracking: options.performanceTracking
|
|
62
61
|
}], Boolean(options.allowAnalyticsGASV3)).add(betterTypeHistoryPlugin).add([pastePlugin, _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : options.paste), {}, {
|
|
63
62
|
isFullPage: isFullPage
|
|
64
|
-
})]).add(clipboardPlugin).add(focusPlugin).
|
|
63
|
+
})]).add(clipboardPlugin).add(focusPlugin).add([userPreferencesPlugin, {
|
|
65
64
|
initialUserPreferences: {
|
|
66
65
|
toolbarDockingPosition: isFullPage ? 'none' : 'top'
|
|
67
66
|
}
|
|
68
|
-
}],
|
|
69
|
-
return fg('platform_editor_use_preferences_plugin');
|
|
70
|
-
}).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
|
|
67
|
+
}]).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
|
|
71
68
|
contextIdentifierProvider: options.contextIdentifierProvider
|
|
72
69
|
}]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add(userIntentPlugin).maybeAdd([toolbarPlugin, options.toolbar || {}], Boolean((_options$toolbar = options.toolbar) === null || _options$toolbar === void 0 ? void 0 : _options$toolbar.enableNewToolbarExperience)).add([primaryToolbarPlugin, {
|
|
73
70
|
contextualFormattingEnabled: isFullPage
|
|
@@ -7,7 +7,6 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
|
|
|
7
7
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
8
8
|
import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
|
|
9
9
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
10
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
12
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
13
12
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
@@ -87,33 +86,16 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
87
86
|
var interactionState = state.interactionState;
|
|
88
87
|
var primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
|
|
89
88
|
var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
|
|
90
|
-
var
|
|
91
|
-
disabled: fg('platform_editor_use_preferences_plugin')
|
|
92
|
-
});
|
|
93
|
-
if (!fg('platform_editor_use_preferences_plugin')) {
|
|
94
|
-
if (!toolbarDocking) {
|
|
95
|
-
var _editorAPI$selectionT, _editorAPI$selectionT2;
|
|
96
|
-
// This is a workaround for the rendering issue with the selection toolbar
|
|
97
|
-
// where using useSharedPluginStateSelector or useSharedPluginState the state are not
|
|
98
|
-
// available when the editor is first loaded. and cause the toolbar to blink.
|
|
99
|
-
var defaultDocking = props.__livePage ? 'none' : 'top';
|
|
100
|
-
toolbarDocking = (_editorAPI$selectionT = editorAPI === null || editorAPI === void 0 || (_editorAPI$selectionT2 = editorAPI.selectionToolbar) === null || _editorAPI$selectionT2 === void 0 || (_editorAPI$selectionT2 = _editorAPI$selectionT2.sharedState.currentState()) === null || _editorAPI$selectionT2 === void 0 ? void 0 : _editorAPI$selectionT2.toolbarDocking) !== null && _editorAPI$selectionT !== void 0 ? _editorAPI$selectionT : defaultDocking;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
var _ref3 = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences', {
|
|
104
|
-
disabled: !fg('platform_editor_use_preferences_plugin')
|
|
105
|
-
}) || {},
|
|
89
|
+
var _ref3 = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences') || {},
|
|
106
90
|
toolbarDockingPosition = _ref3.toolbarDockingPosition;
|
|
107
|
-
if (
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 || (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 || (_editorAPI$userPrefer2 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
116
|
-
}
|
|
91
|
+
if (!toolbarDockingPosition) {
|
|
92
|
+
var _editorAPI$userPrefer, _editorAPI$userPrefer2;
|
|
93
|
+
// This is a workaround for the rendering issue with the selection toolbar
|
|
94
|
+
// when using useSharedPluginStateWithSelector the state is not yet
|
|
95
|
+
// available when the editor is first loaded.
|
|
96
|
+
// This causes the toolbar to blink creating a layout shift.
|
|
97
|
+
var defaultDockingPosition = props.__livePage ? 'none' : 'top';
|
|
98
|
+
toolbarDockingPosition = (_editorAPI$userPrefer = editorAPI === null || editorAPI === void 0 || (_editorAPI$userPrefer2 = editorAPI.userPreferences) === null || _editorAPI$userPrefer2 === void 0 || (_editorAPI$userPrefer2 = _editorAPI$userPrefer2.actions.getUserPreferences()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.toolbarDockingPosition) !== null && _editorAPI$userPrefer !== void 0 ? _editorAPI$userPrefer : defaultDockingPosition;
|
|
117
99
|
}
|
|
118
100
|
var primaryToolbarComponents = props.primaryToolbarComponents;
|
|
119
101
|
if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
|
|
@@ -124,20 +106,11 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
124
106
|
if (editorExperiment('platform_editor_controls', 'variant1', {
|
|
125
107
|
exposure: true
|
|
126
108
|
})) {
|
|
127
|
-
if
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
isEditorToolbarHidden = true;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
} else {
|
|
136
|
-
if (toolbarDocking === 'none' && !forcePrimaryToolbarPinned) {
|
|
137
|
-
primaryToolbarComponents = [];
|
|
138
|
-
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
139
|
-
isEditorToolbarHidden = true;
|
|
140
|
-
}
|
|
109
|
+
// need to check if the toolbarDockingPosition is set to 'none' or 'top'
|
|
110
|
+
if (toolbarDockingPosition === 'none' && !forcePrimaryToolbarPinned) {
|
|
111
|
+
primaryToolbarComponents = [];
|
|
112
|
+
if (!hasCustomComponents(customPrimaryToolbarComponents)) {
|
|
113
|
+
isEditorToolbarHidden = true;
|
|
141
114
|
}
|
|
142
115
|
}
|
|
143
116
|
}
|
|
@@ -164,7 +137,7 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
164
137
|
}, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(FullPageToolbarNext, {
|
|
165
138
|
disabled: expValEquals('platform_editor_ssr_toolbar_optimistic', 'isEnabled', true) ? !hasHadInteraction ? false : !!props.disabled : !!props.disabled || !hasHadInteraction && isExperimentEnabled('platform_editor_default_toolbar_state'),
|
|
166
139
|
disabledWithoutInteractionLogic: !!props.disabled,
|
|
167
|
-
toolbarDockingPosition: toolbarDockingPosition
|
|
140
|
+
toolbarDockingPosition: toolbarDockingPosition,
|
|
168
141
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
169
142
|
editorAPI: editorAPI,
|
|
170
143
|
editorView: props.editorView,
|
|
@@ -151,7 +151,8 @@
|
|
|
151
151
|
.cc-1rgu3l5 .ak-editor-sync-block__renderer{cursor:text;outline-color:currentColor;outline-style:none;outline-width:medium;caret-color:transparent}.cc-1rgu3l5 .ak-editor-sync-block__renderer [data-layout-section]{cursor:text}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id], .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span{box-shadow:none!important}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span:before, .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id]:before{background-color:transparent!important}
|
|
152
152
|
.cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer button{cursor:pointer}.cc-54hos9 .ProseMirror .ak-editor-sync-block__label{max-width:min(300px,calc(100% - var(--ds-space-300, 24px)))}
|
|
153
153
|
.cc-7kpyvk .ProseMirror .ak-editor-bodied-sync-block__content{display:flow-root}.cc-7kpyvk .ProseMirror .ak-editor-sync-block__renderer{display:flow-root}
|
|
154
|
-
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}
|
|
154
|
+
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}
|
|
155
|
+
.cc-1dv8jbi{--ak-editor-sync-block-selected-border-color:var(--ds-border-selected,#1868db)}.cc-1dv8jbi{--ak-editor-sync-block-selected-label-background-color:var(--ds-surface-hovered,#f0f1f2)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block, .cc-btp579 .ProseMirror .ak-editor-sync-block{position:relative;cursor:pointer;border-radius:var(--ds-radius-small,3px);margin-bottom:0;margin-top:var(--ds-space-075,6px);padding-block:var(--ds-space-150,9pt);color:inherit}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover{box-shadow:0 0 0 1px var(--ds-border,#0b120e24);transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover .ak-editor-sync-block__label{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node{box-shadow:0 0 0 1px var(--ak-editor-sync-block-selected-border-color,var(--ds-border-focused,#4688ec))}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{opacity:1;visibility:visible;background-color:var(--ak-editor-sync-block-selected-label-background-color,var(--ds-background-selected,#e9f2fe));top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-panel__icon, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{background-color:var(--ds-background-danger,#ffeceb);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label>span{color:var(--ds-text-danger,#ae2e24)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled{background-color:var(--ds-background-disabled,#0515240f);box-shadow:0 0 0 1px var(--ds-border-disabled,#0515240f);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label{background-color:var(--ds-surface,#fff)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label:before, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label:before{border:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading{animation-name:k1r6lcmc;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid transparent;background:linear-gradient(var(--ds-surface,#fff),var(--ds-surface,#fff)) padding-box,conic-gradient(from var(--angle),#1868db,var(--ds-background-accent-purple-subtlest-pressed,#e3bdfa),#3279e0,#1868db) border-box;background-clip:padding-box,border-box;box-shadow:none;transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__error_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__error_state){background-color:var(--ds-background-disabled,#0515240f)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state){box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode{box-shadow:none;background-color:unset}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-bodied-sync-block__content, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-bodied-sync-block__content{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px;cursor:text}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-sync-block__renderer, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-sync-block__renderer{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}.cc-btp579 .ProseMirror .ak-editor-sync-block__renderer .ak-renderer-document>:first-child{margin-top:0}.cc-btp579 .ak-editor-sync-block__label{border-radius:var(--ds-radius-small,3px);position:absolute;gap:var(--ds-space-050,4px);justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;box-shadow:none;z-index:1;padding-left:var(--ds-space-100,8px);padding-right:var(--ds-space-100,8px);top:-10px;right:var(--ds-space-150,9pt);background-color:var(--ds-surface,#fff);max-width:140px}
|
|
155
156
|
.cc-cvmfbc td[colorname=white i], .cc-cvmfbc th[colorname=white i]{background-color:var(--ak-editor-table-cell-background-white)!important}.cc-cvmfbc td[colorname="light blue" i], .cc-cvmfbc th[colorname="light blue" i]{background-color:var(--ak-editor-table-cell-background-light-blue)!important}.cc-cvmfbc td[colorname="light teal" i], .cc-cvmfbc th[colorname="light teal" i]{background-color:var(--ak-editor-table-cell-background-light-teal)!important}.cc-cvmfbc td[colorname="light green" i], .cc-cvmfbc th[colorname="light green" i]{background-color:var(--ak-editor-table-cell-background-light-green)!important}.cc-cvmfbc td[colorname="light yellow" i], .cc-cvmfbc th[colorname="light yellow" i]{background-color:var(--ak-editor-table-cell-background-light-yellow)!important}.cc-cvmfbc td[colorname="light red" i], .cc-cvmfbc th[colorname="light red" i]{background-color:var(--ak-editor-table-cell-background-light-red)!important}.cc-cvmfbc td[colorname="light purple" i], .cc-cvmfbc th[colorname="light purple" i]{background-color:var(--ak-editor-table-cell-background-light-purple)!important}.cc-cvmfbc td[colorname="light gray" i], .cc-cvmfbc th[colorname="light gray" i]{background-color:var(--ak-editor-table-cell-background-light-gray)!important}.cc-cvmfbc td[colorname=blue i], .cc-cvmfbc th[colorname=blue i]{background-color:var(--ak-editor-table-cell-background-blue)!important}.cc-cvmfbc td[colorname=teal i], .cc-cvmfbc th[colorname=teal i]{background-color:var(--ak-editor-table-cell-background-teal)!important}.cc-cvmfbc td[colorname=green i], .cc-cvmfbc th[colorname=green i]{background-color:var(--ak-editor-table-cell-background-green)!important}.cc-cvmfbc td[colorname=yellow i], .cc-cvmfbc th[colorname=yellow i]{background-color:var(--ak-editor-table-cell-background-yellow)!important}.cc-cvmfbc td[colorname=red i], .cc-cvmfbc th[colorname=red i]{background-color:var(--ak-editor-table-cell-background-red)!important}.cc-cvmfbc td[colorname=purple i], .cc-cvmfbc th[colorname=purple i]{background-color:var(--ak-editor-table-cell-background-purple)!important}.cc-cvmfbc td[colorname=gray i], .cc-cvmfbc th[colorname=gray i]{background-color:var(--ak-editor-table-cell-background-gray)!important}.cc-cvmfbc td[colorname="dark blue" i], .cc-cvmfbc th[colorname="dark blue" i]{background-color:var(--ak-editor-table-cell-background-dark-blue)!important}.cc-cvmfbc td[colorname="dark teal" i], .cc-cvmfbc th[colorname="dark teal" i]{background-color:var(--ak-editor-table-cell-background-dark-teal)!important}.cc-cvmfbc td[colorname="dark green" i], .cc-cvmfbc th[colorname="dark green" i]{background-color:var(--ak-editor-table-cell-background-dark-green)!important}.cc-cvmfbc td[colorname="dark yellow" i], .cc-cvmfbc th[colorname="dark yellow" i]{background-color:var(--ak-editor-table-cell-background-dark-yellow)!important}.cc-cvmfbc td[colorname="dark red" i], .cc-cvmfbc th[colorname="dark red" i]{background-color:var(--ak-editor-table-cell-background-dark-red)!important}.cc-cvmfbc td[colorname="dark purple" i], .cc-cvmfbc th[colorname="dark purple" i]{background-color:var(--ak-editor-table-cell-background-dark-purple)!important}.cc-cvmfbc td[colorname="subtle lime" i], .cc-cvmfbc th[colorname="subtle lime" i]{background-color:var(--ak-editor-table-cell-background-subtle-lime)!important}.cc-cvmfbc td[colorname="subtle orange" i], .cc-cvmfbc th[colorname="subtle orange" i]{background-color:var(--ak-editor-table-cell-background-subtle-orange)!important}.cc-cvmfbc td[colorname="subtle magenta" i], .cc-cvmfbc th[colorname="subtle magenta" i]{background-color:var(--ak-editor-table-cell-background-subtle-magenta)!important}.cc-cvmfbc td[colorname=lime i], .cc-cvmfbc th[colorname=lime i]{background-color:var(--ak-editor-table-cell-background-lime)!important}.cc-cvmfbc td[colorname=orange i], .cc-cvmfbc th[colorname=orange i]{background-color:var(--ak-editor-table-cell-background-orange)!important}.cc-cvmfbc td[colorname=magenta i], .cc-cvmfbc th[colorname=magenta i]{background-color:var(--ak-editor-table-cell-background-magenta)!important}.cc-cvmfbc td[colorname="bold gray" i], .cc-cvmfbc th[colorname="bold gray" i]{background-color:var(--ak-editor-table-cell-background-bold-gray)!important}.cc-cvmfbc td[colorname="bold blue" i], .cc-cvmfbc th[colorname="bold blue" i]{background-color:var(--ak-editor-table-cell-background-bold-blue)!important}.cc-cvmfbc td[colorname="bold teal" i], .cc-cvmfbc th[colorname="bold teal" i]{background-color:var(--ak-editor-table-cell-background-bold-teal)!important}.cc-cvmfbc td[colorname="bold green" i], .cc-cvmfbc th[colorname="bold green" i]{background-color:var(--ak-editor-table-cell-background-bold-green)!important}.cc-cvmfbc td[colorname="bold lime" i], .cc-cvmfbc th[colorname="bold lime" i]{background-color:var(--ak-editor-table-cell-background-bold-lime)!important}.cc-cvmfbc td[colorname="bold yellow" i], .cc-cvmfbc th[colorname="bold yellow" i]{background-color:var(--ak-editor-table-cell-background-bold-yellow)!important}.cc-cvmfbc td[colorname="bold orange" i], .cc-cvmfbc th[colorname="bold orange" i]{background-color:var(--ak-editor-table-cell-background-bold-orange)!important}.cc-cvmfbc td[colorname="bold red" i], .cc-cvmfbc th[colorname="bold red" i]{background-color:var(--ak-editor-table-cell-background-bold-red)!important}.cc-cvmfbc td[colorname="bold magenta" i], .cc-cvmfbc th[colorname="bold magenta" i]{background-color:var(--ak-editor-table-cell-background-bold-magenta)!important}.cc-cvmfbc td[colorname="bold purple" i], .cc-cvmfbc th[colorname="bold purple" i]{background-color:var(--ak-editor-table-cell-background-bold-purple)!important}
|
|
156
157
|
.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table{margin-left:0;margin-right:0;ms-overflow-style:-ms-autohiding-scrollbar}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-corner{display:none}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
|
|
157
158
|
.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}.cc-1b7tx95 .ProseMirror .pm-table-container:has(>.pm-table-scroll-inline-shadow){timeline-scope:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-scroll-inline-shadow{scroll-timeline-name:--editor-table-inline-scroll;scroll-timeline-axis:inline}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow]{position:absolute;z-index:2;top:24px;bottom:0;width:2pc;opacity:0;pointer-events:none;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=start]{left:0;background-image:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:kdz7omp}.cc-1b7tx95 .ProseMirror .pm-table-container[data-number-column=true]>[data-table-overflow-shadow=start]{left:41px}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=end]{right:0;background-image:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:k1sevukb}
|
|
@@ -322,6 +322,7 @@ var editorContentStyles = {
|
|
|
322
322
|
syncBlockInteractiveCursorStyles: "cc-54hos9",
|
|
323
323
|
syncBlockOverflowStyles: "cc-7kpyvk",
|
|
324
324
|
syncBlockStyles: "cc-d5z442",
|
|
325
|
+
syncBlockSelectedStyles: "cc-1dv8jbi",
|
|
325
326
|
syncBlockStylesBase: "cc-btp579",
|
|
326
327
|
tableCellBackgroundColorOverrides: "cc-cvmfbc",
|
|
327
328
|
tableCommentEditorStyles: "cc-qmh5x7",
|
|
@@ -429,7 +430,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
429
430
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
430
431
|
exposure: true
|
|
431
432
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
432
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
433
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
433
434
|
ref: ref,
|
|
434
435
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
435
436
|
"data-testid": "editor-content-container"
|
|
@@ -79,6 +79,10 @@ import { unsupportedStyles, vanillaUnsupportedStyles } from './styles/unsupporte
|
|
|
79
79
|
import { vanillaTooltipDefaultStyles } from './styles/vanillaTooltipStyles';
|
|
80
80
|
import { whitespaceStyles } from './styles/whitespaceStyles';
|
|
81
81
|
var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
82
|
+
var syncBlockSelectedStyles = css({
|
|
83
|
+
'--ak-editor-sync-block-selected-border-color': "var(--ds-border-selected, #1868DB)",
|
|
84
|
+
'--ak-editor-sync-block-selected-label-background-color': "var(--ds-surface-hovered, #F0F1F2)"
|
|
85
|
+
});
|
|
82
86
|
var alignMultipleWrappedImageInLayoutStyles = {
|
|
83
87
|
'.ProseMirror [data-layout-section] [data-layout-column] > div': {
|
|
84
88
|
// apply marginTop to wrapped mediaSingle that has preceding wrapped mediaSingle (even when there's gap cursor in between them)
|
|
@@ -561,7 +565,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
561
565
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
562
566
|
alignMultipleWrappedImageInLayoutStyles,
|
|
563
567
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
564
|
-
syncBlockStylesBase,
|
|
568
|
+
syncBlockStylesBase, fg('platform-dst-tokens-finesse') && syncBlockSelectedStyles,
|
|
565
569
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
566
570
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
567
571
|
!useStandardNodeWidth &&
|
|
@@ -42,11 +42,11 @@ export var syncBlockStylesBase = css(_defineProperty({
|
|
|
42
42
|
opacity: 1,
|
|
43
43
|
visibility: 'visible'
|
|
44
44
|
})), '&.ak-editor-selected-node', _defineProperty({
|
|
45
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
45
|
+
boxShadow: "0 0 0 1px var(--ak-editor-sync-block-selected-border-color, ".concat("var(--ds-border-focused, #4688EC)", ")")
|
|
46
46
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
47
47
|
opacity: 1,
|
|
48
48
|
visibility: 'visible',
|
|
49
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
49
|
+
backgroundColor: "var(--ak-editor-sync-block-selected-label-background-color, ".concat("var(--ds-background-selected, #E9F2FE)", ")"),
|
|
50
50
|
top: '-14px',
|
|
51
51
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
52
52
|
paddingTop: "var(--ds-space-050, 4px)",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "228.1.
|
|
3
|
+
"version": "228.1.13",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,6 +27,9 @@
|
|
|
27
27
|
"team": "Editor: Lego",
|
|
28
28
|
"singleton": true,
|
|
29
29
|
"website": {
|
|
30
|
+
"tags": [
|
|
31
|
+
"platform-labs"
|
|
32
|
+
],
|
|
30
33
|
"name": "Editor Core"
|
|
31
34
|
},
|
|
32
35
|
"integrationTests": {
|
|
@@ -38,7 +41,7 @@
|
|
|
38
41
|
},
|
|
39
42
|
"dependencies": {
|
|
40
43
|
"@atlaskit/activity-provider": "^3.1.0",
|
|
41
|
-
"@atlaskit/adf-schema": "^57.
|
|
44
|
+
"@atlaskit/adf-schema": "^57.5.0",
|
|
42
45
|
"@atlaskit/afm-i18n-platform-editor-editor-core": "2.249.0",
|
|
43
46
|
"@atlaskit/analytics-namespaced-context": "^8.2.0",
|
|
44
47
|
"@atlaskit/analytics-next": "^12.5.0",
|
|
@@ -49,7 +52,7 @@
|
|
|
49
52
|
"@atlaskit/editor-json-transformer": "^9.8.0",
|
|
50
53
|
"@atlaskit/editor-plugin-block-menu": "^17.0.0",
|
|
51
54
|
"@atlaskit/editor-plugin-connectivity": "^18.0.0",
|
|
52
|
-
"@atlaskit/editor-plugin-quick-insert": "^18.
|
|
55
|
+
"@atlaskit/editor-plugin-quick-insert": "^18.1.0",
|
|
53
56
|
"@atlaskit/editor-plugin-selection-extension": "^21.0.0",
|
|
54
57
|
"@atlaskit/editor-plugin-user-preferences": "^16.0.0",
|
|
55
58
|
"@atlaskit/editor-plugins": "^16.1.0",
|
|
@@ -74,7 +77,7 @@
|
|
|
74
77
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
75
78
|
"@atlaskit/react-ufo": "^7.11.0",
|
|
76
79
|
"@atlaskit/task-decision": "^21.10.0",
|
|
77
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
80
|
+
"@atlaskit/tmp-editor-statsig": "^198.0.0",
|
|
78
81
|
"@atlaskit/tokens": "^17.0.0",
|
|
79
82
|
"@atlaskit/tooltip": "^24.3.0",
|
|
80
83
|
"@atlaskit/width-detector": "^7.2.0",
|
|
@@ -92,7 +95,7 @@
|
|
|
92
95
|
"uuid": "^11.1.1"
|
|
93
96
|
},
|
|
94
97
|
"peerDependencies": {
|
|
95
|
-
"@atlaskit/editor-common": "^122.
|
|
98
|
+
"@atlaskit/editor-common": "^122.11.0",
|
|
96
99
|
"@atlaskit/link-provider": "^5.7.0",
|
|
97
100
|
"@atlaskit/media-core": "^38.2.0",
|
|
98
101
|
"react": "^18.2.0 || ^19.2.0",
|
|
@@ -130,7 +133,7 @@
|
|
|
130
133
|
"@atlaskit/editor-plugin-media": "^20.1.0",
|
|
131
134
|
"@atlaskit/editor-plugin-paste": "^19.0.0",
|
|
132
135
|
"@atlaskit/editor-plugin-selection-marker": "^18.0.0",
|
|
133
|
-
"@atlaskit/editor-plugin-show-diff": "^16.
|
|
136
|
+
"@atlaskit/editor-plugin-show-diff": "^16.1.0",
|
|
134
137
|
"@atlaskit/editor-plugin-synced-block": "^16.0.0",
|
|
135
138
|
"@atlaskit/editor-plugin-table": "^30.0.0",
|
|
136
139
|
"@atlaskit/editor-plugin-tasks-and-decisions": "^21.0.0",
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
"@atlaskit/media-test-helpers": "^42.4.0",
|
|
151
154
|
"@atlaskit/media-ui": "^30.16.0",
|
|
152
155
|
"@atlaskit/modal-dialog": "^16.6.0",
|
|
153
|
-
"@atlaskit/navigation-system": "^10.
|
|
156
|
+
"@atlaskit/navigation-system": "^10.17.0",
|
|
154
157
|
"@atlaskit/popper": "^9.4.0",
|
|
155
158
|
"@atlaskit/portal": "^7.0.0",
|
|
156
159
|
"@atlaskit/profilecard": "^26.24.0",
|
|
@@ -215,10 +218,6 @@
|
|
|
215
218
|
"type": "boolean",
|
|
216
219
|
"referenceOnly": true
|
|
217
220
|
},
|
|
218
|
-
"platform_editor_use_preferences_plugin": {
|
|
219
|
-
"type": "boolean",
|
|
220
|
-
"referenceOnly": true
|
|
221
|
-
},
|
|
222
221
|
"platform_editor_media_block_default": {
|
|
223
222
|
"type": "boolean",
|
|
224
223
|
"referenceOnly": true
|
|
@@ -275,6 +274,10 @@
|
|
|
275
274
|
"platform-dst-lozenge-tag-badge-visual-uplifts": {
|
|
276
275
|
"type": "boolean"
|
|
277
276
|
},
|
|
277
|
+
"platform-dst-tokens-finesse": {
|
|
278
|
+
"type": "boolean",
|
|
279
|
+
"referenceOnly": true
|
|
280
|
+
},
|
|
278
281
|
"platform-dst-top-layer-tooltip": {
|
|
279
282
|
"type": "boolean",
|
|
280
283
|
"referenceOnly": true
|