@atlaskit/editor-core 215.2.0 → 215.3.1

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.
Files changed (33) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/create-editor/editorNativeAnchorSupportPlugin.js +6 -1
  3. package/dist/cjs/presets/universal.js +1 -2
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +8 -0
  5. package/dist/cjs/ui/EditorContentContainer/styles/list.js +28 -2
  6. package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +54 -68
  7. package/dist/cjs/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +29 -1
  8. package/dist/cjs/version-wrapper.js +1 -1
  9. package/dist/es2019/create-editor/editorNativeAnchorSupportPlugin.js +6 -1
  10. package/dist/es2019/presets/universal.js +1 -2
  11. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +10 -2
  12. package/dist/es2019/ui/EditorContentContainer/styles/list.js +27 -1
  13. package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +18 -16
  14. package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +37 -0
  15. package/dist/es2019/version-wrapper.js +1 -1
  16. package/dist/esm/create-editor/editorNativeAnchorSupportPlugin.js +6 -1
  17. package/dist/esm/presets/universal.js +1 -2
  18. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +10 -2
  19. package/dist/esm/ui/EditorContentContainer/styles/list.js +27 -1
  20. package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +53 -68
  21. package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +28 -0
  22. package/dist/esm/version-wrapper.js +1 -1
  23. package/dist/types/create-editor/create-universal-preset.d.ts +1 -1
  24. package/dist/types/presets/universal.d.ts +1 -1
  25. package/dist/types/presets/useUniversalPreset.d.ts +1 -1
  26. package/dist/types/ui/EditorContentContainer/styles/list.d.ts +2 -0
  27. package/dist/types/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +2 -0
  28. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -0
  29. package/dist/types-ts4.5/presets/universal.d.ts +1 -0
  30. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -0
  31. package/dist/types-ts4.5/ui/EditorContentContainer/styles/list.d.ts +2 -0
  32. package/dist/types-ts4.5/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +2 -0
  33. package/package.json +14 -24
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`10882b2fab738`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/10882b2fab738) -
8
+ [ux] Introduced bodiedSyncBlock nodeview
9
+ - Updated dependencies
10
+
11
+ ## 215.3.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`5167552fe1a93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5167552fe1a93) -
16
+ [EDITOR-2339] Bump @atlaskit/adf-schema to 51.3.0
17
+
18
+ ### Patch Changes
19
+
20
+ - [`cebe32372285d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cebe32372285d) -
21
+ Tidy up feature gate
22
+ - [`c21648c080e0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c21648c080e0c) -
23
+ [ux] EDITOR-2291: Tighten list and task spacing in dense content mode
24
+ - [`0b0ef25b2f529`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b0ef25b2f529) -
25
+ Cleanup various feature gates and align them to aifc_create_enabled
26
+ - [`3feef799ad0a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3feef799ad0a5) -
27
+ [ED-29333] Fix 2 issues when platform_editor_native_anchor_support is enabled
28
+ 1. Drag handle is rendered for media node
29
+ 2. When advanced_layouts experiment is off, quick insert button is rendered based on child node
30
+ inside layout column (as opposed to layout section node )
31
+
32
+ - [`2bdec5e9ec1c9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bdec5e9ec1c9) -
33
+ [EDITOR-442] Cleans up FG platform_editor_add_media_from_url_rollout
34
+ - Updated dependencies
35
+
3
36
  ## 215.2.0
4
37
 
5
38
  ### Minor Changes
@@ -7,7 +7,11 @@ exports.createEditorNativeAnchorSupportPlugin = void 0;
7
7
  var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
8
8
  var _model = require("@atlaskit/editor-prosemirror/model");
9
9
  var _state = require("@atlaskit/editor-prosemirror/state");
10
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
10
11
  var injectNodeViewNodeTypeList = ['paragraph', 'heading', 'bulletList', 'orderedList', 'blockquote', 'rule', 'decisionList', 'taskList', 'layoutColumn', 'hardBreak'];
12
+ var injectNodeViewNodeTypeConditionalList = [].concat(injectNodeViewNodeTypeList, [
13
+ // nodes that have custom nodeView behind experiment/FG
14
+ 'layoutSection']);
11
15
  var key = new _state.PluginKey('editorNativeAnchorSupportPlugin');
12
16
 
13
17
  // Internal plugin to enable native anchor support in the editor.
@@ -15,8 +19,9 @@ var key = new _state.PluginKey('editorNativeAnchorSupportPlugin');
15
19
  // that do not already have a nodeView, allowing them to be rendered with native anchors when needed.
