@atlaskit/editor-core 221.5.4 → 221.5.6
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 +14 -0
- package/compass.yml +35 -21
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -3
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -3
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -3
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -3
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -3
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -3
- package/dist/esm/version-wrapper.js +1 -1
- package/editor-core.docs.tsx +2 -2
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 221.5.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`32bf579c6f736`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32bf579c6f736) -
|
|
8
|
+
Cleaned up MVP markdown layout fg platform_editor_md_mvp_layout
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 221.5.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 221.5.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -1,54 +1,68 @@
|
|
|
1
1
|
name: Editor
|
|
2
|
-
id:
|
|
2
|
+
id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/3d05b1c1-0470-426d-9d4c-4983c298f65d
|
|
3
3
|
description: A package contains Atlassian editor core functionality
|
|
4
4
|
configVersion: 1
|
|
5
5
|
typeId: UI_ELEMENT
|
|
6
|
-
ownerId:
|
|
6
|
+
ownerId: ari:cloud:teams::team/cf6a670b-5252-4c68-a769-9207de366beb # Editor FE Platform
|
|
7
7
|
fields:
|
|
8
8
|
tier: 2
|
|
9
|
+
lifecycle: Active
|
|
10
|
+
isMonorepoProject: true
|
|
9
11
|
links:
|
|
10
12
|
- name: Root Repository
|
|
11
13
|
type: REPOSITORY
|
|
12
14
|
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
|
|
13
15
|
- name: ''
|
|
14
16
|
type: REPOSITORY
|
|
15
|
-
url:
|
|
17
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/editor/editor-core/
|
|
16
18
|
- name: '#team-cc-editor-services'
|
|
17
19
|
type: CHAT_CHANNEL
|
|
18
|
-
url:
|
|
20
|
+
url: https://atlassian.slack.com/app_redirect?channel=team-cc-editor-services
|
|
19
21
|
- name: ''
|
|
20
22
|
type: ON_CALL
|
|
21
|
-
url:
|
|
23
|
+
url: https://atlassian.app.opsgenie.com/settings/schedule/detail/b2599bc4-2eec-4364-963c-a52b0fea279b
|
|
22
24
|
- name: ''
|
|
23
25
|
type: PROJECT
|
|
24
|
-
url:
|
|
26
|
+
url: https://product-fabric.atlassian.net/jira/software/c/projects/ED/boards/2107
|
|
25
27
|
- name: ''
|
|
26
28
|
type: DASHBOARD
|
|
27
|
-
url:
|
|
29
|
+
url: https://atlassian.signalfx.com/#/dashboard/EzEdH3ZA0AA?groupId=EzEdHB6A4AA&configId=EzEdILZAwAE
|
|
28
30
|
- name: ''
|
|
29
31
|
type: DASHBOARD
|
|
30
|
-
url:
|
|
32
|
+
url: https://atlassian.signalfx.com/#/dashboard/E1UTo1cAwAE?groupId=E1UTovfA0AI&configId=E1UTo82A4AE
|
|
31
33
|
- name: ''
|
|
32
34
|
type: DOCUMENT
|
|
33
|
-
url:
|
|
35
|
+
url: https://hello.atlassian.net/wiki/spaces/EDITOR/overview
|
|
34
36
|
- name: '#help-editor'
|
|
35
37
|
type: CHAT_CHANNEL
|
|
36
|
-
url:
|
|
38
|
+
url: https://atlassian.slack.com/app_redirect?channel=help-editor
|
|
39
|
+
- name: Slack Channel
|
|
40
|
+
type: CHAT_CHANNEL
|
|
41
|
+
url: https://atlassian.enterprise.slack.com/archives/C03SD6QJWPP # #cc-editor-lego
|
|
42
|
+
- name: Editor Core
|
|
43
|
+
type: REPOSITORY
|
|
44
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/editor-core
|
|
37
45
|
relationships:
|
|
38
46
|
DEPENDS_ON:
|
|
39
|
-
-
|
|
40
|
-
-
|
|
47
|
+
- ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/75a52084-b8d0-49ca-bd36-d185348854d5
|
|
48
|
+
- ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/3aa89c97-0733-451b-bbe9-073e1e7353e2
|
|
41
49
|
labels:
|
|
42
50
|
- atlassian-platform
|
|
51
|
+
- platform-code
|
|
52
|
+
- platform-afm
|
|
43
53
|
customFields:
|
|
44
|
-
- name:
|
|
45
|
-
type: user
|
|
46
|
-
value: null
|
|
47
|
-
- name: Product
|
|
54
|
+
- name: Department
|
|
48
55
|
type: text
|
|
49
|
-
value:
|
|
50
|
-
- name:
|
|
56
|
+
value: Eng - Editor Frontend Platform
|
|
57
|
+
- name: Technical Owner
|
|
58
|
+
type: user
|
|
59
|
+
value: ari:cloud:identity::user/5ea93c14a4c57d0b8bd65a16 # Anand Raj
|
|
60
|
+
- name: Required Reviewers Opt In
|
|
61
|
+
type: boolean
|
|
62
|
+
value: true
|
|
63
|
+
- name: Reviewer Selection Mechanism
|
|
51
64
|
type: text
|
|
52
|
-
value:
|
|
53
|
-
|
|
54
|
-
|
|
65
|
+
value: random(2)
|
|
66
|
+
- name: Required Reviewer Approvals
|
|
67
|
+
type: number
|
|
68
|
+
value: 1
|
|
@@ -99,7 +99,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
99
99
|
var isMarkdownModeExperimentEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
|
|
100
100
|
var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
|
|
101
101
|
var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
|
|
102
|
-
var shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && (0, _platformFeatureFlags.fg)('platform_editor_md_mvp_layout');
|
|
103
102
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
104
103
|
"data-testid": CONTENT_AREA_TEST_ID,
|
|
105
104
|
ref: containerRef,
|
|
@@ -107,7 +106,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
107
106
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
108
107
|
"data-testid": EDITOR_CONTAINER,
|
|
109
108
|
"data-editor-container": 'true',
|
|
110
|
-
className: (0, _runtime.ax)([compiledStyles.contentAreaWrapper,
|
|
109
|
+
className: (0, _runtime.ax)([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
|
|
111
110
|
}, /*#__PURE__*/_react.default.createElement(_EditorContentContainer.default
|
|
112
111
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
113
112
|
, {
|
|
@@ -130,7 +129,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
130
129
|
}
|
|
131
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
132
131
|
,
|
|
133
|
-
className: (0, _runtime.ax)([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle,
|
|
132
|
+
className: (0, _runtime.ax)([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReservedPrimaryToolbarSpace, "ak-editor-content-area-region"]),
|
|
134
133
|
"data-editor-editable-content": true,
|
|
135
134
|
role: "region",
|
|
136
135
|
"aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
|
|
@@ -325,7 +325,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
325
325
|
var isMarkdownModeExperimentEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
|
|
326
326
|
var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
|
|
327
327
|
var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
|
|
328
|
-
var shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && (0, _platformFeatureFlags.fg)('platform_editor_md_mvp_layout');
|
|
329
328
|
return (0, _react2.jsx)("div", {
|
|
330
329
|
css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
|
|
331
330
|
"data-testid": CONTENT_AREA_TEST_ID,
|
|
@@ -333,7 +332,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
333
332
|
}, (0, _react2.jsx)("div", {
|
|
334
333
|
css: [
|
|
335
334
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
336
|
-
_StyledComponents.contentAreaWrapper,
|
|
335
|
+
_StyledComponents.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
|
|
337
336
|
"data-testid": EDITOR_CONTAINER,
|
|
338
337
|
"data-editor-container": 'true'
|
|
339
338
|
}, (0, _react2.jsx)(_EditorContentContainer.default
|
|
@@ -356,7 +355,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
356
355
|
css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
|
|
357
356
|
// EDITOR-6558: hide ProseMirror when the markdown-mode plugin
|
|
358
357
|
// reports a non-WYSIWYG view.
|
|
359
|
-
shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle,
|
|
358
|
+
shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
|
|
360
359
|
// for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
|
|
361
360
|
(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
|
|
362
361
|
style: {
|
|
@@ -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 = "221.5.
|
|
9
|
+
var version = exports.version = "221.5.6";
|
|
@@ -88,7 +88,6 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
88
88
|
const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
|
|
89
89
|
const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
|
|
90
90
|
const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
|
|
91
|
-
const shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
|
|
92
91
|
return /*#__PURE__*/React.createElement("div", {
|
|
93
92
|
"data-testid": CONTENT_AREA_TEST_ID,
|
|
94
93
|
ref: containerRef,
|
|
@@ -96,7 +95,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
96
95
|
}, /*#__PURE__*/React.createElement("div", {
|
|
97
96
|
"data-testid": EDITOR_CONTAINER,
|
|
98
97
|
"data-editor-container": 'true',
|
|
99
|
-
className: ax([compiledStyles.contentAreaWrapper,
|
|
98
|
+
className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
|
|
100
99
|
}, /*#__PURE__*/React.createElement(EditorContentContainer
|
|
101
100
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
102
101
|
, {
|
|
@@ -119,7 +118,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
119
118
|
}
|
|
120
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
121
120
|
,
|
|
122
|
-
className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle,
|
|
121
|
+
className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReservedPrimaryToolbarSpace, "ak-editor-content-area-region"]),
|
|
123
122
|
"data-editor-editable-content": true,
|
|
124
123
|
role: "region",
|
|
125
124
|
"aria-label": props.intl.formatMessage(messages.editableContentLabel),
|
|
@@ -317,7 +317,6 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
317
317
|
const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
|
|
318
318
|
const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
|
|
319
319
|
const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
|
|
320
|
-
const shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
|
|
321
320
|
return jsx("div", {
|
|
322
321
|
css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
|
|
323
322
|
"data-testid": CONTENT_AREA_TEST_ID,
|
|
@@ -325,7 +324,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
325
324
|
}, jsx("div", {
|
|
326
325
|
css: [
|
|
327
326
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
328
|
-
contentAreaWrapper,
|
|
327
|
+
contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
|
|
329
328
|
"data-testid": EDITOR_CONTAINER,
|
|
330
329
|
"data-editor-container": 'true'
|
|
331
330
|
}, jsx(EditorContentContainer
|
|
@@ -348,7 +347,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
348
347
|
css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
|
|
349
348
|
// EDITOR-6558: hide ProseMirror when the markdown-mode plugin
|
|
350
349
|
// reports a non-WYSIWYG view.
|
|
351
|
-
shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle,
|
|
350
|
+
shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
|
|
352
351
|
// for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
|
|
353
352
|
expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
|
|
354
353
|
style: {
|
|
@@ -92,7 +92,6 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
92
92
|
var isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
|
|
93
93
|
var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
|
|
94
94
|
var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
|
|
95
|
-
var shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
|
|
96
95
|
return /*#__PURE__*/React.createElement("div", {
|
|
97
96
|
"data-testid": CONTENT_AREA_TEST_ID,
|
|
98
97
|
ref: containerRef,
|
|
@@ -100,7 +99,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
100
99
|
}, /*#__PURE__*/React.createElement("div", {
|
|
101
100
|
"data-testid": EDITOR_CONTAINER,
|
|
102
101
|
"data-editor-container": 'true',
|
|
103
|
-
className: ax([compiledStyles.contentAreaWrapper,
|
|
102
|
+
className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
|
|
104
103
|
}, /*#__PURE__*/React.createElement(EditorContentContainer
|
|
105
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
106
105
|
, {
|
|
@@ -123,7 +122,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
123
122
|
}
|
|
124
123
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
125
124
|
,
|
|
126
|
-
className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle,
|
|
125
|
+
className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReservedPrimaryToolbarSpace, "ak-editor-content-area-region"]),
|
|
127
126
|
"data-editor-editable-content": true,
|
|
128
127
|
role: "region",
|
|
129
128
|
"aria-label": props.intl.formatMessage(messages.editableContentLabel),
|
|
@@ -315,7 +315,6 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
315
315
|
var isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
|
|
316
316
|
var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
|
|
317
317
|
var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
|
|
318
|
-
var shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
|
|
319
318
|
return jsx("div", {
|
|
320
319
|
css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
|
|
321
320
|
"data-testid": CONTENT_AREA_TEST_ID,
|
|
@@ -323,7 +322,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
323
322
|
}, jsx("div", {
|
|
324
323
|
css: [
|
|
325
324
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
326
|
-
contentAreaWrapper,
|
|
325
|
+
contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
|
|
327
326
|
"data-testid": EDITOR_CONTAINER,
|
|
328
327
|
"data-editor-container": 'true'
|
|
329
328
|
}, jsx(EditorContentContainer
|
|
@@ -346,7 +345,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
346
345
|
css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
|
|
347
346
|
// EDITOR-6558: hide ProseMirror when the markdown-mode plugin
|
|
348
347
|
// reports a non-WYSIWYG view.
|
|
349
|
-
shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle,
|
|
348
|
+
shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
|
|
350
349
|
// for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
|
|
351
350
|
expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
|
|
352
351
|
style: {
|
package/editor-core.docs.tsx
CHANGED
|
@@ -18,8 +18,8 @@ const documentation: StructuredContentSource = {
|
|
|
18
18
|
description: 'A package contains Atlassian editor core functionality',
|
|
19
19
|
status: 'general-availability',
|
|
20
20
|
import: {
|
|
21
|
-
name: '
|
|
22
|
-
package: '@atlaskit/editor-core',
|
|
21
|
+
name: 'ComposableEditor',
|
|
22
|
+
package: '@atlaskit/editor-core/composable-editor',
|
|
23
23
|
type: 'named',
|
|
24
24
|
packagePath,
|
|
25
25
|
packageJson,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "221.5.
|
|
3
|
+
"version": "221.5.6",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
68
68
|
"@atlaskit/react-ufo": "^7.3.0",
|
|
69
69
|
"@atlaskit/task-decision": "^21.4.0",
|
|
70
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
71
|
-
"@atlaskit/tokens": "^15.
|
|
70
|
+
"@atlaskit/tmp-editor-statsig": "^117.0.0",
|
|
71
|
+
"@atlaskit/tokens": "^15.3.0",
|
|
72
72
|
"@atlaskit/tooltip": "^23.1.0",
|
|
73
73
|
"@atlaskit/width-detector": "^6.1.0",
|
|
74
74
|
"@babel/runtime": "^7.0.0",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"uuid": "^3.1.0"
|
|
86
86
|
},
|
|
87
87
|
"peerDependencies": {
|
|
88
|
-
"@atlaskit/editor-common": "^116.
|
|
88
|
+
"@atlaskit/editor-common": "^116.18.0",
|
|
89
89
|
"@atlaskit/link-provider": "^5.1.0",
|
|
90
90
|
"@atlaskit/media-core": "^38.0.0",
|
|
91
91
|
"react": "^18.2.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@af/editor-libra": "workspace:^",
|
|
97
97
|
"@af/suppress-react-warnings": "workspace:^",
|
|
98
98
|
"@af/visual-regression": "workspace:^",
|
|
99
|
-
"@atlaskit/adf-utils": "^20.
|
|
99
|
+
"@atlaskit/adf-utils": "^20.1.0",
|
|
100
100
|
"@atlaskit/analytics-listeners": "^11.1.0",
|
|
101
101
|
"@atlaskit/code": "^18.2.0",
|
|
102
102
|
"@atlaskit/collab-provider": "^21.0.0",
|
|
@@ -124,10 +124,10 @@
|
|
|
124
124
|
"@atlassian/adf-schema-json": "^1.33.0",
|
|
125
125
|
"@atlassian/editor-rovo-bridge": "^10.2.0",
|
|
126
126
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
127
|
-
"@atlassian/search-client": "^1.
|
|
127
|
+
"@atlassian/search-client": "^1.22.0",
|
|
128
128
|
"@atlassian/search-provider": "^13.0.0",
|
|
129
129
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
130
|
-
"@atlassian/user-profile-card": "^1.
|
|
130
|
+
"@atlassian/user-profile-card": "^1.17.0",
|
|
131
131
|
"@emotion/jest": "^11.8.0",
|
|
132
132
|
"@testing-library/react": "^16.3.0",
|
|
133
133
|
"@types/diff": "^5.0.2",
|
|
@@ -170,9 +170,6 @@
|
|
|
170
170
|
"platform_editor_reconfigure_reconcile_plugin_api": {
|
|
171
171
|
"type": "boolean"
|
|
172
172
|
},
|
|
173
|
-
"platform_editor_md_mvp_layout": {
|
|
174
|
-
"type": "boolean"
|
|
175
|
-
},
|
|
176
173
|
"people-teams_migrate-user-profile-card": {
|
|
177
174
|
"type": "boolean",
|
|
178
175
|
"referenceOnly": true
|