@atlaskit/editor-core 207.0.6 → 207.0.7
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 +8 -0
- package/dist/cjs/create-editor/ReactEditorView.js +3 -2
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +3 -2
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +2 -2
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +3 -2
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +12 -3
- package/dist/types/presets/universal.d.ts +12 -3
- package/dist/types/presets/useUniversalPreset.d.ts +12 -3
- package/dist/types/ui/Appearance/FullPage/FullPage.d.ts +1 -1
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +12 -3
- package/dist/types-ts4.5/presets/universal.d.ts +12 -3
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +12 -3
- package/dist/types-ts4.5/ui/Appearance/FullPage/FullPage.d.ts +1 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts +1 -1
- package/package.json +7 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 207.0.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#158563](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158563)
|
|
8
|
+
[`6b110fbea6e0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b110fbea6e0e) -
|
|
9
|
+
Disable all render tracking on Jira
|
|
10
|
+
|
|
3
11
|
## 207.0.6
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -615,8 +615,9 @@ function ReactEditorView(props) {
|
|
|
615
615
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
616
616
|
[props.editorProps.assistiveLabel, props.editorProps.assistiveDescribedBy]);
|
|
617
617
|
|
|
618
|
-
// Render tracking firing too many events
|
|
619
|
-
|
|
618
|
+
// Render tracking is firing too many events in Jira so we are disabling them for now. See - https://product-fabric.atlassian.net/browse/ED-25616
|
|
619
|
+
// Also firing too many events for the legacy content macro, so disabling for now. See - https://product-fabric.atlassian.net/browse/ED-26650
|
|
620
|
+
var renderTrackingEnabled = !(0, _platformFeatureFlags.fg)('platform_editor_disable_rerender_tracking_jira') && !featureFlags.lcmPreventRenderTracking;
|
|
620
621
|
return /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
|
|
621
622
|
value: {
|
|
622
623
|
editorRef: editorRef,
|
|
@@ -79,6 +79,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
79
79
|
primaryToolbarState = _useSharedPluginState.primaryToolbarState,
|
|
80
80
|
interactionState = _useSharedPluginState.interactionState;
|
|
81
81
|
var viewMode = (0, _getEditorViewModeSync.getEditorViewMode)(editorViewModeState, props.preset);
|
|
82
|
+
var hasHadInteraction = (0, _platformFeatureFlags.fg)('platform_editor_interaction_api_refactor') ? (interactionState === null || interactionState === void 0 ? void 0 : interactionState.interactionState) !== 'hasNotHadInteraction' : Boolean(interactionState === null || interactionState === void 0 ? void 0 : interactionState.hasHadInteraction);
|
|
82
83
|
var toolbarDocking = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'selectionToolbar.toolbarDocking');
|
|
83
84
|
if (!toolbarDocking && (0, _platformFeatureFlags.fg)('platform_editor_controls_toolbar_ssr_fix')) {
|
|
84
85
|
var _editorAPI$selectionT, _editorAPI$selectionT2;
|
|
@@ -221,7 +222,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
221
222
|
featureFlags: props.featureFlags,
|
|
222
223
|
isEditorToolbarHidden: isEditorToolbarHidden,
|
|
223
224
|
viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
|
|
224
|
-
hasHadInteraction:
|
|
225
|
+
hasHadInteraction: hasHadInteraction
|
|
225
226
|
})));
|
|
226
227
|
};
|
|
227
228
|
var hiddenStyle = (0, _react2.css)({
|
|
@@ -78,7 +78,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
78
78
|
};
|
|
79
79
|
}, []);
|
|
80
80
|
var interactionClassName;
|
|
81
|
-
if (props.hasHadInteraction
|
|
81
|
+
if (props.hasHadInteraction && (0, _platformFeatureFlags.fg)('platform_editor_no_selection_until_interaction')) {
|
|
82
82
|
interactionClassName = props.hasHadInteraction ? 'ak-editor-has-interaction' : 'ak-editor-no-interaction';
|
|
83
83
|
}
|
|
84
84
|
return (0, _react2.jsx)("div", {
|
|
@@ -351,7 +351,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
351
351
|
|
|
352
352
|
// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
|
|
353
353
|
var contentStyles = function contentStyles() {
|
|
354
|
-
return (0, _react2.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: var(--ak-editor-base-font-size);\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\n\t", "\n\n\t", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", ";\n\n
|
|
354
|
+
return (0, _react2.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: var(--ak-editor-base-font-size);\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\n\t", "\n\n\t", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", ";\n\n\t", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n // Switch between the two icons based on the visual refresh feature gate\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n\t is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, (0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _platformFeatureFlags.fg)('confluence_team_presence_scroll_to_pointer') ? _collab.telepointerStyle : _collab.telepointerStyleWithInitialOnly, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
355
355
|
exposure: false
|
|
356
356
|
}) && vanillaMentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
357
357
|
exposure: false
|
|
@@ -579,8 +579,9 @@ export function ReactEditorView(props) {
|
|
|
579
579
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
580
580
|
[props.editorProps.assistiveLabel, props.editorProps.assistiveDescribedBy]);
|
|
581
581
|
|
|
582
|
-
// Render tracking firing too many events
|
|
583
|
-
|
|
582
|
+
// Render tracking is firing too many events in Jira so we are disabling them for now. See - https://product-fabric.atlassian.net/browse/ED-25616
|
|
583
|
+
// Also firing too many events for the legacy content macro, so disabling for now. See - https://product-fabric.atlassian.net/browse/ED-26650
|
|
584
|
+
const renderTrackingEnabled = !fg('platform_editor_disable_rerender_tracking_jira') && !featureFlags.lcmPreventRenderTracking;
|
|
584
585
|
return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
|
|
585
586
|
value: {
|
|
586
587
|
editorRef: editorRef,
|
|
@@ -61,6 +61,7 @@ export const FullPageEditor = props => {
|
|
|
61
61
|
interactionState
|
|
62
62
|
} = useSharedPluginState(editorAPI, ['editorViewMode', 'primaryToolbar', 'interaction']);
|
|
63
63
|
const viewMode = getEditorViewMode(editorViewModeState, props.preset);
|
|
64
|
+
const hasHadInteraction = fg('platform_editor_interaction_api_refactor') ? (interactionState === null || interactionState === void 0 ? void 0 : interactionState.interactionState) !== 'hasNotHadInteraction' : Boolean(interactionState === null || interactionState === void 0 ? void 0 : interactionState.hasHadInteraction);
|
|
64
65
|
let toolbarDocking = useSharedPluginStateSelector(editorAPI, 'selectionToolbar.toolbarDocking');
|
|
65
66
|
if (!toolbarDocking && fg('platform_editor_controls_toolbar_ssr_fix')) {
|
|
66
67
|
var _editorAPI$selectionT, _editorAPI$selectionT2, _editorAPI$selectionT3;
|
|
@@ -205,7 +206,7 @@ export const FullPageEditor = props => {
|
|
|
205
206
|
featureFlags: props.featureFlags,
|
|
206
207
|
isEditorToolbarHidden: isEditorToolbarHidden,
|
|
207
208
|
viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
|
|
208
|
-
hasHadInteraction:
|
|
209
|
+
hasHadInteraction: hasHadInteraction
|
|
209
210
|
})));
|
|
210
211
|
};
|
|
211
212
|
const hiddenStyle = css({
|
|
@@ -62,7 +62,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
62
62
|
}
|
|
63
63
|
}), []);
|
|
64
64
|
let interactionClassName;
|
|
65
|
-
if (props.hasHadInteraction
|
|
65
|
+
if (props.hasHadInteraction && fg('platform_editor_no_selection_until_interaction')) {
|
|
66
66
|
interactionClassName = props.hasHadInteraction ? 'ak-editor-has-interaction' : 'ak-editor-no-interaction';
|
|
67
67
|
}
|
|
68
68
|
return jsx("div", {
|
|
@@ -1159,9 +1159,9 @@ const contentStyles = () => css`
|
|
|
1159
1159
|
${fg('confluence_team_presence_scroll_to_pointer') ? telepointerStyle : telepointerStyleWithInitialOnly}
|
|
1160
1160
|
${gapCursorStyles};
|
|
1161
1161
|
|
|
1162
|
-
|
|
1162
|
+
${panelStyles()}
|
|
1163
1163
|
|
|
1164
|
-
|
|
1164
|
+
${mentionsStyles}
|
|
1165
1165
|
|
|
1166
1166
|
${editorExperiment('platform_editor_vanilla_dom', true, {
|
|
1167
1167
|
exposure: false
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "207.0.
|
|
2
|
+
export const version = "207.0.7";
|
|
@@ -604,8 +604,9 @@ export function ReactEditorView(props) {
|
|
|
604
604
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
605
605
|
[props.editorProps.assistiveLabel, props.editorProps.assistiveDescribedBy]);
|
|
606
606
|
|
|
607
|
-
// Render tracking firing too many events
|
|
608
|
-
|
|
607
|
+
// Render tracking is firing too many events in Jira so we are disabling them for now. See - https://product-fabric.atlassian.net/browse/ED-25616
|
|
608
|
+
// Also firing too many events for the legacy content macro, so disabling for now. See - https://product-fabric.atlassian.net/browse/ED-26650
|
|
609
|
+
var renderTrackingEnabled = !fg('platform_editor_disable_rerender_tracking_jira') && !featureFlags.lcmPreventRenderTracking;
|
|
609
610
|
return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
|
|
610
611
|
value: {
|
|
611
612
|
editorRef: editorRef,
|
|
@@ -68,6 +68,7 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
68
68
|
primaryToolbarState = _useSharedPluginState.primaryToolbarState,
|
|
69
69
|
interactionState = _useSharedPluginState.interactionState;
|
|
70
70
|
var viewMode = getEditorViewMode(editorViewModeState, props.preset);
|
|
71
|
+
var hasHadInteraction = fg('platform_editor_interaction_api_refactor') ? (interactionState === null || interactionState === void 0 ? void 0 : interactionState.interactionState) !== 'hasNotHadInteraction' : Boolean(interactionState === null || interactionState === void 0 ? void 0 : interactionState.hasHadInteraction);
|
|
71
72
|
var toolbarDocking = useSharedPluginStateSelector(editorAPI, 'selectionToolbar.toolbarDocking');
|
|
72
73
|
if (!toolbarDocking && fg('platform_editor_controls_toolbar_ssr_fix')) {
|
|
73
74
|
var _editorAPI$selectionT, _editorAPI$selectionT2;
|
|
@@ -210,7 +211,7 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
210
211
|
featureFlags: props.featureFlags,
|
|
211
212
|
isEditorToolbarHidden: isEditorToolbarHidden,
|
|
212
213
|
viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
|
|
213
|
-
hasHadInteraction:
|
|
214
|
+
hasHadInteraction: hasHadInteraction
|
|
214
215
|
})));
|
|
215
216
|
};
|
|
216
217
|
var hiddenStyle = css({
|
|
@@ -67,7 +67,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
67
67
|
};
|
|
68
68
|
}, []);
|
|
69
69
|
var interactionClassName;
|
|
70
|
-
if (props.hasHadInteraction
|
|
70
|
+
if (props.hasHadInteraction && fg('platform_editor_no_selection_until_interaction')) {
|
|
71
71
|
interactionClassName = props.hasHadInteraction ? 'ak-editor-has-interaction' : 'ak-editor-no-interaction';
|
|
72
72
|
}
|
|
73
73
|
return jsx("div", {
|
|
@@ -346,7 +346,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
346
346
|
|
|
347
347
|
// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
|
|
348
348
|
var contentStyles = function contentStyles() {
|
|
349
|
-
return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: var(--ak-editor-base-font-size);\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\n\t", "\n\n\t", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", ";\n\n
|
|
349
|
+
return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: var(--ak-editor-base-font-size);\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\n\t", "\n\n\t", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", ";\n\n\t", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n // Switch between the two icons based on the visual refresh feature gate\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\t", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n\t is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), akEditorGutterPadding, akEditorGutterPaddingDynamic(), akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, whitespaceSharedStyles, paragraphSharedStyles(), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, editorExperiment('platform_editor_advanced_code_blocks', true) ? css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, codeBlockStyles(), blocktypeStyles(), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), fg('confluence_team_presence_scroll_to_pointer') ? telepointerStyle : telepointerStyleWithInitialOnly, gapCursorStyles, panelStyles(), mentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
350
350
|
exposure: false
|
|
351
351
|
}) && vanillaMentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
352
352
|
exposure: false
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "207.0.
|
|
2
|
+
export var version = "207.0.7";
|
|
@@ -348,7 +348,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
348
348
|
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
349
349
|
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
350
350
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
351
|
-
sharedState:
|
|
351
|
+
sharedState: {
|
|
352
|
+
hasHadInteraction: boolean;
|
|
353
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
354
|
+
};
|
|
352
355
|
commands: {
|
|
353
356
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
354
357
|
};
|
|
@@ -363,7 +366,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
363
366
|
pluginConfiguration: import("@atlaskit/editor-plugins/selection").SelectionPluginOptions | undefined;
|
|
364
367
|
actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
|
|
365
368
|
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
366
|
-
sharedState:
|
|
369
|
+
sharedState: {
|
|
370
|
+
hasHadInteraction: boolean;
|
|
371
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
372
|
+
};
|
|
367
373
|
commands: {
|
|
368
374
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
369
375
|
};
|
|
@@ -1135,7 +1141,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
1135
1141
|
}, import("@atlaskit/editor-plugins/context-identifier").ContextIdentifierPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
|
|
1136
1142
|
sharedState: import("@atlaskit/editor-plugins/composition").CompositionState;
|
|
1137
1143
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
1138
|
-
sharedState:
|
|
1144
|
+
sharedState: {
|
|
1145
|
+
hasHadInteraction: boolean;
|
|
1146
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
1147
|
+
};
|
|
1139
1148
|
commands: {
|
|
1140
1149
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
1141
1150
|
};
|
|
@@ -400,7 +400,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
400
400
|
pluginConfiguration: FeatureFlags;
|
|
401
401
|
sharedState: FeatureFlags;
|
|
402
402
|
}, FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
403
|
-
sharedState:
|
|
403
|
+
sharedState: {
|
|
404
|
+
hasHadInteraction: boolean;
|
|
405
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
406
|
+
};
|
|
404
407
|
commands: {
|
|
405
408
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
406
409
|
};
|
|
@@ -415,7 +418,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
415
418
|
pluginConfiguration: import("@atlaskit/editor-plugins/selection").SelectionPluginOptions | undefined;
|
|
416
419
|
actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
|
|
417
420
|
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
418
|
-
sharedState:
|
|
421
|
+
sharedState: {
|
|
422
|
+
hasHadInteraction: boolean;
|
|
423
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
424
|
+
};
|
|
419
425
|
commands: {
|
|
420
426
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
421
427
|
};
|
|
@@ -1187,7 +1193,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
1187
1193
|
}, import("@atlaskit/editor-plugins/context-identifier").ContextIdentifierPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
|
|
1188
1194
|
sharedState: import("@atlaskit/editor-plugins/composition").CompositionState;
|
|
1189
1195
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
1190
|
-
sharedState:
|
|
1196
|
+
sharedState: {
|
|
1197
|
+
hasHadInteraction: boolean;
|
|
1198
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
1199
|
+
};
|
|
1191
1200
|
commands: {
|
|
1192
1201
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
1193
1202
|
};
|
|
@@ -348,7 +348,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
348
348
|
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
349
349
|
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
350
350
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
351
|
-
sharedState:
|
|
351
|
+
sharedState: {
|
|
352
|
+
hasHadInteraction: boolean;
|
|
353
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
354
|
+
};
|
|
352
355
|
commands: {
|
|
353
356
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
354
357
|
};
|
|
@@ -363,7 +366,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
363
366
|
pluginConfiguration: import("@atlaskit/editor-plugins/selection").SelectionPluginOptions | undefined;
|
|
364
367
|
actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
|
|
365
368
|
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
366
|
-
sharedState:
|
|
369
|
+
sharedState: {
|
|
370
|
+
hasHadInteraction: boolean;
|
|
371
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
372
|
+
};
|
|
367
373
|
commands: {
|
|
368
374
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
369
375
|
};
|
|
@@ -1135,7 +1141,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
1135
1141
|
}, import("@atlaskit/editor-plugins/context-identifier").ContextIdentifierPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
|
|
1136
1142
|
sharedState: import("@atlaskit/editor-plugins/composition").CompositionState;
|
|
1137
1143
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
1138
|
-
sharedState:
|
|
1144
|
+
sharedState: {
|
|
1145
|
+
hasHadInteraction: boolean;
|
|
1146
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
1147
|
+
};
|
|
1139
1148
|
commands: {
|
|
1140
1149
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
1141
1150
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
2
|
import type { OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
3
3
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
|
|
4
|
-
import { InteractionPlugin } from '@atlaskit/editor-plugins/interaction';
|
|
4
|
+
import { type InteractionPlugin } from '@atlaskit/editor-plugins/interaction';
|
|
5
5
|
import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugins/primary-toolbar';
|
|
6
6
|
import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugins/selection-toolbar';
|
|
7
7
|
import type { EditorAppearanceComponentProps } from '../../../types';
|
|
@@ -33,10 +33,10 @@ interface FullPageEditorContentAreaProps {
|
|
|
33
33
|
popupsScrollableElement: HTMLElement | undefined;
|
|
34
34
|
providerFactory: ProviderFactory;
|
|
35
35
|
wrapperElement: HTMLElement | null;
|
|
36
|
+
hasHadInteraction: boolean;
|
|
36
37
|
featureFlags?: FeatureFlags;
|
|
37
38
|
viewMode: ViewMode | undefined;
|
|
38
39
|
isEditorToolbarHidden?: boolean;
|
|
39
|
-
hasHadInteraction?: boolean;
|
|
40
40
|
}
|
|
41
41
|
export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
|
|
42
42
|
export declare const EDITOR_CONTAINER = "ak-editor-container";
|
|
@@ -493,7 +493,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
493
493
|
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
494
494
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>,
|
|
495
495
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
496
|
-
sharedState:
|
|
496
|
+
sharedState: {
|
|
497
|
+
hasHadInteraction: boolean;
|
|
498
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
499
|
+
};
|
|
497
500
|
commands: {
|
|
498
501
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
499
502
|
};
|
|
@@ -511,7 +514,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
511
514
|
actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
|
|
512
515
|
dependencies: [
|
|
513
516
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
514
|
-
sharedState:
|
|
517
|
+
sharedState: {
|
|
518
|
+
hasHadInteraction: boolean;
|
|
519
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
520
|
+
};
|
|
515
521
|
commands: {
|
|
516
522
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
517
523
|
};
|
|
@@ -1422,7 +1428,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
1422
1428
|
sharedState: import("@atlaskit/editor-plugins/composition").CompositionState;
|
|
1423
1429
|
}, undefined>,
|
|
1424
1430
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
1425
|
-
sharedState:
|
|
1431
|
+
sharedState: {
|
|
1432
|
+
hasHadInteraction: boolean;
|
|
1433
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
1434
|
+
};
|
|
1426
1435
|
commands: {
|
|
1427
1436
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
1428
1437
|
};
|
|
@@ -545,7 +545,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
545
545
|
sharedState: FeatureFlags;
|
|
546
546
|
}, FeatureFlags>>,
|
|
547
547
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
548
|
-
sharedState:
|
|
548
|
+
sharedState: {
|
|
549
|
+
hasHadInteraction: boolean;
|
|
550
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
551
|
+
};
|
|
549
552
|
commands: {
|
|
550
553
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
551
554
|
};
|
|
@@ -563,7 +566,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
563
566
|
actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
|
|
564
567
|
dependencies: [
|
|
565
568
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
566
|
-
sharedState:
|
|
569
|
+
sharedState: {
|
|
570
|
+
hasHadInteraction: boolean;
|
|
571
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
572
|
+
};
|
|
567
573
|
commands: {
|
|
568
574
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
569
575
|
};
|
|
@@ -1474,7 +1480,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
1474
1480
|
sharedState: import("@atlaskit/editor-plugins/composition").CompositionState;
|
|
1475
1481
|
}, undefined>,
|
|
1476
1482
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
1477
|
-
sharedState:
|
|
1483
|
+
sharedState: {
|
|
1484
|
+
hasHadInteraction: boolean;
|
|
1485
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
1486
|
+
};
|
|
1478
1487
|
commands: {
|
|
1479
1488
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
1480
1489
|
};
|
|
@@ -493,7 +493,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
493
493
|
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
494
494
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>,
|
|
495
495
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
496
|
-
sharedState:
|
|
496
|
+
sharedState: {
|
|
497
|
+
hasHadInteraction: boolean;
|
|
498
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
499
|
+
};
|
|
497
500
|
commands: {
|
|
498
501
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
499
502
|
};
|
|
@@ -511,7 +514,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
511
514
|
actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
|
|
512
515
|
dependencies: [
|
|
513
516
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
514
|
-
sharedState:
|
|
517
|
+
sharedState: {
|
|
518
|
+
hasHadInteraction: boolean;
|
|
519
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
520
|
+
};
|
|
515
521
|
commands: {
|
|
516
522
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
517
523
|
};
|
|
@@ -1422,7 +1428,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
1422
1428
|
sharedState: import("@atlaskit/editor-plugins/composition").CompositionState;
|
|
1423
1429
|
}, undefined>,
|
|
1424
1430
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
|
|
1425
|
-
sharedState:
|
|
1431
|
+
sharedState: {
|
|
1432
|
+
hasHadInteraction: boolean;
|
|
1433
|
+
interactionState: "hasNotHadInteraction" | null;
|
|
1434
|
+
};
|
|
1426
1435
|
commands: {
|
|
1427
1436
|
handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
|
|
1428
1437
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
2
|
import type { OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
3
3
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
|
|
4
|
-
import { InteractionPlugin } from '@atlaskit/editor-plugins/interaction';
|
|
4
|
+
import { type InteractionPlugin } from '@atlaskit/editor-plugins/interaction';
|
|
5
5
|
import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugins/primary-toolbar';
|
|
6
6
|
import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugins/selection-toolbar';
|
|
7
7
|
import type { EditorAppearanceComponentProps } from '../../../types';
|
|
@@ -35,10 +35,10 @@ interface FullPageEditorContentAreaProps {
|
|
|
35
35
|
popupsScrollableElement: HTMLElement | undefined;
|
|
36
36
|
providerFactory: ProviderFactory;
|
|
37
37
|
wrapperElement: HTMLElement | null;
|
|
38
|
+
hasHadInteraction: boolean;
|
|
38
39
|
featureFlags?: FeatureFlags;
|
|
39
40
|
viewMode: ViewMode | undefined;
|
|
40
41
|
isEditorToolbarHidden?: boolean;
|
|
41
|
-
hasHadInteraction?: boolean;
|
|
42
42
|
}
|
|
43
43
|
export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
|
|
44
44
|
export declare const EDITOR_CONTAINER = "ak-editor-container";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "207.0.
|
|
3
|
+
"version": "207.0.7",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@atlaskit/analytics-namespaced-context": "^7.0.0",
|
|
45
45
|
"@atlaskit/analytics-next": "^11.0.0",
|
|
46
46
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
47
|
-
"@atlaskit/button": "^23.
|
|
47
|
+
"@atlaskit/button": "^23.2.0",
|
|
48
48
|
"@atlaskit/css": "^0.10.0",
|
|
49
49
|
"@atlaskit/editor-common": "^105.6.0",
|
|
50
50
|
"@atlaskit/editor-json-transformer": "^8.24.0",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
92
92
|
"@atlaskit/collab-provider": "^10.14.0",
|
|
93
93
|
"@atlaskit/editor-plugin-annotation": "^2.8.0",
|
|
94
|
-
"@atlaskit/editor-plugin-card": "^6.
|
|
94
|
+
"@atlaskit/editor-plugin-card": "^6.2.0",
|
|
95
95
|
"@atlaskit/editor-plugin-list": "^4.2.0",
|
|
96
96
|
"@atlaskit/editor-plugin-paste": "^3.3.0",
|
|
97
97
|
"@atlaskit/link-provider": "^3.0.0",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
101
101
|
"@atlaskit/media-test-helpers": "^36.0.0",
|
|
102
102
|
"@atlaskit/modal-dialog": "^14.2.0",
|
|
103
|
-
"@atlaskit/primitives": "^14.
|
|
103
|
+
"@atlaskit/primitives": "^14.8.0",
|
|
104
104
|
"@atlaskit/renderer": "^118.1.0",
|
|
105
105
|
"@atlaskit/smart-card": "^38.2.0",
|
|
106
106
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
@@ -584,10 +584,6 @@
|
|
|
584
584
|
"type": "boolean",
|
|
585
585
|
"referenceOnly": true
|
|
586
586
|
},
|
|
587
|
-
"platform_editor_yellow_text_highlight_shortcut": {
|
|
588
|
-
"type": "boolean",
|
|
589
|
-
"referenceOnly": true
|
|
590
|
-
},
|
|
591
587
|
"platform_editor_controls_widget_visibility": {
|
|
592
588
|
"type": "boolean",
|
|
593
589
|
"referenceOnly": true
|
|
@@ -658,6 +654,9 @@
|
|
|
658
654
|
"confluence_team_presence_scroll_to_pointer": {
|
|
659
655
|
"type": "boolean"
|
|
660
656
|
},
|
|
657
|
+
"platform_editor_interaction_api_refactor": {
|
|
658
|
+
"type": "boolean"
|
|
659
|
+
},
|
|
661
660
|
"platform_editor_ssr_fix_lists": {
|
|
662
661
|
"type": "boolean"
|
|
663
662
|
}
|