16
20
  var createEditorNativeAnchorSupportPlugin = exports.createEditorNativeAnchorSupportPlugin = function createEditorNativeAnchorSupportPlugin(schema) {
17
21
  var nodeViewEntries = [];
22
+ var injectList = (0, _expValEquals.expValEquals)('advanced_layouts', 'isEnabled', true) ? injectNodeViewNodeTypeList : injectNodeViewNodeTypeConditionalList;
18
23
  schema.spec.nodes.forEach(function (nodeName, nodeSpec) {
19
- if (injectNodeViewNodeTypeList.includes(nodeName)) {
24
+ if (injectList.includes(nodeName)) {
20
25
  if (nodeSpec.toDOM && typeof nodeSpec.toDOM === 'function') {
21
26
  var toDOM = nodeSpec.toDOM.bind(nodeSpec);
22
27
  nodeViewEntries.push([nodeName, function (node) {
@@ -57,7 +57,6 @@ var _tasksAndDecisions = require("@atlaskit/editor-plugins/tasks-and-decisions")
57
57
  var _textColor = require("@atlaskit/editor-plugins/text-color");
58
58
  var _toolbarListsIndentation = require("@atlaskit/editor-plugins/toolbar-lists-indentation");
59
59
  var _ufo = require("@atlaskit/editor-plugins/ufo");
60
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
61
60
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
62
61
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
63
62
  var _isFullPage = require("../utils/is-full-page");
@@ -143,7 +142,7 @@ function createUniversalPresetInternal(_ref) {
143
142
  isCopyPasteEnabled: true,
144
143
  alignLeftOnInsert: typeof ((_props$media5 = props.media) === null || _props$media5 === void 0 ? void 0 : _props$media5.alignLeftOnInsert) !== 'undefined' ? (_props$media6 = props.media) === null || _props$media6 === void 0 ? void 0 : _props$media6.alignLeftOnInsert : isComment,
145
144
  getEditorFeatureFlags: getEditorFeatureFlags
146
- })], Boolean(props.media)).maybeAdd(_mediaInsert.mediaInsertPlugin, Boolean(props.media && (0, _platformFeatureFlags.fg)('platform_editor_add_media_from_url_rollout'))).maybeAdd(_caption.captionPlugin, Boolean((_props$media7 = props.media) === null || _props$media7 === void 0 ? void 0 : _props$media7.allowCaptions)).maybeAdd([_mentions.mentionsPlugin, _objectSpread({
145
+ })], Boolean(props.media)).maybeAdd(_mediaInsert.mediaInsertPlugin, Boolean(props.media)).maybeAdd(_caption.captionPlugin, Boolean((_props$media7 = props.media) === null || _props$media7 === void 0 ? void 0 : _props$media7.allowCaptions)).maybeAdd([_mentions.mentionsPlugin, _objectSpread({
147
146
  sanitizePrivateContent: props.sanitizePrivateContent,
148
147
  insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
149
148
  allowZeroWidthSpaceAfter: true,
@@ -215,6 +215,10 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
215
215
  _backgroundColorStyles.textHighlightPaddingStyles,
216
216
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
217
217
  _list.listsStyles,
218
+ // Condense vertical spacing between list items when content mode dense is active
219
+ (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') &&
220
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
221
+ (0, _list.getDenseListStyles)(baseFontSize),
218
222
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
219
223
  _rule.ruleStyles,
220
224
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -243,6 +247,10 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
243
247
  _mentions.mentionsStyles,
244
248
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
245
249
  _tasksAndDecisionsStyles.tasksAndDecisionsStyles,
250
+ // condense vertical spacing between tasks/decisions items when content mode dense is active
251
+ (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') &&
252
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
253
+ (0, _tasksAndDecisionsStyles.getDenseTasksAndDecisionsStyles)(baseFontSize),
246
254
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
247
255
  _gridStyles.gridStyles,
248
256
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.listsStylesSafariFix = exports.listsStyles = void 0;
7
+ exports.listsStylesSafariFix = exports.listsStyles = exports.getDenseListStyles = exports.EDITOR_LIST_DENSE_GAP = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
+ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
10
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
11
12
 
12
13
  // copied from packages/editor/editor-shared-styles/src/consts/consts.ts
@@ -147,4 +148,29 @@ var listsStylesSafariFix = exports.listsStylesSafariFix = (0, _react.css)((0, _d
147
148
  }), ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li > p:first-child, .ProseMirror:not(.").concat(BLOCK_CARD_CONTAINER, ") > li > .code-block:first-child, .ProseMirror:not(.").concat(BLOCK_CARD_CONTAINER, ") > li > .ProseMirror-gapcursor:first-child + .code-block"), {
148
149
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
149
150
  marginTop: "-".concat(akEditorLineHeight, "em !important")
150
- }));
151
+ }));
152
+
153
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
154
+ var EDITOR_LIST_DENSE_GAP = exports.EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, ".concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, "px) - ").concat(_editorSharedStyles.akEditorFullPageDenseFontSize, "px) * (4 / 3)))");
155
+
156
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
157
+ var getDenseListStyles = exports.getDenseListStyles = function getDenseListStyles(baseFontSize) {
158
+ if (!baseFontSize || baseFontSize === _editorSharedStyles.akEditorFullPageDefaultFontSize) {
159
+ return (0, _react.css)({});
160
+ }
161
+ return (0, _react.css)({
162
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
163
+ '.ProseMirror': {
164
+ // Adjacent list items
165
+ 'li + li': {
166
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
167
+ marginTop: EDITOR_LIST_DENSE_GAP
168
+ },
169
+ // Nested lists directly under an li (unordered and ordered)
170
+ 'li > ul, li > ol, .ak-ul li > ul, .ak-ul li > ol, .ak-ol li > ul, .ak-ol li > ol': {
171
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
172
+ marginTop: EDITOR_LIST_DENSE_GAP
173
+ }
174
+ }
175
+ });
176
+ };
@@ -1,86 +1,72 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.syncBlockStyles = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
7
9
  var _react = require("@emotion/react");
10
+ var _syncBlock = require("@atlaskit/editor-common/sync-block");
8
11
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
9
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
10
13
 
11
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
12
- var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)({
15
+ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
13
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
14
- '.ProseMirror': {
17
+ '.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)({
18
+ position: 'relative',
19
+ cursor: 'pointer',
20
+ /* Danger when top level node */
15
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
16
- '.ak-editor-sync-block': {
17
- position: 'relative',
18
- cursor: 'pointer',
19
- /* Danger when top level node */
22
+ '&.danger': (0, _defineProperty2.default)({
23
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
25
+ backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
20
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
21
- '&.danger': {
22
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
27
+ '.ak-editor-panel__icon': {
23
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
24
- backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
26
- '.ak-editor-panel__icon': {
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
28
- color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
29
- },
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
- '.ak-editor-sync-block__label': {
32
- color: "var(--ds-icon-danger, #C9372C)",
33
- backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
34
- }
35
- },
36
- borderRadius: "var(--ds-radius-small, 3px)",
37
- marginTop: "var(--ds-space-150, 12px)",
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
39
- marginRight: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
41
- marginLeft: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
42
- marginBottom: 0,
43
- paddingTop: "var(--ds-space-050, 4px)",
44
- paddingBottom: "var(--ds-space-050, 4px)",
45
- color: 'inherit',
46
- '&:hover': {
47
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
48
- boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
49
- },
50
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
- '.ak-editor-sync-block__editor': {
52
- cursor: 'text'
53
- },
54
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
55
- '.ak-editor-sync-block__renderer': {
56
- padding: '0 32px'
29
+ color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
57
30
  }
58
- }
59
- },
60
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
61
- '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
62
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
63
- },
64
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
65
- '.ak-editor-sync-block.ak-editor-selected-node': {
66
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
67
- '.ak-editor-sync-block__label': {
68
- display: 'unset'
69
- }
70
- },
71
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
72
- '.ak-editor-sync-block__label': {
73
- color: "var(--ds-text-accent-purple, #5E4DB2)",
31
+ }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
32
+ color: "var(--ds-icon-danger, #C9372C)",
33
+ backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
34
+ }),
74
35
  borderRadius: "var(--ds-radius-small, 3px)",
75
- position: 'absolute',
76
- display: 'none',
77
- paddingLeft: "var(--ds-space-100, 8px)",
78
- paddingRight: "var(--ds-space-100, 8px)",
79
- paddingBottom: "var(--ds-space-050, 4px)",
36
+ marginTop: "var(--ds-space-150, 12px)",
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
38
+ marginRight: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
40
+ marginLeft: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
41
+ marginBottom: 0,
80
42
  paddingTop: "var(--ds-space-050, 4px)",
81
- // height of label (32px) + space between sync block and label (4px) = 36px
82
- top: '-36px',
83
- right: '0px',
84
- backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
85
- }
86
- });
43
+ paddingBottom: "var(--ds-space-050, 4px)",
44
+ color: 'inherit',
45
+ '&:hover': {
46
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
47
+ boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
48
+ }
49
+ }, ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
50
+ padding: '0 32px',
51
+ cursor: 'text'
52
+ }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
53
+ padding: '0 32px'
54
+ }))
55
+ }, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger), .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger)"), {
56
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
57
+ }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node"), (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
58
+ display: 'unset'
59
+ })), ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
60
+ color: "var(--ds-text-accent-purple, #5E4DB2)",
61
+ borderRadius: "var(--ds-radius-small, 3px)",
62
+ position: 'absolute',
63
+ display: 'none',
64
+ paddingLeft: "var(--ds-space-100, 8px)",
65
+ paddingRight: "var(--ds-space-100, 8px)",
66
+ paddingBottom: "var(--ds-space-050, 4px)",
67
+ paddingTop: "var(--ds-space-050, 4px)",
68
+ // height of label (32px) + space between sync block and label (4px) = 36px
69
+ top: '-36px',
70
+ right: '0px',
71
+ backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
72
+ }));
@@ -4,9 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.tasksAndDecisionsStyles = exports.taskItemStylesWithBlockTaskItem = exports.taskItemStyles = exports.decisionStyles = exports.decisionIconWithoutVisualRefresh = exports.decisionIconWithVisualRefresh = exports.decisionDangerStyles = exports.TaskDecisionSharedCssClassName = void 0;
7
+ exports.tasksAndDecisionsStyles = exports.taskItemStylesWithBlockTaskItem = exports.taskItemStyles = exports.getDenseTasksAndDecisionsStyles = exports.decisionStyles = exports.decisionIconWithoutVisualRefresh = exports.decisionIconWithVisualRefresh = exports.decisionDangerStyles = exports.TaskDecisionSharedCssClassName = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
+ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
+ var _list = require("./list");
10
12
  var _selectionStyles = require("./selectionStyles");
