@atlaskit/editor-core 219.1.4 → 219.1.8

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 (34) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/cjs/ui/Appearance/Chromeless.js +2 -1
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +19 -3
  4. package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +10 -1
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/ui/Appearance/Chromeless.js +2 -1
  7. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +19 -3
  8. package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +10 -1
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/ui/Appearance/Chromeless.js +2 -1
  11. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +19 -3
  12. package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +10 -1
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/dist/types/composable-editor/core-editor.d.ts +1 -1
  15. package/dist/types/create-editor/ErrorBoundary.d.ts +1 -1
  16. package/dist/types/create-editor/ReactEditorView/getUAPrefix.d.ts +1 -1
  17. package/dist/types/create-editor/WithEditorView.d.ts +1 -1
  18. package/dist/types/ui/Addon/ClickAreaBlock/index.d.ts +1 -1
  19. package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts +4 -2
  20. package/dist/types/ui/EditorContentContainer/styles/list.d.ts +1 -1
  21. package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts +3 -3
  22. package/dist/types/utils/is-chromeless.d.ts +1 -1
  23. package/dist/types/utils/is-full-page.d.ts +1 -1
  24. package/dist/types-ts4.5/composable-editor/core-editor.d.ts +1 -1
  25. package/dist/types-ts4.5/create-editor/ErrorBoundary.d.ts +1 -1
  26. package/dist/types-ts4.5/create-editor/ReactEditorView/getUAPrefix.d.ts +1 -1
  27. package/dist/types-ts4.5/create-editor/WithEditorView.d.ts +1 -1
  28. package/dist/types-ts4.5/ui/Addon/ClickAreaBlock/index.d.ts +1 -1
  29. package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts +4 -2
  30. package/dist/types-ts4.5/ui/EditorContentContainer/styles/list.d.ts +1 -1
  31. package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts +3 -3
  32. package/dist/types-ts4.5/utils/is-chromeless.d.ts +1 -1
  33. package/dist/types-ts4.5/utils/is-full-page.d.ts +1 -1
  34. package/package.json +9 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,37 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 219.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`bc415f8eb86a9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bc415f8eb86a9) -
8
+ Add OR check with create_work_item_modernization_exp experiment to
9
+ platform_editor_fix_scrolling_popup_position, platform_editor_table_resize_chromeless, and
10
+ platform_editor_chromeless_akeditor_class usages
11
+ - Updated dependencies
12
+
13
+ ## 219.1.7
14
+
15
+ ### Patch Changes
16
+
17
+ - [`f7254db909ac9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f7254db909ac9) -
18
+ Replace platform_editor_ai_chromeless_akeditor_class experiment with
19
+ platform_editor_chromeless_akeditor_class feature gate
20
+ - Updated dependencies
21
+
22
+ ## 219.1.6
23
+
24
+ ### Patch Changes
25
+
26
+ - [`436af8c4665e1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/436af8c4665e1) -
27
+ Enforce max width on table
28
+
29
+ ## 219.1.5
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies
34
+
3
35
  ## 219.1.4
4
36
 
5
37
  ### Patch Changes
@@ -16,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _react2 = require("@emotion/react");
18
18
  var _hooks = require("@atlaskit/editor-common/hooks");
19
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
20
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
20
21
  var _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
21
22
  var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
@@ -191,7 +192,7 @@ function ChromelessEditorContainer(_ref3) {
191
192
  css: [chromelessEditorStylesNew, scrollbarStylesNew]
192
193
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
193
194
  ,
194
- className: (0, _expValEquals.expValEquals)('platform_editor_ai_chromeless_akEditor_class', 'isEnabled', true) ? 'akEditor' : undefined,
195
+ className: (0, _platformFeatureFlags.fg)('platform_editor_chromeless_akeditor_class') || (0, _expValEquals.expValEquals)('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
195
196
  style: {
196
197
  maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
197
198
  minHeight: "".concat(minHeight, "px")
@@ -12,6 +12,7 @@ var _react2 = require("@emotion/react");
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
13
  var _reactIntl = require("react-intl");
14
14
  var _adfSchema = require("@atlaskit/adf-schema");
15
+ var _hooks = require("@atlaskit/editor-common/hooks");
15
16
  var _messages = require("@atlaskit/editor-common/messages");
16
17
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
17
18
  var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
@@ -60,6 +61,12 @@ var editorContentAreaProsemirrorStyle = (0, _react2.css)({
60
61
  marginBottom: "var(--ds-space-300, 24px)"
61
62
  })
62
63
  });
64
+ var hideEditorContentAreaProsemirrorStyle = (0, _react2.css)({
65
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
66
+ '& .ProseMirror': {
67
+ display: 'none'
68
+ }
69
+ });
63
70
  var fullWidthNonChromelessBreakoutBlockTableStyle = (0, _react2.css)({
64
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
65
72
  '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -238,6 +245,14 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
238
245
  }
239
246
  };
240
247
  }, []);
248
+ var markdownPluginCurrentView = (0, _hooks.useSharedPluginStateWithSelector)(props.editorAPI, ['markdownMode'], function (states) {
249
+ var _states$markdownModeS;
250
+ return (_states$markdownModeS = states.markdownModeState) === null || _states$markdownModeS === void 0 ? void 0 : _states$markdownModeS.view;
251
+ });
252
+ var markdownPluginCurrentIsMarkdownMode = (0, _hooks.useSharedPluginStateWithSelector)(props.editorAPI, ['markdownMode'], function (states) {
253
+ var _states$markdownModeS2;
254
+ return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
255
+ });
241
256
  return (0, _react2.jsx)("div", {
242
257
  css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
243
258
  "data-testid": CONTENT_AREA_TEST_ID,
@@ -263,7 +278,10 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
263
278
  editorView: props.editorView,
264
279
  editorDisabled: props.disabled
265
280
  }, (0, _react2.jsx)("div", {
266
- css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
281
+ css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
282
+ // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
283
+ // reports a non-WYSIWYG view.
284
+ (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode && hideEditorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
267
285
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
268
286
  (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
269
287
  style: {
@@ -326,8 +344,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
326
344
  visible: false
327
345
  })));
328
346
  });
329
-
330
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
331
347
  var FullPageContentArea = exports.FullPageContentArea = (0, _reactIntl.injectIntl)(Content, {
332
348
  forwardRef: true
333
349
  });
@@ -104,9 +104,18 @@ var tableContentModeStyles = exports.tableContentModeStyles = (0, _react.css)({
104
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
105
105
  width: 'max-content !important'
106
106
  },
107
+ // Reset the extended hover zone padding for content-mode tables so it doesn't
108
+ // inflate the max-content width of parent elements (resizer-container, wrapper).
109
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
110
+ '.resizer-item:has(table[data-initial-width-mode="content"]) > .resizer-hover-zone.resizer-is-extended': {
111
+ padding: 'unset',
112
+ left: 'unset'
113
+ },
107
114
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
108
115
  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
109
- tableLayout: 'auto'
116
+ tableLayout: 'auto',
117
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
118
+ width: 'max-content !important'
110
119
  },
111
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
112
121
  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"] > colgroup > col': {
@@ -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 = "219.1.3";
8
+ var version = exports.version = "0.0.0-development";
@@ -8,6 +8,7 @@ import React, { Fragment } from 'react';
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
9
9
  import { css, jsx } from '@emotion/react';
10
10
  import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
11
+ import { fg } from '@atlaskit/platform-feature-flags';
11
12
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
13
  import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
13
14
  import PluginSlot from '../PluginSlot';
@@ -168,7 +169,7 @@ export function ChromelessEditorContainer({
168
169
  css: [chromelessEditorStylesNew, scrollbarStylesNew]
169
170
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
170
171
  ,
171
- className: expValEquals('platform_editor_ai_chromeless_akEditor_class', 'isEnabled', true) ? 'akEditor' : undefined,
172
+ className: fg('platform_editor_chromeless_akeditor_class') || expValEquals('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
172
173
  style: {
173
174
  maxHeight: maxHeight ? `${maxHeight}px` : undefined,
174
175
  minHeight: `${minHeight}px`
@@ -10,6 +10,7 @@ import { css, jsx, useTheme } from '@emotion/react';
10
10
  import classnames from 'classnames';
11
11
  import { injectIntl } from 'react-intl';
12
12
  import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
13
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
13
14
  import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
14
15
  import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
15
16
  import FeatureGates from '@atlaskit/feature-gate-js-client';
@@ -51,6 +52,12 @@ const editorContentAreaProsemirrorStyle = css({
51
52
  }
52
53
  }
53
54
  });
55
+ const hideEditorContentAreaProsemirrorStyle = css({
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
57
+ '& .ProseMirror': {
58
+ display: 'none'
59
+ }
60
+ });
54
61
  const fullWidthNonChromelessBreakoutBlockTableStyle = css({
55
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
56
63
  '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -230,6 +237,14 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
230
237
  return containerRef.current;
231
238
  }
232
239
  }), []);
240
+ const markdownPluginCurrentView = useSharedPluginStateWithSelector(props.editorAPI, ['markdownMode'], states => {
241
+ var _states$markdownModeS;
242
+ return (_states$markdownModeS = states.markdownModeState) === null || _states$markdownModeS === void 0 ? void 0 : _states$markdownModeS.view;
243
+ });
244
+ const markdownPluginCurrentIsMarkdownMode = useSharedPluginStateWithSelector(props.editorAPI, ['markdownMode'], states => {
245
+ var _states$markdownModeS2;
246
+ return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
247
+ });
233
248
  return jsx("div", {
234
249
  css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
235
250
  "data-testid": CONTENT_AREA_TEST_ID,
@@ -255,7 +270,10 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
255
270
  editorView: props.editorView,
256
271
  editorDisabled: props.disabled
257
272
  }, jsx("div", {
258
- css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
273
+ css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
274
+ // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
275
+ // reports a non-WYSIWYG view.
276
+ expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode && hideEditorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
259
277
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
260
278
  expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
261
279
  style: {
@@ -318,8 +336,6 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
318
336
  visible: false
319
337
  })));
320
338
  });
321
-
322
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
323
339
  export const FullPageContentArea = injectIntl(Content, {
324
340
  forwardRef: true
325
341
  });
@@ -100,9 +100,18 @@ export const tableContentModeStyles = css({
100
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
101
101
  width: 'max-content !important'
102
102
  },
103
+ // Reset the extended hover zone padding for content-mode tables so it doesn't
104
+ // inflate the max-content width of parent elements (resizer-container, wrapper).
105
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
106
+ '.resizer-item:has(table[data-initial-width-mode="content"]) > .resizer-hover-zone.resizer-is-extended': {
107
+ padding: 'unset',
108
+ left: 'unset'
109
+ },
103
110
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
104
111
  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
105
- tableLayout: 'auto'
112
+ tableLayout: 'auto',
113
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
114
+ width: 'max-content !important'
106
115
  },
107
116
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
108
117
  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"] > colgroup > col': {
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "219.1.3";
2
+ export const version = "0.0.0-development";
@@ -15,6 +15,7 @@ import React, { Fragment } from 'react';
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
16
16
  import { css, jsx } from '@emotion/react';
17
17
  import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
18
+ import { fg } from '@atlaskit/platform-feature-flags';
18
19
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
19
20
  import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
20
21
  import PluginSlot from '../PluginSlot';
@@ -185,7 +186,7 @@ export function ChromelessEditorContainer(_ref3) {
185
186
  css: [chromelessEditorStylesNew, scrollbarStylesNew]
186
187
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
187
188
  ,
188
- className: expValEquals('platform_editor_ai_chromeless_akEditor_class', 'isEnabled', true) ? 'akEditor' : undefined,
189
+ className: fg('platform_editor_chromeless_akeditor_class') || expValEquals('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
189
190
  style: {
190
191
  maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
191
192
  minHeight: "".concat(minHeight, "px")
@@ -11,6 +11,7 @@ import { css, jsx, useTheme } from '@emotion/react';
11
11
  import classnames from 'classnames';
12
12
  import { injectIntl } from 'react-intl';
13
13
  import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
14
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
14
15
  import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
15
16
  import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
16
17
  import FeatureGates from '@atlaskit/feature-gate-js-client';
@@ -50,6 +51,12 @@ var editorContentAreaProsemirrorStyle = css({
50
51
  marginBottom: "var(--ds-space-300, 24px)"
51
52
  })
52
53
  });
54
+ var hideEditorContentAreaProsemirrorStyle = css({
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
56
+ '& .ProseMirror': {
57
+ display: 'none'
58
+ }
59
+ });
53
60
  var fullWidthNonChromelessBreakoutBlockTableStyle = css({
54
61
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
55
62
  '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -228,6 +235,14 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
228
235
  }
229
236
  };
230
237
  }, []);
238
+ var markdownPluginCurrentView = useSharedPluginStateWithSelector(props.editorAPI, ['markdownMode'], function (states) {
239
+ var _states$markdownModeS;
240
+ return (_states$markdownModeS = states.markdownModeState) === null || _states$markdownModeS === void 0 ? void 0 : _states$markdownModeS.view;
241
+ });
242
+ var markdownPluginCurrentIsMarkdownMode = useSharedPluginStateWithSelector(props.editorAPI, ['markdownMode'], function (states) {
243
+ var _states$markdownModeS2;
244
+ return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
245
+ });
231
246
  return jsx("div", {
232
247
  css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
233
248
  "data-testid": CONTENT_AREA_TEST_ID,
@@ -253,7 +268,10 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
253
268
  editorView: props.editorView,
254
269
  editorDisabled: props.disabled
255
270
  }, jsx("div", {
256
- css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
271
+ css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
272
+ // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
273
+ // reports a non-WYSIWYG view.
274
+ expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode && hideEditorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
257
275
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
258
276
  expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
259
277
  style: {
@@ -316,8 +334,6 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
316
334
  visible: false
317
335
  })));
318
336
  });
319
-
320
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
321
337
  export var FullPageContentArea = injectIntl(Content, {
322
338
  forwardRef: true
323
339
  });
@@ -97,9 +97,18 @@ export var tableContentModeStyles = css({
97
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
98
98
  width: 'max-content !important'
99
99
  },
100
+ // Reset the extended hover zone padding for content-mode tables so it doesn't
101
+ // inflate the max-content width of parent elements (resizer-container, wrapper).
102
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
103
+ '.resizer-item:has(table[data-initial-width-mode="content"]) > .resizer-hover-zone.resizer-is-extended': {
104
+ padding: 'unset',
105
+ left: 'unset'
106
+ },
100
107
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
101
108
  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
102
- tableLayout: 'auto'
109
+ tableLayout: 'auto',
110
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
111
+ width: 'max-content !important'
103
112
  },
104
113
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
105
114
  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"] > colgroup > col': {
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "219.1.3";
2
+ export var version = "0.0.0-development";
@@ -9,7 +9,7 @@ import type { WithAppearanceComponent } from '../types/with-appearance-component
9
9
  export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): jsx.JSX.Element;
10
10
  export declare namespace CoreEditor {
11
11
  var propTypes: {
12
- minHeight: ({ appearance, minHeight }: Pick<EditorNextProps, "appearance" | "minHeight">) => Error | null;
12
+ minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, 'appearance' | 'minHeight'>) => Error | null;
13
13
  };
14
14
  }
15
15
  export default CoreEditor;
@@ -47,7 +47,7 @@ export declare class ErrorBoundaryWithEditorViewWithAnalyticsReactContext extend
47
47
  [key: string]: Primitive;
48
48
  }) => void;
49
49
  }
50
- declare const _default_1: React.FC<Omit<ErrorBoundaryProps, "editorView"> & {
50
+ declare const _default_1: React.FC<Omit<ErrorBoundaryProps, 'editorView'> & {
51
51
  children?: React.ReactNode | undefined;
52
52
  }>;
53
53
  export default _default_1;
@@ -1 +1 @@
1
- export declare function getUAPrefix(): "" | "ua-chrome" | "ua-ie" | "ua-firefox" | "ua-safari";
1
+ export declare function getUAPrefix(): '' | 'ua-chrome' | 'ua-ie' | 'ua-firefox' | 'ua-safari';
@@ -3,4 +3,4 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
3
3
  export interface WithEditorViewInternalProps {
4
4
  editorView?: EditorView | undefined;
5
5
  }
6
- export declare const WithEditorView: <P extends WithEditorViewInternalProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>) => (props: React.PropsWithChildren<Omit<P, keyof WithEditorViewInternalProps>>) => React.JSX.Element;
6
+ export declare const WithEditorView: <P extends WithEditorViewInternalProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>) => ((props: React.PropsWithChildren<Omit<P, keyof WithEditorViewInternalProps>>) => React.JSX.Element);
@@ -10,5 +10,5 @@ export interface Props {
10
10
  editorDisabled?: boolean;
11
11
  editorView?: EditorView;
12
12
  }
13
- export declare const ClickAreaBlock: ({ editorView, editorDisabled, children }: Props) => jsx.JSX.Element;
13
+ export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => jsx.JSX.Element;
14
14
  export default ClickAreaBlock;
@@ -14,13 +14,15 @@ import type { BlockMenuPlugin } from '@atlaskit/editor-plugins/block-menu';
14
14
  import type { ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
15
15
  import type { ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
16
16
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
17
+ import type { MarkdownModePlugin } from '@atlassian/editor-plugin-markdown-mode';
17
18
  import type EditorActions from '../../../actions';
18
19
  import type { ContentComponents, ReactComponents } from '../../../types';
19
20
  import type { ScrollContainerRefs } from './types';
20
21
  type EditorAPI = PublicPluginAPI<[
21
22
  OptionalPlugin<ContextPanelPlugin>,
22
23
  BasePlugin,
23
- OptionalPlugin<BlockMenuPlugin>
24
+ OptionalPlugin<BlockMenuPlugin>,
25
+ OptionalPlugin<MarkdownModePlugin>
24
26
  ]>;
25
27
  interface FullPageEditorContentAreaProps {
26
28
  appearance: EditorAppearance | undefined;
@@ -48,7 +50,7 @@ interface FullPageEditorContentAreaProps {
48
50
  }
49
51
  export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
50
52
  export declare const EDITOR_CONTAINER = "ak-editor-container";
51
- export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
53
+ export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, 'ref'> & React.RefAttributes<any>> & {
52
54
  WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
53
55
  };
54
56
  export {};
@@ -3,6 +3,6 @@ export declare const listsStyles: SerializedStyles;
3
3
  export declare const diffListStyles: SerializedStyles;
4
4
  export declare const listsStylesMarginLayoutShiftFix: SerializedStyles;
5
5
  export declare const listsStylesSafariFix: SerializedStyles;
6
- export declare const EDITOR_LIST_DENSE_GAP: "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
6
+ export declare const EDITOR_LIST_DENSE_GAP: 'max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))';
7
7
  export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
8
8
  export declare const listItemHiddenMarkerStyles: SerializedStyles;
@@ -3,9 +3,9 @@ export declare const resizerItemClassName = "resizer-item";
3
3
  export declare const resizerHoverZoneClassName = "resizer-hover-zone";
4
4
  export declare const resizerExtendedZone = "resizer-is-extended";
5
5
  export declare const resizerHandleClassName = "resizer-handle";
6
- export declare const resizerHandleTrackClassName: "resizer-handle-track";
7
- export declare const resizerHandleThumbClassName: "resizer-handle-thumb";
8
- export declare const resizerDangerClassName: "resizer-handle-danger";
6
+ export declare const resizerHandleTrackClassName: 'resizer-handle-track';
7
+ export declare const resizerHandleThumbClassName: 'resizer-handle-thumb';
8
+ export declare const resizerDangerClassName: 'resizer-handle-danger';
9
9
  export declare const resizerHandleThumbWidth = 3;
10
10
  export declare const handleWrapperClass = "resizer-handle-wrapper";
11
11
  export declare const resizerStyles: SerializedStyles;
@@ -1,2 +1,2 @@
1
1
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
2
- export declare function isChromeless(appearance?: EditorAppearance): appearance is "chromeless";
2
+ export declare function isChromeless(appearance?: EditorAppearance): appearance is 'chromeless';
@@ -1,2 +1,2 @@
1
1
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
2
- export declare function isFullPage(appearance?: EditorAppearance): appearance is "full-page" | "full-width";
2
+ export declare function isFullPage(appearance?: EditorAppearance): appearance is 'full-page' | 'full-width';
@@ -9,7 +9,7 @@ import type { WithAppearanceComponent } from '../types/with-appearance-component
9
9
  export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): jsx.JSX.Element;
10
10
  export declare namespace CoreEditor {
11
11
  var propTypes: {
12
- minHeight: ({ appearance, minHeight }: Pick<EditorNextProps, "appearance" | "minHeight">) => Error | null;
12
+ minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, 'appearance' | 'minHeight'>) => Error | null;
13
13
  };
14
14
  }
15
15
  export default CoreEditor;
@@ -47,7 +47,7 @@ export declare class ErrorBoundaryWithEditorViewWithAnalyticsReactContext extend
47
47
  [key: string]: Primitive;
48
48
  }) => void;
49
49
  }
50
- declare const _default_1: React.FC<Omit<ErrorBoundaryProps, "editorView"> & {
50
+ declare const _default_1: React.FC<Omit<ErrorBoundaryProps, 'editorView'> & {
51
51
  children?: React.ReactNode | undefined;
52
52
  }>;
53
53
  export default _default_1;
@@ -1 +1 @@
1
- export declare function getUAPrefix(): "" | "ua-chrome" | "ua-ie" | "ua-firefox" | "ua-safari";
1
+ export declare function getUAPrefix(): '' | 'ua-chrome' | 'ua-ie' | 'ua-firefox' | 'ua-safari';
@@ -3,4 +3,4 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
3
3
  export interface WithEditorViewInternalProps {
4
4
  editorView?: EditorView | undefined;
5
5
  }
6
- export declare const WithEditorView: <P extends WithEditorViewInternalProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>) => (props: React.PropsWithChildren<Omit<P, keyof WithEditorViewInternalProps>>) => React.JSX.Element;
6
+ export declare const WithEditorView: <P extends WithEditorViewInternalProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>) => ((props: React.PropsWithChildren<Omit<P, keyof WithEditorViewInternalProps>>) => React.JSX.Element);
@@ -10,5 +10,5 @@ export interface Props {
10
10
  editorDisabled?: boolean;
11
11
  editorView?: EditorView;
12
12
  }
13
- export declare const ClickAreaBlock: ({ editorView, editorDisabled, children }: Props) => jsx.JSX.Element;
13
+ export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => jsx.JSX.Element;
14
14
  export default ClickAreaBlock;
@@ -14,13 +14,15 @@ import type { BlockMenuPlugin } from '@atlaskit/editor-plugins/block-menu';
14
14
  import type { ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
15
15
  import type { ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
16
16
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
17
+ import type { MarkdownModePlugin } from '@atlassian/editor-plugin-markdown-mode';
17
18
  import type EditorActions from '../../../actions';
18
19
  import type { ContentComponents, ReactComponents } from '../../../types';
19
20
  import type { ScrollContainerRefs } from './types';
20
21
  type EditorAPI = PublicPluginAPI<[
21
22
  OptionalPlugin<ContextPanelPlugin>,
22
23
  BasePlugin,
23
- OptionalPlugin<BlockMenuPlugin>
24
+ OptionalPlugin<BlockMenuPlugin>,
25
+ OptionalPlugin<MarkdownModePlugin>
24
26
  ]>;
25
27
  interface FullPageEditorContentAreaProps {
26
28
  appearance: EditorAppearance | undefined;
@@ -48,7 +50,7 @@ interface FullPageEditorContentAreaProps {
48
50
  }
49
51
  export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
50
52
  export declare const EDITOR_CONTAINER = "ak-editor-container";
51
- export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
53
+ export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, 'ref'> & React.RefAttributes<any>> & {
52
54
  WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
53
55
  };
54
56
  export {};
@@ -3,6 +3,6 @@ export declare const listsStyles: SerializedStyles;
3
3
  export declare const diffListStyles: SerializedStyles;
4
4
  export declare const listsStylesMarginLayoutShiftFix: SerializedStyles;
5
5
  export declare const listsStylesSafariFix: SerializedStyles;
6
- export declare const EDITOR_LIST_DENSE_GAP: "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
6
+ export declare const EDITOR_LIST_DENSE_GAP: 'max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))';
7
7
  export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
8
8
  export declare const listItemHiddenMarkerStyles: SerializedStyles;
@@ -3,9 +3,9 @@ export declare const resizerItemClassName = "resizer-item";
3
3
  export declare const resizerHoverZoneClassName = "resizer-hover-zone";
4
4
  export declare const resizerExtendedZone = "resizer-is-extended";
5
5
  export declare const resizerHandleClassName = "resizer-handle";
6
- export declare const resizerHandleTrackClassName: "resizer-handle-track";
7
- export declare const resizerHandleThumbClassName: "resizer-handle-thumb";
8
- export declare const resizerDangerClassName: "resizer-handle-danger";
6
+ export declare const resizerHandleTrackClassName: 'resizer-handle-track';
7
+ export declare const resizerHandleThumbClassName: 'resizer-handle-thumb';
8
+ export declare const resizerDangerClassName: 'resizer-handle-danger';
9
9
  export declare const resizerHandleThumbWidth = 3;
10
10
  export declare const handleWrapperClass = "resizer-handle-wrapper";
11
11
  export declare const resizerStyles: SerializedStyles;
@@ -1,2 +1,2 @@
1
1
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
2
- export declare function isChromeless(appearance?: EditorAppearance): appearance is "chromeless";
2
+ export declare function isChromeless(appearance?: EditorAppearance): appearance is 'chromeless';
@@ -1,2 +1,2 @@
1
1
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
2
- export declare function isFullPage(appearance?: EditorAppearance): appearance is "full-page" | "full-width";
2
+ export declare function isFullPage(appearance?: EditorAppearance): appearance is 'full-page' | 'full-width';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "219.1.4",
3
+ "version": "219.1.8",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
56
56
  "@atlaskit/editor-json-transformer": "^8.31.0",
57
57
  "@atlaskit/editor-performance-metrics": "^2.1.0",
58
58
  "@atlaskit/editor-plugin-connectivity": "^10.0.0",
59
- "@atlaskit/editor-plugin-quick-insert": "^10.1.0",
59
+ "@atlaskit/editor-plugin-quick-insert": "^10.2.0",
60
60
  "@atlaskit/editor-plugin-user-preferences": "^8.0.0",
61
61
  "@atlaskit/editor-plugins": "^13.0.0",
62
62
  "@atlaskit/editor-prosemirror": "^7.3.0",
@@ -74,7 +74,7 @@
74
74
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
75
75
  "@atlaskit/react-ufo": "^5.16.0",
76
76
  "@atlaskit/task-decision": "^20.0.0",
77
- "@atlaskit/tmp-editor-statsig": "^69.0.0",
77
+ "@atlaskit/tmp-editor-statsig": "^70.5.0",
78
78
  "@atlaskit/tokens": "^13.0.0",
79
79
  "@atlaskit/tooltip": "^21.2.0",
80
80
  "@atlaskit/width-detector": "^5.1.0",
@@ -91,7 +91,7 @@
91
91
  "uuid": "^3.1.0"
92
92
  },
93
93
  "peerDependencies": {
94
- "@atlaskit/editor-common": "^114.10.0",
94
+ "@atlaskit/editor-common": "^114.12.0",
95
95
  "@atlaskit/link-provider": "^4.3.0",
96
96
  "@atlaskit/media-core": "^37.0.0",
97
97
  "react": "^18.2.0",
@@ -106,7 +106,7 @@
106
106
  "@atlaskit/analytics-listeners": "^10.0.0",
107
107
  "@atlaskit/collab-provider": "^18.0.0",
108
108
  "@atlaskit/editor-plugin-annotation": "^10.1.0",
109
- "@atlaskit/editor-plugin-card": "^16.3.0",
109
+ "@atlaskit/editor-plugin-card": "^16.4.0",
110
110
  "@atlaskit/editor-plugin-list": "^12.0.0",
111
111
  "@atlaskit/editor-plugin-paste": "^11.0.0",
112
112
  "@atlaskit/editor-test-helpers": "workspace:^",
@@ -128,7 +128,7 @@
128
128
  "@atlassian/editor-rovo-bridge": "^8.4.0",
129
129
  "@atlassian/feature-flags-test-utils": "^1.0.0",
130
130
  "@atlassian/react-compiler-gating": "workspace:^",
131
- "@atlassian/search-client": "^1.3.0",
131
+ "@atlassian/search-client": "^1.5.0",
132
132
  "@atlassian/search-provider": "^11.0.0",
133
133
  "@emotion/jest": "^11.8.0",
134
134
  "@testing-library/react": "^16.3.0",
@@ -315,6 +315,9 @@
315
315
  },
316
316
  "platform-dst-lozenge-tag-badge-visual-uplifts": {
317
317
  "type": "boolean"
318
+ },
319
+ "platform_editor_chromeless_akeditor_class": {
320
+ "type": "boolean"
318
321
  }
319
322
  },
320
323
  "stricter": {