@atlaskit/editor-core 215.2.0 → 215.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +25 -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/tasksAndDecisionsStyles.js +29 -1
  7. package/dist/cjs/version-wrapper.js +1 -1
  8. package/dist/es2019/create-editor/editorNativeAnchorSupportPlugin.js +6 -1
  9. package/dist/es2019/presets/universal.js +1 -2
  10. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +10 -2
  11. package/dist/es2019/ui/EditorContentContainer/styles/list.js +27 -1
  12. package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +37 -0
  13. package/dist/es2019/version-wrapper.js +1 -1
  14. package/dist/esm/create-editor/editorNativeAnchorSupportPlugin.js +6 -1
  15. package/dist/esm/presets/universal.js +1 -2
  16. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +10 -2
  17. package/dist/esm/ui/EditorContentContainer/styles/list.js +27 -1
  18. package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +28 -0
  19. package/dist/esm/version-wrapper.js +1 -1
  20. package/dist/types/ui/EditorContentContainer/styles/list.d.ts +2 -0
  21. package/dist/types/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +2 -0
  22. package/dist/types-ts4.5/ui/EditorContentContainer/styles/list.d.ts +2 -0
  23. package/dist/types-ts4.5/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +2 -0
  24. package/package.json +11 -21
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`5167552fe1a93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5167552fe1a93) -
8
+ [EDITOR-2339] Bump @atlaskit/adf-schema to 51.3.0
9
+
10
+ ### Patch Changes
11
+
12
+ - [`cebe32372285d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cebe32372285d) -
13
+ Tidy up feature gate
14
+ - [`c21648c080e0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c21648c080e0c) -
15
+ [ux] EDITOR-2291: Tighten list and task spacing in dense content mode
16
+ - [`0b0ef25b2f529`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b0ef25b2f529) -
17
+ Cleanup various feature gates and align them to aifc_create_enabled
18
+ - [`3feef799ad0a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3feef799ad0a5) -
19
+ [ED-29333] Fix 2 issues when platform_editor_native_anchor_support is enabled
20
+ 1. Drag handle is rendered for media node
21
+ 2. When advanced_layouts experiment is off, quick insert button is rendered based on child node
22
+ inside layout column (as opposed to layout section node )
23
+
24
+ - [`2bdec5e9ec1c9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bdec5e9ec1c9) -
25
+ [EDITOR-442] Cleans up FG platform_editor_add_media_from_url_rollout
26
+ - Updated dependencies
27
+
3
28
  ## 215.2.0
4
29
 
5
30
  ### 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
+ };
@@ -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,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
+ };
@@ -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";
@@ -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;
@@ -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.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,14 +39,14 @@
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",
@@ -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,21 +91,21 @@
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
110
  "@atlaskit/smart-card": "^43.1.0",
111
111
  "@atlaskit/synchrony-test-helpers": "workspace:^",
@@ -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