11
13
  var _css; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
12
14
  var akEditorLineHeight = 1.714;
@@ -14,6 +16,8 @@ var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
14
16
  var TaskDecisionSharedCssClassName = exports.TaskDecisionSharedCssClassName = {
15
17
  DECISION_CONTAINER: 'decisionItemView-content-wrap',
16
18
  TASK_CONTAINER: 'taskItemView-content-wrap',
19
+ //NOTE: value is a selector (data attribute), not a class name
20
+ TASK_LIST_CONTAINER: '[data-node-type="actionList"]',
17
21
  TASK_ITEM: 'task-item',
18
22
  TASK_CHECKBOX_CONTAINER: 'task-item-checkbox-wrap'
19
23
  };
@@ -73,6 +77,30 @@ var tasksAndDecisionsStyles = exports.tasksAndDecisionsStyles = (0, _react.css)(
73
77
  }
74
78
  });
75
79
 
80
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
81
+ var TASKLIST_CONTAINER_MARGIN_DENSE = "max(0px, calc(10px + (var(--ak-editor-base-font-size, ".concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, "px) - ").concat(_editorSharedStyles.akEditorFullPageDenseFontSize, "px) * (2 / 3)))");
82
+
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
84
+ var getDenseTasksAndDecisionsStyles = exports.getDenseTasksAndDecisionsStyles = function getDenseTasksAndDecisionsStyles(baseFontSize) {
85
+ if (!baseFontSize || baseFontSize === _editorSharedStyles.akEditorFullPageDefaultFontSize) {
86
+ return (0, _react.css)({});
87
+ }
88
+ return (0, _react.css)({
89
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
90
+ '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, {
91
+ // Task lists: container top margin
92
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
93
+ marginTop: TASKLIST_CONTAINER_MARGIN_DENSE
94
+ }), "".concat(TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, " > * + *"), {
95
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
96
+ marginTop: _list.EDITOR_LIST_DENSE_GAP
97
+ }), "".concat(TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, " ").concat(TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, ", .").concat(TaskDecisionSharedCssClassName.TASK_CONTAINER, " .").concat(TaskDecisionSharedCssClassName.TASK_CONTAINER), {
98
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
99
+ marginTop: _list.EDITOR_LIST_DENSE_GAP
100
+ })
101
+ });
102
+ };
103
+
76
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
77
105
  var decisionStyles = exports.decisionStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css, ".".concat(akEditorSelectedNodeClassName, " > [data-decision-wrapper], ol[data-node-type='decisionList'].").concat(akEditorSelectedNodeClassName),
78
106
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "215.1.6";
8
+ var version = exports.version = "0.0.0-development";
@@ -1,7 +1,11 @@
1
1
  import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
2
2
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
3
3
  import { PluginKey } from '@atlaskit/editor-prosemirror/state';
4
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
4
5
  const injectNodeViewNodeTypeList = ['paragraph', 'heading', 'bulletList', 'orderedList', 'blockquote', 'rule', 'decisionList', 'taskList', 'layoutColumn', 'hardBreak'];
6
+ const injectNodeViewNodeTypeConditionalList = [...injectNodeViewNodeTypeList,
7
+ // nodes that have custom nodeView behind experiment/FG
8
+ 'layoutSection'];
5
9
  const key = new PluginKey('editorNativeAnchorSupportPlugin');
6
10
 
7
11
  // Internal plugin to enable native anchor support in the editor.
@@ -9,8 +13,9 @@ const key = new PluginKey('editorNativeAnchorSupportPlugin');
9
13
  // that do not already have a nodeView, allowing them to be rendered with native anchors when needed.
