@atlaskit/editor-core 224.0.4 → 224.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +38 -0
- package/dist/cjs/composable-editor/core-editor.js +1 -3
- package/dist/cjs/composable-editor/editor-internal.js +2 -1
- package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/cjs/presets/universal.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +25 -27
- package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +1 -2
- package/dist/es2019/composable-editor/editor-internal.js +2 -1
- package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/es2019/presets/universal.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +6 -7
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +19 -22
- package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -6
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +1 -3
- package/dist/esm/composable-editor/editor-internal.js +2 -1
- package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/esm/presets/universal.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +27 -29
- package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +1 -5
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/types/editor-appearance-component.d.ts +1 -0
- package/dist/types/types/editor-props.d.ts +7 -1
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea-compiled.d.ts +1 -0
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea-emotion.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +0 -7
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,43 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 224.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`90435556d0102`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90435556d0102) -
|
|
8
|
+
Add `UNSAFE_containLayout` prop to the full-page editor, which applies `contain: strict` to the
|
|
9
|
+
editor scroll container. Forwarded on both the compiled and emotion content area paths.
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`e25acf3cccb9b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e25acf3cccb9b) -
|
|
14
|
+
EDITOR-8560 Remove unused vanilla caption placeholder styles.
|
|
15
|
+
- [`76e9f6152bf16`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/76e9f6152bf16) -
|
|
16
|
+
Enable launched synced block integrations and remove obsolete experiment scaffolding.
|
|
17
|
+
|
|
18
|
+
BREAKING: `@atlaskit/tmp-editor-statsig` no longer defines the `platform_synced_block` editor
|
|
19
|
+
experiment. Consumers that use `editorExperiment('platform_synced_block', ...)` to conditionally
|
|
20
|
+
enable synced-block integrations will no longer be able to look up that experiment; synced-block
|
|
21
|
+
integrations are now enabled by default. Remove each lookup and its conditional branch:
|
|
22
|
+
|
|
23
|
+
```ts
|
|
24
|
+
// Before
|
|
25
|
+
if (editorExperiment('platform_synced_block', true)) {
|
|
26
|
+
enableSyncedBlocks();
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// After
|
|
30
|
+
enableSyncedBlocks();
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
- Updated dependencies
|
|
34
|
+
|
|
35
|
+
## 224.0.5
|
|
36
|
+
|
|
37
|
+
### Patch Changes
|
|
38
|
+
|
|
39
|
+
- Updated dependencies
|
|
40
|
+
|
|
3
41
|
## 224.0.4
|
|
4
42
|
|
|
5
43
|
### Patch Changes
|
|
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.CoreEditor = CoreEditor;
|
|
9
9
|
exports.default = void 0;
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
12
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
13
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
@@ -18,7 +17,6 @@ var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents"
|
|
|
18
17
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
19
18
|
var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
|
|
20
19
|
var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
|
|
21
|
-
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
22
20
|
var _actions = _interopRequireDefault(require("../actions"));
|
|
23
21
|
var _EditorContext = require("../ui/EditorContext");
|
|
24
22
|
var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
|
|
@@ -92,7 +90,7 @@ function Editor(passedProps) {
|
|
|
92
90
|
onSaveFromProps(view);
|
|
93
91
|
}
|
|
94
92
|
}, [onSaveFromProps]);
|
|
95
|
-
var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width'
|
|
93
|
+
var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
|
|
96
94
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isFullPageAppearance ? /*#__PURE__*/_react.default.createElement(_editorInpMetrics.EditorINPMetrics, {
|
|
97
95
|
editorViewRef: editorViewRef
|
|
98
96
|
}) : null, /*#__PURE__*/_react.default.createElement(_editorInternal.EditorInternal, {
|
|
@@ -133,7 +133,8 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
133
133
|
featureFlags: featureFlags,
|
|
134
134
|
pluginHooks: config.pluginHooks,
|
|
135
135
|
__livePage: props.__livePage,
|
|
136
|
-
preset: preset
|
|
136
|
+
preset: preset,
|
|
137
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
137
138
|
}));
|
|
138
139
|
}
|
|
139
140
|
}), /*#__PURE__*/_react.default.createElement(PortalRenderer, null), /*#__PURE__*/_react.default.createElement(NodeViewPortalRenderer, null)))))));
|
|
@@ -111,7 +111,8 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
|
|
|
111
111
|
skipValidation: passedProps.skipValidation,
|
|
112
112
|
syncBlock: passedProps.syncBlock,
|
|
113
113
|
syncedBlockProvider: passedProps.syncedBlockProvider,
|
|
114
|
-
pasteWarningOptions: passedProps.pasteWarningOptions
|
|
114
|
+
pasteWarningOptions: passedProps.pasteWarningOptions,
|
|
115
|
+
UNSAFE_containLayout: passedProps.UNSAFE_containLayout
|
|
115
116
|
};
|
|
116
117
|
var defaultProps = {
|
|
117
118
|
appearance: 'comment',
|
|
@@ -120,7 +121,7 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
|
|
|
120
121
|
};
|
|
121
122
|
var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
|
|
122
123
|
return nextProps;
|
|
123
|
-
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
|
|
124
|
+
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions, passedProps.UNSAFE_containLayout]);
|
|
124
125
|
return memodProps;
|
|
125
126
|
};
|
|
126
127
|
|
|
@@ -229,7 +229,7 @@ function createUniversalPresetInternal(_ref) {
|
|
|
229
229
|
}], Boolean(props.autoformattingProvider)).maybeAdd([_status.statusPlugin, {
|
|
230
230
|
menuDisabled: statusMenuDisabled,
|
|
231
231
|
allowZeroWidthSpaceAfter: true
|
|
232
|
-
}], Boolean(props.allowStatus)).maybeAdd([_syncedBlock.syncedBlockPlugin, props.syncBlock], Boolean(props.syncBlock)
|
|
232
|
+
}], Boolean(props.allowStatus)).maybeAdd([_syncedBlock.syncedBlockPlugin, props.syncBlock], Boolean(props.syncBlock)).maybeAdd(_indentation.indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(_scrollIntoView.scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([_toolbarListsIndentation.toolbarListsIndentationPlugin, {
|
|
233
233
|
showIndentationButtons: !!props.showIndentationButtons,
|
|
234
234
|
allowHeadingAndParagraphIndentation: !!props.allowIndentation
|
|
235
235
|
}]).add([_insertBlock.insertBlockPlugin, _objectSpread({
|
|
@@ -234,6 +234,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
234
234
|
isEditorToolbarHidden: isEditorToolbarHidden,
|
|
235
235
|
viewMode: state.editorViewMode,
|
|
236
236
|
hasHadInteraction: hasHadInteraction,
|
|
237
|
-
contentMode: props.contentMode
|
|
237
|
+
contentMode: props.contentMode,
|
|
238
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
238
239
|
}))));
|
|
239
240
|
};
|
|
@@ -115,7 +115,8 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
115
115
|
isScrollable: true,
|
|
116
116
|
appearance: props.appearance,
|
|
117
117
|
contentMode: props.contentMode,
|
|
118
|
-
useStandardNodeWidth: useStandardNodeWidth
|
|
118
|
+
useStandardNodeWidth: useStandardNodeWidth,
|
|
119
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
119
120
|
}, /*#__PURE__*/_react.default.createElement(_ClickAreaBlock.ClickAreaBlock, {
|
|
120
121
|
editorView: props.editorView,
|
|
121
122
|
editorDisabled: props.disabled
|
|
@@ -332,7 +332,8 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
332
332
|
isScrollable: true,
|
|
333
333
|
appearance: props.appearance,
|
|
334
334
|
contentMode: props.contentMode,
|
|
335
|
-
useStandardNodeWidth: useStandardNodeWidth
|
|
335
|
+
useStandardNodeWidth: useStandardNodeWidth,
|
|
336
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
336
337
|
}, (0, _react2.jsx)(_ClickAreaBlock.default, {
|
|
337
338
|
editorView: props.editorView,
|
|
338
339
|
editorDisabled: props.disabled
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
.cc-i97p01 button.first-floating-toolbar-button:focus{outline:2px solid var(--ds-border-focused,#4688ec)}
|
|
64
64
|
.cc-2ea62a .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item, .cc-2ea62a .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-left:0;margin-right:0}
|
|
65
65
|
.cc-mit9c1 .ProseMirror .fabric-editor-font-size[data-font-size=small]{font:var(--editor-font-ugc-token-body-small)}.cc-mit9c1 .ProseMirror li:has(>.fabric-editor-font-size[data-font-size=small])::marker{font:var(--editor-font-ugc-token-body-small)}.cc-mit9c1 .ProseMirror [data-prosemirror-node-name=blockTaskItem]:has(.fabric-editor-font-size[data-font-size=small]){font:var(--editor-font-ugc-token-body-small)}.cc-mit9c1 .ProseMirror [data-prosemirror-node-name=blockTaskItem]:has(.fabric-editor-font-size[data-font-size=small]) .fabric-editor-font-size{font:inherit}
|
|
66
|
-
.cc-13nbxwv{flex-grow:1}.cc-13nbxwv{height:100%}.cc-13nbxwv{overflow-y:scroll}.cc-13nbxwv{position:relative}.cc-13nbxwv{display:flex}.cc-13nbxwv{flex-direction:column}.cc-13nbxwv{scroll-behavior:smooth}.cc-ly828t .ProseMirror
|
|
66
|
+
.cc-13nbxwv{flex-grow:1}.cc-13nbxwv{height:100%}.cc-13nbxwv{overflow-y:scroll}.cc-13nbxwv{position:relative}.cc-13nbxwv{display:flex}.cc-13nbxwv{flex-direction:column}.cc-13nbxwv{scroll-behavior:smooth}.cc-ly828t .ProseMirror .ProseMirror-gapcursor{display:none;pointer-events:none;position:relative}.cc-ly828t .ProseMirror .ProseMirror-gapcursor span{caret-color:transparent;position:absolute;height:100%;width:100%;display:block}.cc-ly828t .ProseMirror .ProseMirror-gapcursor span:after{animation-name:k1xnqtye;animation-duration:1s;animation-timing-function:step-start;animation-iteration-count:infinite;border-left:1px solid;content:"";display:block;position:absolute;top:0;height:100%}.cc-ly828t .ProseMirror .ProseMirror-gapcursor.-left span:after{left:var(--ds-space-negative-050,-4px)}.cc-ly828t .ProseMirror .ProseMirror-gapcursor.-right span:after{right:var(--ds-space-negative-050,-4px)}.cc-ly828t .ProseMirror .ProseMirror-gapcursor span[layout=fixed-width], .cc-ly828t .ProseMirror .ProseMirror-gapcursor span[layout=full-width], .cc-ly828t .ProseMirror .ProseMirror-gapcursor span[layout=wide]{margin-left:50%;transform:translateX(-50%)}.cc-ly828t .ProseMirror .ProseMirror-gapcursor[layout=wrap-right]{float:right}.cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+blockquote, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+ol, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+pre, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+blockquote, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+ol, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+pre, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+ul, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+ul{margin-top:0}.cc-ly828t .ProseMirror.ProseMirror-focused .ProseMirror-gapcursor{display:block;border-color:transparent}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+[layout=wrap-right], .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right], .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+[layout=wrap-left], .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left], .cc-ly828t .ProseMirror-gapcursor[layout=wrap-left]+span+[layout=wrap-left], .cc-ly828t .ProseMirror-gapcursor[layout=wrap-right]+span+[layout=wrap-right], .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right], .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span [layout=wrap-right], .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left], .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]{clear:none}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+[layout=wrap-right]>div, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]>div, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+[layout=wrap-left]>div, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]>div, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]>div, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]>div, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]>div, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]>div{margin-right:0;margin-left:0;margin-bottom:0}.cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor{float:left}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]:after, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]:after, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]:after, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]:after, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]:after, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]+*, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]+*>*, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]+*, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]+*>*, .cc-ly828t .ProseMirror-widget:not([data-blocks-decoration-container=true]):not([data-blocks-drag-handle-container=true]):not([data-blocks-quick-insert-container=true])+.ProseMirror-gapcursor+*, .cc-ly828t .ProseMirror-widget:not([data-blocks-decoration-container=true]):not([data-blocks-drag-handle-container=true]):not([data-blocks-quick-insert-container=true])+.ProseMirror-gapcursor+span+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+*>*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+span+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+span+*>*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]+*>*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+*>*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+span+*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+span+*>*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]+*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]+*>*{margin-top:0}
|
|
67
67
|
.cc-1lytimn .ProseMirror:has(.ProseMirror-gapcursor){caret-color:transparent}
|
|
68
68
|
.cc-wzj3lo .gridParent{width:calc(100% + 24px);margin-left:var(--ds-space-negative-150,-9pt);margin-right:var(--ds-space-negative-150,-9pt);transform:scale(1);z-index:2}.cc-wzj3lo .gridContainer{position:fixed;height:100vh;width:100%;pointer-events:none}.cc-wzj3lo .gridLine{border-left:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);display:inline-block;box-sizing:border-box;height:100%;margin-left:-1px;transition-property:border-color;transition-duration:.15s;transition-timing-function:linear;z-index:0}.cc-wzj3lo .highlight{border-left:1px solid var(--ds-border-focused,#4688ec)}
|
|
69
69
|
.cc-fb2yc7 .ProseMirror-hideselection{caret-color:transparent}
|
|
@@ -73,7 +73,6 @@
|
|
|
73
73
|
.cc-oocuhh .ProseMirror .inlineNodeView{display:inline;-webkit-user-select:all;user-select:all;white-space:nowrap}.cc-oocuhh .ProseMirror .inlineNodeView>:not(.zeroWidthSpaceContainer){white-space:pre-wrap}.cc-oocuhh .ProseMirror .inlineNodeView>.assistive{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror.ua-safari .inlineNodeView ::selection, .cc-oocuhh .ProseMirror.ua-safari .inlineNodeView::selection{background-color:transparent}.cc-oocuhh .ProseMirror.ua-chrome .inlineNodeView>span{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror .inlineNodeViewAddZeroWidthSpace:after{content:""}
|
|
74
74
|
.cc-vt5d4b .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0;transition:border-color .3s cubic-bezier(.15,1,.3,1);cursor:pointer}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]{flex-grow:1;flex-shrink:1;flex-basis:0%;position:relative;min-width:0;border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);border-radius:var(--ds-radius-small,4px);padding:var(--ds-space-150,9pt);box-sizing:border-box}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.mediaSingleView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-child+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-of-type+.embedCardView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor.-right+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor:first-child+span+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor+span+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>[data-node-type=decisionList] li:first-of-type [data-decision-wrapper]{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content]{height:100%;cursor:text}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content] .mediaGroupView-content-wrap{clear:both}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content], .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex;flex-direction:column}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}.cc-vt5d4b [data-blocks-drop-target-container]~[data-layout-column]>[data-layout-content]:before{display:none}.cc-vt5d4b .fabric-editor--full-width-mode .ProseMirror [data-layout-section] .pm-table-container{margin-top:0;margin-right:2px;margin-bottom:0;margin-left:2px}
|
|
75
75
|
.cc-nyj72m .ProseMirror [data-layout-section] [data-layout-column]{border:0}
|
|
76
|
-
.cc-f9lio7 .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -20px 0}.cc-f9lio7 .ProseMirror [data-layout-section] [data-layout-column]{padding-top:9pt;padding-right:20px;padding-bottom:9pt;padding-left:20px}
|
|
77
76
|
.cc-19l8fhf .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -20px 0}.cc-19l8fhf .ProseMirror [data-prosemirror-node-name=bodiedSyncBlock] [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0}.cc-19l8fhf .ProseMirror [data-layout-section] [data-layout-column]{padding-top:9pt;padding-right:20px;padding-bottom:9pt;padding-left:20px}
|
|
78
77
|
.cc-e9amqv .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}
|
|
79
78
|
.cc-17tg3cb .layout-column-divider{margin-inline:-15px 0;flex-shrink:0;box-sizing:content-box;cursor:col-resize;position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-rail{background:var(--ds-background-selected,#e9f2fe)}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-thumb{background:var(--ds-border-focused,#4688ec)}.cc-17tg3cb .layout-column-divider-rail{width:7px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-small,4px);transition:background-color .2s;pointer-events:none}.cc-17tg3cb .layout-column-divider-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);pointer-events:none;position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
|
|
@@ -105,7 +104,7 @@
|
|
|
105
104
|
.cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
|
|
106
105
|
.cc-1uksm6h .fabric-editor--max-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--max-width-layout-width));--ak-editor--breakout-fallback-width:100%;--ak-editor--breakout-min-width:0px}
|
|
107
106
|
.cc-6n0n2h .fabric-editor-block-mark[class^=fabric-editor-align]{clear:none}.cc-6n0n2h .fabric-editor-align-end{text-align:right}.cc-6n0n2h .fabric-editor-align-start{text-align:left}.cc-6n0n2h .fabric-editor-align-center{text-align:center}.cc-6n0n2h .fabric-editor--full-width-mode .pm-table-container .code-block, .cc-6n0n2h .fabric-editor--full-width-mode .pm-table-container .extension-container, .cc-6n0n2h .fabric-editor--full-width-mode .pm-table-container .multiBodiedExtension--container{max-width:100%}
|
|
108
|
-
.cc-1vdr4vn .ProseMirror [data-media-caption]{margin-top:var(--ds-space-100,8px);position:relative}.cc-1vdr4vn .ProseMirror .captionView-content-wrap{text-align:center;color:var(--ds-text-subtle,#505258)}
|
|
107
|
+
.cc-1vdr4vn .ProseMirror [data-media-caption]{margin-top:var(--ds-space-100,8px);position:relative}.cc-1vdr4vn .ProseMirror .captionView-content-wrap{text-align:center;color:var(--ds-text-subtle,#505258)}
|
|
109
108
|
.cc-17or0mw .mediaSingleView-content-wrap span#caption-placeholder{font-size:var(--ak-editor-base-font-size)}
|
|
110
109
|
.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger .media-inline-image-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger>span>span[role=button]{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaGroupView-content-wrap.danger #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
111
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
@@ -126,7 +125,6 @@
|
|
|
126
125
|
.cc-1om7jhv .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76);display:inline}.cc-1om7jhv .ProseMirror span.pm-placeholder{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder__text{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76);cursor:text;content:attr(data-placeholder);display:inline}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor{display:inline;pointer-events:none;position:relative}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor:after{content:"";display:inline;top:0;position:absolute;border-right:1px solid var(--ds-border,#0b120e24)}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-selection{display:inline;pointer-events:none;position:relative;background-color:Highlight;color:HighlightText}
|
|
127
126
|
.cc-15lghdh .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
|
|
128
127
|
.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
|
|
129
|
-
.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-4kxami .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
|
|
130
128
|
.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
|
|
131
129
|
.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
|
|
132
130
|
.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
|
|
@@ -239,7 +239,6 @@ var editorContentStyles = {
|
|
|
239
239
|
InlineNodeViewSharedStyles: "cc-oocuhh",
|
|
240
240
|
layoutBaseStyles: "cc-vt5d4b",
|
|
241
241
|
layoutBaseStylesAdvanced: "cc-nyj72m",
|
|
242
|
-
layoutBaseStylesNestedDnd: "cc-f9lio7",
|
|
243
242
|
layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
|
|
244
243
|
layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
|
|
245
244
|
layoutColumnDividerStyles: "cc-17tg3cb",
|
|
@@ -293,7 +292,6 @@ var editorContentStyles = {
|
|
|
293
292
|
placeholderTextStyles: "cc-1om7jhv",
|
|
294
293
|
placeholderWrapStyles: "cc-15lghdh",
|
|
295
294
|
pragmaticResizerStyles: "cc-lum87v",
|
|
296
|
-
pragmaticResizerStylesCodeBlockLegacy: "cc-4kxami",
|
|
297
295
|
pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
|
|
298
296
|
pragmaticResizerStylesForTooltip: "cc-mn5fyk",
|
|
299
297
|
pragmaticResizerStylesSyncedBlock: "cc-kqyid",
|
|
@@ -397,13 +395,17 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
397
395
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
398
396
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
399
397
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
400
|
-
var style =
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
398
|
+
var style = _react.default.useMemo(function () {
|
|
399
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
|
|
400
|
+
contain: 'strict'
|
|
401
|
+
} : {}), {}, {
|
|
402
|
+
'--ak-editor--table-overflow-shadow': tableOverflowShadow
|
|
403
|
+
}, _tableCellBackgroundForCompiled.tableCellBackgroundColorVariablesForCompiled), !(0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
404
|
+
exposure: true
|
|
405
|
+
}) && {
|
|
406
|
+
'--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
|
|
407
|
+
});
|
|
408
|
+
}, [tableOverflowShadow, props.UNSAFE_containLayout]);
|
|
407
409
|
var browser = (0, _browser.getBrowserInfo)();
|
|
408
410
|
|
|
409
411
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -420,9 +422,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
420
422
|
}) && editorContentStyles.listSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
|
|
421
423
|
exposure: true
|
|
422
424
|
}) && 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, 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, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
423
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && 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, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
|
|
424
|
-
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
425
|
-
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && 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) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.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, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.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, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, 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, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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, _platformFeatureFlags.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, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
425
|
+
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, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.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, _experiments.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, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.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, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, 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, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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, _platformFeatureFlags.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, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
426
426
|
ref: ref,
|
|
427
427
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
428
428
|
"data-testid": "editor-content-container"
|
|
@@ -140,15 +140,19 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
140
140
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
141
141
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
142
142
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
143
|
-
var style =
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
}),
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
143
|
+
var style = _react.default.useMemo(function () {
|
|
144
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
|
|
145
|
+
contain: 'strict'
|
|
146
|
+
} : {}), !(0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
|
|
147
|
+
'--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
|
|
148
|
+
theme: theme
|
|
149
|
+
}), "px")
|
|
150
|
+
}), !(0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
151
|
+
exposure: true
|
|
152
|
+
}) && {
|
|
153
|
+
'--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
|
|
154
|
+
});
|
|
155
|
+
}, [theme, props.UNSAFE_containLayout]);
|
|
152
156
|
var browser = (0, _browser.getBrowserInfo)();
|
|
153
157
|
|
|
154
158
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -281,7 +285,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
281
285
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
282
286
|
_agentShimmerStyles.agentShimmerStyle,
|
|
283
287
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
284
|
-
_gapCursorStyles.gapCursorStyles,
|
|
288
|
+
_gapCursorStyles.gapCursorStyles,
|
|
285
289
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
286
290
|
_gapCursorStyles.gapCursorStylesVisibilityFix,
|
|
287
291
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -324,7 +328,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
324
328
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
325
329
|
_expandStyles.expandStylesMixin_chromeless_expand_fix,
|
|
326
330
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
327
|
-
_findReplaceStyles.findReplaceStyles,
|
|
331
|
+
_findReplaceStyles.findReplaceStyles,
|
|
328
332
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
329
333
|
_findReplaceStyles.findReplaceStylesWithRefSyncBlock,
|
|
330
334
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -374,20 +378,20 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
374
378
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
375
379
|
_layout.layoutBaseStylesWithTableExcerptsFix,
|
|
376
380
|
// merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
|
|
377
|
-
(0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
381
|
+
(0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
378
382
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
379
|
-
_syncBlockStyles.syncBlockStylesBase,
|
|
383
|
+
_syncBlockStyles.syncBlockStylesBase,
|
|
380
384
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
381
385
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
382
386
|
!useStandardNodeWidth &&
|
|
383
387
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
384
388
|
_syncBlockStyles.syncBlockStyles,
|
|
385
389
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
386
|
-
|
|
390
|
+
_syncBlockStyles.syncBlockOverflowStyles,
|
|
387
391
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
388
|
-
_syncBlockStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
392
|
+
_syncBlockStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
389
393
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
390
|
-
_syncBlockInteractiveCursorStyles.syncBlockInteractiveCursorStyles,
|
|
394
|
+
_syncBlockInteractiveCursorStyles.syncBlockInteractiveCursorStyles,
|
|
391
395
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
392
396
|
_syncBlockStyles.syncBlockFirstNodeStyles,
|
|
393
397
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -413,17 +417,15 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
413
417
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
414
418
|
_layout.layoutSelectedStylesAdvanced :
|
|
415
419
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
416
|
-
_layout.layoutSelectedStylesNotAdvanced,
|
|
420
|
+
_layout.layoutSelectedStylesNotAdvanced,
|
|
417
421
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
418
422
|
_layout.layoutSelectedStylesAdvancedFix,
|
|
419
423
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
420
424
|
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
|
|
421
425
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
422
|
-
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles,
|
|
423
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
424
|
-
_layout.layoutBaseStylesNestedDndExcludingBodiedSync :
|
|
426
|
+
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles,
|
|
425
427
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
426
|
-
_layout.
|
|
428
|
+
_layout.layoutBaseStylesNestedDndExcludingBodiedSync,
|
|
427
429
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
428
430
|
_layout.layoutColumnMartinTopFixes,
|
|
429
431
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -439,7 +441,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
439
441
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
440
442
|
_link.linkStyles,
|
|
441
443
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
442
|
-
browser.safari && _list.listsStylesSafariFix,
|
|
444
|
+
browser.safari && _list.listsStylesSafariFix,
|
|
443
445
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
444
446
|
_resizerStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
445
447
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -449,11 +451,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
449
451
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
450
452
|
_resizerStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
451
453
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
452
|
-
(0, _experiments.editorExperiment)('
|
|
453
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
454
|
-
_resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch :
|
|
455
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
456
|
-
_resizerStyles.pragmaticResizerStylesCodeBlockLegacy : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
454
|
+
_resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
457
455
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
458
456
|
_resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
459
457
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.gapCursorStylesVisibilityFix = exports.gapCursorStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
@@ -26,7 +26,6 @@ var gapCursorBlink = (0, _react.keyframes)({
|
|
|
26
26
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
27
27
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
28
28
|
*/
|
|
29
|
-
var hideCaretModifier = exports.hideCaretModifier = 'ProseMirror-hide-gapcursor';
|
|
30
29
|
var gapCursorSelector = '.ProseMirror-gapcursor';
|
|
31
30
|
var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
|
|
32
31
|
var wrapLeft = '[layout="wrap-left"]';
|
|
@@ -46,10 +45,7 @@ var marginDeepChildrenFixSelector = "\n".concat(wrapLeft, " + ").concat(gapCurso
|
|
|
46
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
47
46
|
var gapCursorStyles = exports.gapCursorStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
48
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
49
|
-
'.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(
|
|
50
|
-
// Clean this up with platform_synced_block
|
|
51
|
-
caretColor: 'transparent'
|
|
52
|
-
}), gapCursorSelector, (0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
48
|
+
'.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, gapCursorSelector, (0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
53
49
|
display: 'none',
|
|
54
50
|
pointerEvents: 'none',
|
|
55
51
|
position: 'relative',
|
|
@@ -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 = "224.0.
|
|
9
|
+
var version = exports.version = "224.0.5";
|
|
@@ -8,7 +8,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents'
|
|
|
8
8
|
import { ACTION } from '@atlaskit/editor-common/analytics';
|
|
9
9
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
10
10
|
import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils/analytics';
|
|
11
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
12
11
|
import EditorActions from '../actions';
|
|
13
12
|
import { useEditorContext } from '../ui/EditorContext';
|
|
14
13
|
import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
|
|
@@ -85,7 +84,7 @@ function Editor(passedProps) {
|
|
|
85
84
|
onSaveFromProps(view);
|
|
86
85
|
}
|
|
87
86
|
}, [onSaveFromProps]);
|
|
88
|
-
const isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width',
|
|
87
|
+
const isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
|
|
89
88
|
return /*#__PURE__*/React.createElement(Fragment, null, isFullPageAppearance ? /*#__PURE__*/React.createElement(EditorINPMetrics, {
|
|
90
89
|
editorViewRef: editorViewRef
|
|
91
90
|
}) : null, /*#__PURE__*/React.createElement(EditorInternal, {
|
|
@@ -115,7 +115,8 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
115
115
|
featureFlags: featureFlags,
|
|
116
116
|
pluginHooks: config.pluginHooks,
|
|
117
117
|
__livePage: props.__livePage,
|
|
118
|
-
preset: preset
|
|
118
|
+
preset: preset,
|
|
119
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
119
120
|
}));
|
|
120
121
|
}
|
|
121
122
|
}), /*#__PURE__*/React.createElement(PortalRenderer, null), /*#__PURE__*/React.createElement(NodeViewPortalRenderer, null)))))));
|
|
@@ -101,7 +101,8 @@ export const useMemoEditorProps = passedProps => {
|
|
|
101
101
|
skipValidation: passedProps.skipValidation,
|
|
102
102
|
syncBlock: passedProps.syncBlock,
|
|
103
103
|
syncedBlockProvider: passedProps.syncedBlockProvider,
|
|
104
|
-
pasteWarningOptions: passedProps.pasteWarningOptions
|
|
104
|
+
pasteWarningOptions: passedProps.pasteWarningOptions,
|
|
105
|
+
UNSAFE_containLayout: passedProps.UNSAFE_containLayout
|
|
105
106
|
};
|
|
106
107
|
const defaultProps = {
|
|
107
108
|
appearance: 'comment',
|
|
@@ -113,7 +114,7 @@ export const useMemoEditorProps = passedProps => {
|
|
|
113
114
|
...allProps
|
|
114
115
|
};
|
|
115
116
|
return nextProps;
|
|
116
|
-
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
|
|
117
|
+
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions, passedProps.UNSAFE_containLayout]);
|
|
117
118
|
return memodProps;
|
|
118
119
|
};
|
|
119
120
|
|
|
@@ -233,7 +233,7 @@ export default function createUniversalPresetInternal({
|
|
|
233
233
|
}], Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
|
|
234
234
|
menuDisabled: statusMenuDisabled,
|
|
235
235
|
allowZeroWidthSpaceAfter: true
|
|
236
|
-
}], Boolean(props.allowStatus)).maybeAdd([syncedBlockPlugin, props.syncBlock], Boolean(props.syncBlock)
|
|
236
|
+
}], Boolean(props.allowStatus)).maybeAdd([syncedBlockPlugin, props.syncBlock], Boolean(props.syncBlock)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {
|
|
237
237
|
showIndentationButtons: !!props.showIndentationButtons,
|
|
238
238
|
allowHeadingAndParagraphIndentation: !!props.allowIndentation
|
|
239
239
|
}]).add([insertBlockPlugin, {
|