10
14
  export const createEditorNativeAnchorSupportPlugin = schema => {
11
15
  const nodeViewEntries = [];
16
+ const injectList = expValEquals('advanced_layouts', 'isEnabled', true) ? injectNodeViewNodeTypeList : injectNodeViewNodeTypeConditionalList;
12
17
  schema.spec.nodes.forEach((nodeName, nodeSpec) => {
13
- if (injectNodeViewNodeTypeList.includes(nodeName)) {
18
+ if (injectList.includes(nodeName)) {
14
19
  if (nodeSpec.toDOM && typeof nodeSpec.toDOM === 'function') {
15
20
  const toDOM = nodeSpec.toDOM.bind(nodeSpec);
16
21
  nodeViewEntries.push([nodeName, node => DOMSerializer.renderSpec(document, toDOM(node))]);
@@ -47,7 +47,6 @@ import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugins/tasks-and-deci
47
47
  import { textColorPlugin } from '@atlaskit/editor-plugins/text-color';
48
48
  import { toolbarListsIndentationPlugin } from '@atlaskit/editor-plugins/toolbar-lists-indentation';
49
49
  import { ufoPlugin } from '@atlaskit/editor-plugins/ufo';
50
- import { fg } from '@atlaskit/platform-feature-flags';
51
50
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
52
51
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
53
52
  import { isFullPage as fullPageCheck } from '../utils/is-full-page';
@@ -134,7 +133,7 @@ export default function createUniversalPresetInternal({
134
133
  isCopyPasteEnabled: true,
135
134
  alignLeftOnInsert: typeof ((_props$media5 = props.media) === null || _props$media5 === void 0 ? void 0 : _props$media5.alignLeftOnInsert) !== 'undefined' ? (_props$media6 = props.media) === null || _props$media6 === void 0 ? void 0 : _props$media6.alignLeftOnInsert : isComment,
136
135
  getEditorFeatureFlags
137
- }], Boolean(props.media)).maybeAdd(mediaInsertPlugin, Boolean(props.media && fg('platform_editor_add_media_from_url_rollout'))).maybeAdd(captionPlugin, Boolean((_props$media7 = props.media) === null || _props$media7 === void 0 ? void 0 : _props$media7.allowCaptions)).maybeAdd([mentionsPlugin, {
136
+ }], Boolean(props.media)).maybeAdd(mediaInsertPlugin, Boolean(props.media)).maybeAdd(captionPlugin, Boolean((_props$media7 = props.media) === null || _props$media7 === void 0 ? void 0 : _props$media7.allowCaptions)).maybeAdd([mentionsPlugin, {
138
137
  sanitizePrivateContent: props.sanitizePrivateContent,
139
138
  insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
140
139
  allowZeroWidthSpaceAfter: true,
@@ -44,7 +44,7 @@ import { indentationStyles } from './styles/indentationStyles';
44
44
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
45
45
  import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
46
46
  import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
47
- import { listsStyles, listsStylesSafariFix } from './styles/list';
47
+ import { getDenseListStyles, listsStyles, listsStylesSafariFix } from './styles/list';
48
48
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
49
49
  import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
50
50
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
@@ -60,7 +60,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardS
60
60
  import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
61
61
  import { syncBlockStyles } from './styles/syncBlockStyles';
62
62
  import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
63
- import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
63
+ import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles, getDenseTasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
64
64
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
65
65
  import { textColorStyles } from './styles/textColorStyles';
66
66
  import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -211,6 +211,10 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
211
211
  textHighlightPaddingStyles,
212
212
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
213
213
  listsStyles,
214
+ // Condense vertical spacing between list items when content mode dense is active
215
+ expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
216
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
217
+ getDenseListStyles(baseFontSize),
214
218
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
215
219
  ruleStyles,
216
220
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -239,6 +243,10 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
239
243
  mentionsStyles,
240
244
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
241
245
  tasksAndDecisionsStyles,
246
+ // condense vertical spacing between tasks/decisions items when content mode dense is active
247
+ expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
248
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
249
+ getDenseTasksAndDecisionsStyles(baseFontSize),
242
250
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
243
251
  gridStyles,
244
252
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -1,5 +1,6 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
2
  import { css } from '@emotion/react';
3
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
3
4
  // copied from packages/editor/editor-shared-styles/src/consts/consts.ts
4
5
  const akEditorLineHeight = 1.714;
5
6
  // copied from packages/editor/editor-common/src/styles/shared/smart-card.ts
@@ -143,4 +144,29 @@ export const listsStylesSafariFix = css({
143
144
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
144
145
  marginTop: `-${akEditorLineHeight}em !important`
145
146
  }
146
- });
147
+ });
148
+
149
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
150
+ export const EDITOR_LIST_DENSE_GAP = `max(0px, calc((var(--ak-editor-base-font-size, ${akEditorFullPageDefaultFontSize}px) - ${akEditorFullPageDenseFontSize}px) * (4 / 3)))`;
151
+
152
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
153
+ export const getDenseListStyles = baseFontSize => {
154
+ if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
155
+ return css({});
156
+ }
157
+ return css({
158
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
159
+ '.ProseMirror': {
160
+ // Adjacent list items
161
+ 'li + li': {
162
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
163
+ marginTop: EDITOR_LIST_DENSE_GAP
164
+ },
165
+ // Nested lists directly under an li (unordered and ordered)
166
+ 'li > ul, li > ol, .ak-ul li > ul, .ak-ul li > ol, .ak-ol li > ul, .ak-ol li > ol': {
167
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
168
+ marginTop: EDITOR_LIST_DENSE_GAP
169
+ }
170
+ }
171
+ });
172
+ };
@@ -1,12 +1,13 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
2
  import { css } from '@emotion/react';
3
+ import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
3
4
  import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
4
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
5
6
  export const syncBlockStyles = css({
6
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
7
8
  '.ProseMirror': {
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
9
- '.ak-editor-sync-block': {
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
10
+ [`.${SyncBlockSharedCssClassName.prefix}, .${BodiedSyncBlockSharedCssClassName.prefix}`]: {
10
11
  position: 'relative',
11
12
  cursor: 'pointer',
12
13
  /* Danger when top level node */
@@ -20,8 +21,8 @@ export const syncBlockStyles = css({
20
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
21
22
  color: `${"var(--ds-icon-danger, #C9372C)"} !important`
22
23
  },
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
- '.ak-editor-sync-block__label': {
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
25
+ [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
25
26
  color: "var(--ds-icon-danger, #C9372C)",
26
27
  backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
27
28
  }
@@ -40,29 +41,30 @@ export const syncBlockStyles = css({
40
41
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
41
42
  boxShadow: `0px 0px 0px 1px ${"var(--ds-border-accent-purple, #8270DB)"}`
42
43
  },
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
- '.ak-editor-sync-block__editor': {
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
45
+ [`.${BodiedSyncBlockSharedCssClassName.content}`]: {
46
+ padding: '0 32px',
45
47
  cursor: 'text'
46
48
  },
47
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
48
- '.ak-editor-sync-block__renderer': {
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
50
+ [`.${SyncBlockSharedCssClassName.renderer}`]: {
49
51
  padding: '0 32px'
50
52
  }
51
53
  }
52
54
  },
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
54
- '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
56
+ [`.${SyncBlockSharedCssClassName.prefix}.ak-editor-selected-node:not(.danger), .${BodiedSyncBlockSharedCssClassName.prefix}.ak-editor-selected-node:not(.danger)`]: {
55
57
  boxShadow: `0 0 0 1px ${"var(--ds-border-accent-purple, #8270DB)"}`
56
58
  },
57
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
58
- '.ak-editor-sync-block.ak-editor-selected-node': {
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
- '.ak-editor-sync-block__label': {
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
60
+ [`.${SyncBlockSharedCssClassName.prefix}.ak-editor-selected-node, .${BodiedSyncBlockSharedCssClassName.prefix}.ak-editor-selected-node`]: {
61
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
62
+ [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
61
63
  display: 'unset'
62
64
  }
63
65
  },
64
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
65
- '.ak-editor-sync-block__label': {
66
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
67
+ [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
66
68
  color: "var(--ds-text-accent-purple, #5E4DB2)",
67
69
  borderRadius: "var(--ds-radius-small, 3px)",
68
70
  position: 'absolute',
@@ -1,11 +1,15 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
2
  import { css } from '@emotion/react';
3
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
4
+ import { EDITOR_LIST_DENSE_GAP } from './list';
3
5
  import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
4
6
  const akEditorLineHeight = 1.714;
5
7
  const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
6
8
  export const TaskDecisionSharedCssClassName = {
7
9
  DECISION_CONTAINER: 'decisionItemView-content-wrap',
8
10
  TASK_CONTAINER: 'taskItemView-content-wrap',
11
+ //NOTE: value is a selector (data attribute), not a class name
12
+ TASK_LIST_CONTAINER: '[data-node-type="actionList"]',
9
13
  TASK_ITEM: 'task-item',
10
14
  TASK_CHECKBOX_CONTAINER: 'task-item-checkbox-wrap'
11
15
  };
@@ -74,6 +78,39 @@ export const tasksAndDecisionsStyles = css({
74
78
  }
75
79
  });
76
80
 
81
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
82
+ const TASKLIST_CONTAINER_MARGIN_DENSE = `max(0px, calc(10px + (var(--ak-editor-base-font-size, ${akEditorFullPageDefaultFontSize}px) - ${akEditorFullPageDenseFontSize}px) * (2 / 3)))`;
83
+
84
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
85
+ export const getDenseTasksAndDecisionsStyles = baseFontSize => {
86
+ if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
87
+ return css({});
88
+ }
89
+ return css({
90
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
91
+ '.ProseMirror': {
92
+ // Task lists
93
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
94
+ [TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER]: {
95
+ // Task lists: container top margin
96
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
97
+ marginTop: TASKLIST_CONTAINER_MARGIN_DENSE
98
+ },
99
+ // Task lists: sibling items and nested lists
100
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
101
+ [`${TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER} > * + *`]: {
102
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
103
+ marginTop: EDITOR_LIST_DENSE_GAP
104
+ },
105
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
106
+ [`${TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER} ${TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER}, .${TaskDecisionSharedCssClassName.TASK_CONTAINER} .${TaskDecisionSharedCssClassName.TASK_CONTAINER}`]: {
107
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
108
+ marginTop: EDITOR_LIST_DENSE_GAP
109
+ }
110
+ }
111
+ });
112
+ };
113
+
77
114
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
78
115
  export const decisionStyles = css({
79
116
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "215.1.6";
2
+ export const version = "0.0.0-development";
@@ -1,7 +1,11 @@
1
1
  import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
2
2
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
3
3
  import { PluginKey } from '@atlaskit/editor-prosemirror/state';
4
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
4
5
  var injectNodeViewNodeTypeList = ['paragraph', 'heading', 'bulletList', 'orderedList', 'blockquote', 'rule', 'decisionList', 'taskList', 'layoutColumn', 'hardBreak'];
6
+ var injectNodeViewNodeTypeConditionalList = [].concat(injectNodeViewNodeTypeList, [
7
+ // nodes that have custom nodeView behind experiment/FG
8
+ 'layoutSection']);
5
9
  var key = new PluginKey('editorNativeAnchorSupportPlugin');
6
10
 
7
11
  // Internal plugin to enable native anchor support in the editor.
@@ -9,8 +13,9 @@ var key = new PluginKey('editorNativeAnchorSupportPlugin');
9
13
  // that do not already have a nodeView, allowing them to be rendered with native anchors when needed.
10
14
  export var createEditorNativeAnchorSupportPlugin = function createEditorNativeAnchorSupportPlugin(schema) {
11
15
  var nodeViewEntries = [];
16
+ var injectList = expValEquals('advanced_layouts', 'isEnabled', true) ? injectNodeViewNodeTypeList : injectNodeViewNodeTypeConditionalList;
12
17
  schema.spec.nodes.forEach(function (nodeName, nodeSpec) {
13
- if (injectNodeViewNodeTypeList.includes(nodeName)) {
18
+ if (injectList.includes(nodeName)) {
14
19
  if (nodeSpec.toDOM && typeof nodeSpec.toDOM === 'function') {
15
20
  var toDOM = nodeSpec.toDOM.bind(nodeSpec);
16
21
  nodeViewEntries.push([nodeName, function (node) {
@@ -51,7 +51,6 @@ import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugins/tasks-and-deci
51
51
  import { textColorPlugin } from '@atlaskit/editor-plugins/text-color';
52
52
  import { toolbarListsIndentationPlugin } from '@atlaskit/editor-plugins/toolbar-lists-indentation';
53
53
  import { ufoPlugin } from '@atlaskit/editor-plugins/ufo';
54
- import { fg } from '@atlaskit/platform-feature-flags';
55
54
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
56
55
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
57
56
  import { isFullPage as fullPageCheck } from '../utils/is-full-page';
@@ -136,7 +135,7 @@ export default function createUniversalPresetInternal(_ref) {
136
135
  isCopyPasteEnabled: true,
137
136
  alignLeftOnInsert: typeof ((_props$media5 = props.media) === null || _props$media5 === void 0 ? void 0 : _props$media5.alignLeftOnInsert) !== 'undefined' ? (_props$media6 = props.media) === null || _props$media6 === void 0 ? void 0 : _props$media6.alignLeftOnInsert : isComment,
138
137
  getEditorFeatureFlags: getEditorFeatureFlags
139
- })], Boolean(props.media)).maybeAdd(mediaInsertPlugin, Boolean(props.media && fg('platform_editor_add_media_from_url_rollout'))).maybeAdd(captionPlugin, Boolean((_props$media7 = props.media) === null || _props$media7 === void 0 ? void 0 : _props$media7.allowCaptions)).maybeAdd([mentionsPlugin, _objectSpread({
138
+ })], Boolean(props.media)).maybeAdd(mediaInsertPlugin, Boolean(props.media)).maybeAdd(captionPlugin, Boolean((_props$media7 = props.media) === null || _props$media7 === void 0 ? void 0 : _props$media7.allowCaptions)).maybeAdd([mentionsPlugin, _objectSpread({
140
139
  sanitizePrivateContent: props.sanitizePrivateContent,
141
140
  insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
142
141
  allowZeroWidthSpaceAfter: true,
@@ -45,7 +45,7 @@ import { indentationStyles } from './styles/indentationStyles';
45
45
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
46
46
  import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
47
47
  import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
48
- import { listsStyles, listsStylesSafariFix } from './styles/list';
48
+ import { getDenseListStyles, listsStyles, listsStylesSafariFix } from './styles/list';
49
49
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
50
50
  import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
51
51
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
@@ -61,7 +61,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardS
61
61
  import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
62
62
  import { syncBlockStyles } from './styles/syncBlockStyles';
63
63
  import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
64
- import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
64
+ import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles, getDenseTasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
65
65
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
66
66
  import { textColorStyles } from './styles/textColorStyles';
67
67
  import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -207,6 +207,10 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
207
207
  textHighlightPaddingStyles,
208
208
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
209
209
  listsStyles,
210
+ // Condense vertical spacing between list items when content mode dense is active
211
+ expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
212
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
213
+ getDenseListStyles(baseFontSize),
210
214
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
211
215
  ruleStyles,
212
216
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -235,6 +239,10 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
235
239
  mentionsStyles,
236
240
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
237
241
  tasksAndDecisionsStyles,
242
+ // condense vertical spacing between tasks/decisions items when content mode dense is active
243
+ expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
244
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
245
+ getDenseTasksAndDecisionsStyles(baseFontSize),
238
246
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
239
247
  gridStyles,
240
248
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -1,6 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
3
3
  import { css } from '@emotion/react';
4
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
4
5
  // copied from packages/editor/editor-shared-styles/src/consts/consts.ts
5
6
  var akEditorLineHeight = 1.714;
6
7
  // copied from packages/editor/editor-common/src/styles/shared/smart-card.ts
@@ -139,4 +140,29 @@ export var listsStylesSafariFix = css(_defineProperty(_defineProperty({}, ".Pros
139
140
  }), ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li > p:first-child, .ProseMirror:not(.").concat(BLOCK_CARD_CONTAINER, ") > li > .code-block:first-child, .ProseMirror:not(.").concat(BLOCK_CARD_CONTAINER, ") > li > .ProseMirror-gapcursor:first-child + .code-block"), {
140
141
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
141
142
  marginTop: "-".concat(akEditorLineHeight, "em !important")
142
- }));
143
+ }));
144
+
145
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
146
+ export var EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, ".concat(akEditorFullPageDefaultFontSize, "px) - ").concat(akEditorFullPageDenseFontSize, "px) * (4 / 3)))");
147
+
148
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
149
+ export var getDenseListStyles = function getDenseListStyles(baseFontSize) {
150
+ if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
151
+ return css({});
152
+ }
153
+ return css({
154
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
155
+ '.ProseMirror': {
156
+ // Adjacent list items
157
+ 'li + li': {
158
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
159
+ marginTop: EDITOR_LIST_DENSE_GAP
160
+ },
161
+ // Nested lists directly under an li (unordered and ordered)
162
+ 'li > ul, li > ol, .ak-ul li > ul, .ak-ul li > ol, .ak-ol li > ul, .ak-ol li > ol': {
163
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
164
+ marginTop: EDITOR_LIST_DENSE_GAP
165
+ }
166
+ }
167
+ });
168
+ };
@@ -1,79 +1,64 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
1
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
3
  import { css } from '@emotion/react';
4
+ import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
3
5
  import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
4
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
5
- export var syncBlockStyles = css({
7
+ export var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty({
6
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
7
- '.ProseMirror': {
9
+ '.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty({
10
+ position: 'relative',
11
+ cursor: 'pointer',
12
+ /* Danger when top level node */
8
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
9
- '.ak-editor-sync-block': {
10
- position: 'relative',
11
- cursor: 'pointer',
12
- /* Danger when top level node */
14
+ '&.danger': _defineProperty({
15
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
17
+ backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
13
18
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
14
- '&.danger': {
15
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
19
+ '.ak-editor-panel__icon': {
16
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
17
- backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
18
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
19
- '.ak-editor-panel__icon': {
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
21
- color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
22
- },
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
- '.ak-editor-sync-block__label': {
25
- color: "var(--ds-icon-danger, #C9372C)",
26
- backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
27
- }
28
- },
29
- borderRadius: "var(--ds-radius-small, 3px)",
30
- marginTop: "var(--ds-space-150, 12px)",
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
32
- marginRight: "-".concat(akEditorGutterPadding, "px"),
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
34
- marginLeft: "-".concat(akEditorGutterPadding, "px"),
35
- marginBottom: 0,
36
- paddingTop: "var(--ds-space-050, 4px)",
37
- paddingBottom: "var(--ds-space-050, 4px)",
38
- color: 'inherit',
39
- '&:hover': {
40
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
41
- boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
42
- },
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
- '.ak-editor-sync-block__editor': {
45
- cursor: 'text'
46
- },
47
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
48
- '.ak-editor-sync-block__renderer': {
49
- padding: '0 32px'
21
+ color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
50
22
  }
51
- }
52
- },
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
54
- '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
55
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
56
- },
57
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
58
- '.ak-editor-sync-block.ak-editor-selected-node': {
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
- '.ak-editor-sync-block__label': {
61
- display: 'unset'
62
- }
63
- },
64
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
65
- '.ak-editor-sync-block__label': {
66
- color: "var(--ds-text-accent-purple, #5E4DB2)",
23
+ }, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
24
+ color: "var(--ds-icon-danger, #C9372C)",
25
+ backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
26
+ }),
67
27
  borderRadius: "var(--ds-radius-small, 3px)",
68
- position: 'absolute',
69
- display: 'none',
70
- paddingLeft: "var(--ds-space-100, 8px)",
71
- paddingRight: "var(--ds-space-100, 8px)",
72
- paddingBottom: "var(--ds-space-050, 4px)",
28
+ marginTop: "var(--ds-space-150, 12px)",
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
30
+ marginRight: "-".concat(akEditorGutterPadding, "px"),
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
32
+ marginLeft: "-".concat(akEditorGutterPadding, "px"),
33
+ marginBottom: 0,
73
34
  paddingTop: "var(--ds-space-050, 4px)",
74
- // height of label (32px) + space between sync block and label (4px) = 36px
75
- top: '-36px',
76
- right: '0px',
77
- backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
78
- }
79
- });
35
+ paddingBottom: "var(--ds-space-050, 4px)",
36
+ color: 'inherit',
37
+ '&:hover': {
38
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
39
+ boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
40
+ }
41
+ }, ".".concat(BodiedSyncBlockSharedCssClassName.content), {
42
+ padding: '0 32px',
43
+ cursor: 'text'
44
+ }), ".".concat(SyncBlockSharedCssClassName.renderer), {
45
+ padding: '0 32px'
46
+ }))
47
+ }, ".".concat(SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger), .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger)"), {
48
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
49
+ }), ".".concat(SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node"), _defineProperty({}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
50
+ display: 'unset'
51
+ })), ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
52
+ color: "var(--ds-text-accent-purple, #5E4DB2)",
53
+ borderRadius: "var(--ds-radius-small, 3px)",
54
+ position: 'absolute',
55
+ display: 'none',
56
+ paddingLeft: "var(--ds-space-100, 8px)",
57
+ paddingRight: "var(--ds-space-100, 8px)",
58
+ paddingBottom: "var(--ds-space-050, 4px)",
59
+ paddingTop: "var(--ds-space-050, 4px)",
60
+ // height of label (32px) + space between sync block and label (4px) = 36px
61
+ top: '-36px',
62
+ right: '0px',
63
+ backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
64
+ }));
@@ -2,12 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  var _css;
3
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
4
4
  import { css } from '@emotion/react';
5
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
6
+ import { EDITOR_LIST_DENSE_GAP } from './list';
5
7
  import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
6
8
  var akEditorLineHeight = 1.714;
7
9
  var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
8
10
  export var TaskDecisionSharedCssClassName = {
9
11
  DECISION_CONTAINER: 'decisionItemView-content-wrap',
10
12
  TASK_CONTAINER: 'taskItemView-content-wrap',
13
+ //NOTE: value is a selector (data attribute), not a class name
14
+ TASK_LIST_CONTAINER: '[data-node-type="actionList"]',
11
15
  TASK_ITEM: 'task-item',
12
16
  TASK_CHECKBOX_CONTAINER: 'task-item-checkbox-wrap'
13
17
  };
@@ -67,6 +71,30 @@ export var tasksAndDecisionsStyles = css({
67
71
  }
68
72
  });
69
73
 
74
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
75
+ var TASKLIST_CONTAINER_MARGIN_DENSE = "max(0px, calc(10px + (var(--ak-editor-base-font-size, ".concat(akEditorFullPageDefaultFontSize, "px) - ").concat(akEditorFullPageDenseFontSize, "px) * (2 / 3)))");
76
+
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
78
+ export var getDenseTasksAndDecisionsStyles = function getDenseTasksAndDecisionsStyles(baseFontSize) {
79
+ if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
80
+ return css({});
81
+ }
82
+ return css({
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
84
+ '.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, {
85
+ // Task lists: container top margin
86
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
87
+ marginTop: TASKLIST_CONTAINER_MARGIN_DENSE
88
+ }), "".concat(TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, " > * + *"), {
89
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
90
+ marginTop: EDITOR_LIST_DENSE_GAP
91
+ }), "".concat(TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, " ").concat(TaskDecisionSharedCssClassName.TASK_LIST_CONTAINER, ", .").concat(TaskDecisionSharedCssClassName.TASK_CONTAINER, " .").concat(TaskDecisionSharedCssClassName.TASK_CONTAINER), {
92
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
93
+ marginTop: EDITOR_LIST_DENSE_GAP
94
+ })
95
+ });
96
+ };
97
+
70
98
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
71
99
  export var decisionStyles = css((_css = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, ".".concat(akEditorSelectedNodeClassName, " > [data-decision-wrapper], ol[data-node-type='decisionList'].").concat(akEditorSelectedNodeClassName),
72
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "215.1.6";
2
+ export var version = "0.0.0-development";
@@ -52,7 +52,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
52
52
  commands: {
53
53
  insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
54
54
  };
55
- dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
55
+ dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
56
56
  pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
57
57
  }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
58
58
  actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
@@ -113,7 +113,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
113
113
  commands: {
114
114
  insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
115
115
  };
116
- dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
116
+ dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
117
117
  pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
118
118
  }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
119
119
  actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
@@ -52,7 +52,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
52
52
  commands: {
53
53
  insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
54
54
  };
55
- dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
55
+ dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
56
56
  pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
57
57
  }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
58
58
  actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
@@ -1,3 +1,5 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const listsStyles: SerializedStyles;
3
3
  export declare const listsStylesSafariFix: SerializedStyles;
4
+ export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
5
+ export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
@@ -2,10 +2,12 @@ import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const TaskDecisionSharedCssClassName: {
3
3
  DECISION_CONTAINER: string;
4
4
  TASK_CONTAINER: string;
5
+ TASK_LIST_CONTAINER: string;
5
6
  TASK_ITEM: string;
6
7
  TASK_CHECKBOX_CONTAINER: string;
7
8
  };
8
9
  export declare const tasksAndDecisionsStyles: SerializedStyles;
10
+ export declare const getDenseTasksAndDecisionsStyles: (baseFontSize?: number) => SerializedStyles;
9
11
  export declare const decisionStyles: SerializedStyles;
10
12
  export declare const decisionDangerStyles: SerializedStyles;
11
13
  export declare const decisionIconWithVisualRefresh: SerializedStyles;
@@ -153,6 +153,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
153
153
  import("@atlaskit/editor-plugins/selection").SelectionPlugin,
154
154
  import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin,
155
155
  import("@atlaskit/editor-plugins/decorations").DecorationsPlugin,
156
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
156
157
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
157
158
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
158
159
  ];
@@ -214,6 +214,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
214
214
  import("@atlaskit/editor-plugins/selection").SelectionPlugin,
215
215
  import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin,
216
216
  import("@atlaskit/editor-plugins/decorations").DecorationsPlugin,
217
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
217
218
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
218
219
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
219
220
  ];
@@ -153,6 +153,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
153
153
  import("@atlaskit/editor-plugins/selection").SelectionPlugin,
154
154
  import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin,
155
155
  import("@atlaskit/editor-plugins/decorations").DecorationsPlugin,
156
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
156
157
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
157
158
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
158
159
  ];
@@ -1,3 +1,5 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const listsStyles: SerializedStyles;
3
3
  export declare const listsStylesSafariFix: SerializedStyles;
4
+ export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
5
+ export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
@@ -2,10 +2,12 @@ import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const TaskDecisionSharedCssClassName: {
3
3
  DECISION_CONTAINER: string;
4
4
  TASK_CONTAINER: string;
5
+ TASK_LIST_CONTAINER: string;
5
6
  TASK_ITEM: string;
6
7
  TASK_CHECKBOX_CONTAINER: string;
7
8
  };
8
9
  export declare const tasksAndDecisionsStyles: SerializedStyles;
10
+ export declare const getDenseTasksAndDecisionsStyles: (baseFontSize?: number) => SerializedStyles;
9
11
  export declare const decisionStyles: SerializedStyles;
10
12
  export declare const decisionDangerStyles: SerializedStyles;
11
13
  export declare const decisionIconWithVisualRefresh: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "215.2.0",
3
+ "version": "215.3.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,20 +39,20 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@atlaskit/activity-provider": "^2.5.0",
42
- "@atlaskit/adf-schema": "^51.2.0",
42
+ "@atlaskit/adf-schema": "^51.3.0",
43
43
  "@atlaskit/afm-i18n-platform-editor-editor-core": "2.7.0",
44
44
  "@atlaskit/analytics-namespaced-context": "^7.1.0",
45
45
  "@atlaskit/analytics-next": "^11.1.0",
46
46
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
47
47
  "@atlaskit/button": "^23.5.0",
48
48
  "@atlaskit/css": "^0.15.0",
49
- "@atlaskit/editor-json-transformer": "^8.30.0",
49
+ "@atlaskit/editor-json-transformer": "^8.31.0",
50
50
  "@atlaskit/editor-performance-metrics": "^2.1.0",
51
51
  "@atlaskit/editor-plugin-quick-insert": "^6.0.0",
52
52
  "@atlaskit/editor-plugin-user-preferences": "^4.0.0",
53
53
  "@atlaskit/editor-plugins": "^11.0.0",
54
54
  "@atlaskit/editor-prosemirror": "7.0.0",
55
- "@atlaskit/editor-shared-styles": "^3.7.0",
55
+ "@atlaskit/editor-shared-styles": "^3.8.0",
56
56
  "@atlaskit/editor-toolbar": "^0.15.0",
57
57
  "@atlaskit/editor-toolbar-model": "^0.2.0",
58
58
  "@atlaskit/emoji": "^69.6.0",
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/task-decision": "^19.2.0",
67
67
  "@atlaskit/tmp-editor-statsig": "^13.13.0",
68
68
  "@atlaskit/tokens": "^7.0.0",
69
- "@atlaskit/tooltip": "^20.5.0",
69
+ "@atlaskit/tooltip": "^20.6.0",
70
70
  "@atlaskit/width-detector": "^5.0.0",
71
71
  "@babel/runtime": "^7.0.0",
72
72
  "@emotion/react": "^11.7.1",
@@ -81,7 +81,7 @@
81
81
  "uuid": "^3.1.0"
82
82
  },
83
83
  "peerDependencies": {
84
- "@atlaskit/editor-common": "^110.13.0",
84
+ "@atlaskit/editor-common": "^110.14.0",
85
85
  "@atlaskit/link-provider": "^4.0.0",
86
86
  "@atlaskit/media-core": "^37.0.0",
87
87
  "react": "^18.2.0",
@@ -91,23 +91,23 @@
91
91
  "devDependencies": {
92
92
  "@af/editor-libra": "workspace:^",
93
93
  "@af/visual-regression": "workspace:^",
94
- "@atlaskit/adf-utils": "^19.24.0",
94
+ "@atlaskit/adf-utils": "^19.25.0",
95
95
  "@atlaskit/analytics-listeners": "^9.1.0",
96
96
  "@atlaskit/collab-provider": "^14.0.0",
97
- "@atlaskit/editor-plugin-annotation": "^6.1.0",
98
- "@atlaskit/editor-plugin-card": "^11.3.0",
99
- "@atlaskit/editor-plugin-list": "^8.1.0",
100
- "@atlaskit/editor-plugin-paste": "^7.3.0",
97
+ "@atlaskit/editor-plugin-annotation": "^6.2.0",
98
+ "@atlaskit/editor-plugin-card": "^11.4.0",
99
+ "@atlaskit/editor-plugin-list": "^8.2.0",
100
+ "@atlaskit/editor-plugin-paste": "^7.4.0",
101
101
  "@atlaskit/link-provider": "^4.0.0",
102
102
  "@atlaskit/logo": "^19.9.0",
103
103
  "@atlaskit/media-core": "^37.0.0",
104
104
  "@atlaskit/media-integration-test-helpers": "workspace:^",
105
105
  "@atlaskit/media-test-helpers": "^39.0.0",
106
106
  "@atlaskit/modal-dialog": "^14.5.0",
107
- "@atlaskit/primitives": "^15.0.0",
108
- "@atlaskit/renderer": "^124.5.0",
107
+ "@atlaskit/primitives": "^16.0.0",
108
+ "@atlaskit/renderer": "^124.7.0",
109
109
  "@atlaskit/section-message": "^8.7.0",
110
- "@atlaskit/smart-card": "^43.1.0",
110
+ "@atlaskit/smart-card": "^43.2.0",
111
111
  "@atlaskit/synchrony-test-helpers": "workspace:^",
112
112
  "@atlaskit/toggle": "^15.1.0",
113
113
  "@atlaskit/util-data-test": "^18.3.0",
@@ -164,9 +164,6 @@
164
164
  "type": "boolean",
165
165
  "referenceOnly": true
166
166
  },
167
- "platform_editor_ai_rovo_free_gen": {
168
- "type": "boolean"
169
- },
170
167
  "editor_inline_comments_on_inline_nodes": {
171
168
  "type": "boolean",
172
169
  "referenceOnly": "true"
@@ -278,10 +275,6 @@
278
275
  "type": "boolean",
279
276
  "referenceOnly": true
280
277
  },
281
- "platform_editor_elements_dnd_multi_select_patch_1": {
282
- "type": "boolean",
283
- "referenceOnly": true
284
- },
285
278
  "platform_editor_content_mode_button_mvp": {
286
279
  "type": "boolean"
287
280
  },
@@ -300,9 +293,6 @@
300
293
  "type": "boolean",
301
294
  "referenceOnly": true
302
295
  },
303
- "platform_editor_add_media_from_url_rollout": {
304
- "type": "boolean"
305
- },
306
296
  "platform_editor_elements_dnd_multi_select_patch_2": {
307
297
  "type": "boolean",
308
298
  "referenceOnly": true