@atlaskit/editor-core 219.9.5 → 219.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.compiled.css +2 -0
  3. package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +31 -0
  4. package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-emotion.js +36 -0
  5. package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +8 -14
  6. package/dist/cjs/ui/Appearance/Chromeless-compiled.compiled.css +27 -0
  7. package/dist/cjs/ui/Appearance/Chromeless-compiled.js +40 -0
  8. package/dist/cjs/ui/Appearance/Chromeless-emotion.js +91 -0
  9. package/dist/cjs/ui/Appearance/Chromeless.js +21 -81
  10. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -1
  11. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +9 -1
  12. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +1 -1
  13. package/dist/cjs/ui/PluginSlot/PluginSlot-compiled.compiled.css +1 -0
  14. package/dist/cjs/ui/PluginSlot/PluginSlot-compiled.js +33 -0
  15. package/dist/cjs/ui/PluginSlot/PluginSlot-emotion.js +35 -0
  16. package/dist/cjs/ui/PluginSlot/index.js +10 -15
  17. package/dist/cjs/version-wrapper.js +1 -1
  18. package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.compiled.css +2 -0
  19. package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +19 -0
  20. package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-emotion.js +26 -0
  21. package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +6 -13
  22. package/dist/es2019/ui/Appearance/Chromeless-compiled.compiled.css +27 -0
  23. package/dist/es2019/ui/Appearance/Chromeless-compiled.js +32 -0
  24. package/dist/es2019/ui/Appearance/Chromeless-emotion.js +82 -0
  25. package/dist/es2019/ui/Appearance/Chromeless.js +17 -82
  26. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -1
  27. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +9 -1
  28. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +1 -1
  29. package/dist/es2019/ui/PluginSlot/PluginSlot-compiled.compiled.css +1 -0
  30. package/dist/es2019/ui/PluginSlot/PluginSlot-compiled.js +21 -0
  31. package/dist/es2019/ui/PluginSlot/PluginSlot-emotion.js +25 -0
  32. package/dist/es2019/ui/PluginSlot/index.js +8 -14
  33. package/dist/es2019/version-wrapper.js +1 -1
  34. package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.compiled.css +2 -0
  35. package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +22 -0
  36. package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-emotion.js +30 -0
  37. package/dist/esm/ui/Addon/ClickAreaBlock/index.js +8 -13
  38. package/dist/esm/ui/Appearance/Chromeless-compiled.compiled.css +27 -0
  39. package/dist/esm/ui/Appearance/Chromeless-compiled.js +33 -0
  40. package/dist/esm/ui/Appearance/Chromeless-emotion.js +85 -0
  41. package/dist/esm/ui/Appearance/Chromeless.js +19 -81
  42. package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -1
  43. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +9 -1
  44. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +1 -1
  45. package/dist/esm/ui/PluginSlot/PluginSlot-compiled.compiled.css +1 -0
  46. package/dist/esm/ui/PluginSlot/PluginSlot-compiled.js +24 -0
  47. package/dist/esm/ui/PluginSlot/PluginSlot-emotion.js +29 -0
  48. package/dist/esm/ui/PluginSlot/index.js +10 -14
  49. package/dist/esm/version-wrapper.js +1 -1
  50. package/dist/types/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.d.ts +10 -0
  51. package/dist/types/ui/Addon/ClickAreaBlock/clickAreaBlock-emotion.d.ts +12 -0
  52. package/dist/types/ui/Addon/ClickAreaBlock/index.d.ts +1 -6
  53. package/dist/types/ui/Appearance/Chromeless-compiled.d.ts +18 -0
  54. package/dist/types/ui/Appearance/Chromeless-emotion.d.ts +18 -0
  55. package/dist/types/ui/Appearance/Chromeless.d.ts +10 -14
  56. package/dist/types/ui/PluginSlot/PluginSlot-compiled.d.ts +12 -0
  57. package/dist/types/ui/PluginSlot/PluginSlot-emotion.d.ts +12 -0
  58. package/dist/types/ui/PluginSlot/index.d.ts +0 -4
  59. package/dist/types-ts4.5/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.d.ts +10 -0
  60. package/dist/types-ts4.5/ui/Addon/ClickAreaBlock/clickAreaBlock-emotion.d.ts +12 -0
  61. package/dist/types-ts4.5/ui/Addon/ClickAreaBlock/index.d.ts +1 -6
  62. package/dist/types-ts4.5/ui/Appearance/Chromeless-compiled.d.ts +18 -0
  63. package/dist/types-ts4.5/ui/Appearance/Chromeless-emotion.d.ts +18 -0
  64. package/dist/types-ts4.5/ui/Appearance/Chromeless.d.ts +10 -14
  65. package/dist/types-ts4.5/ui/PluginSlot/PluginSlot-compiled.d.ts +12 -0
  66. package/dist/types-ts4.5/ui/PluginSlot/PluginSlot-emotion.d.ts +12 -0
  67. package/dist/types-ts4.5/ui/PluginSlot/index.d.ts +0 -4
  68. package/editor-core.docs.tsx +55 -53
  69. package/package.json +12 -11
@@ -0,0 +1,33 @@
1
+ /* Chromeless-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ /**
3
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
5
+ *
6
+ * Cleanup: delete this file once the experiment has shipped.
7
+ */
8
+ import "./Chromeless-compiled.compiled.css";
9
+ import { ax, ix } from "@compiled/react/runtime";
10
+ import React from 'react';
11
+ import { fg } from '@atlaskit/platform-feature-flags';
12
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
13
+ var chromelessStyles = {
14
+ scrollbar: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
15
+ editor: "_vwz4gktf _4t3i1wug _1reo15vq _18m91wug _p12f1kw7 _vchhusvi _slp31hna _fpqb1r31 _l5dlglyw _tjxn1o36 _1yt4idpf _y826idpf _7fa7idpf _8wn3idpf _1nhbidpf _1q5yidpf _1gfdidpf _1itkidpf _7fkv1jtm _1awku2gc _15gyze3t"
16
+ };
17
+ export var ChromelessEditorContainerCompiled = function ChromelessEditorContainerCompiled(_ref) {
18
+ var children = _ref.children,
19
+ containerRef = _ref.containerRef,
20
+ maxHeight = _ref.maxHeight,
21
+ minHeight = _ref.minHeight;
22
+ return /*#__PURE__*/React.createElement("div", {
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
24
+ className: ax([chromelessStyles.editor, chromelessStyles.scrollbar, fg('platform_editor_chromeless_akeditor_class') || expValEquals('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined]),
25
+ style: {
26
+ maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
27
+ minHeight: "".concat(minHeight, "px")
28
+ },
29
+ ref: containerRef,
30
+ "data-testid": "chromeless-editor",
31
+ id: "chromeless-editor"
32
+ }, children);
33
+ };
@@ -0,0 +1,85 @@
1
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
+ var _excluded = ["children", "containerRef", "maxHeight", "minHeight"];
3
+ /**
4
+ * @jsxRuntime classic
5
+ * @jsx jsx
6
+ */
7
+ /**
8
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
9
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
10
+ *
11
+ * Cleanup: delete this file once the experiment has shipped.
12
+ */
13
+
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
15
+ import { css, jsx } from '@emotion/react';
16
+ import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
18
+ var scrollbarStylesNew = css({
19
+ msOverflowStyle: '-ms-autohiding-scrollbar',
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
21
+ '&::-webkit-scrollbar-corner': {
22
+ display: 'none'
23
+ },
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
25
+ '&::-webkit-scrollbar-thumb': {
26
+ backgroundColor: "var(--ds-background-neutral-subtle, #00000000)"
27
+ },
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
29
+ '&:hover::-webkit-scrollbar-thumb': {
30
+ backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
31
+ borderRadius: "var(--ds-radius-large, 8px)"
32
+ },
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
34
+ '&::-webkit-scrollbar-thumb:hover': {
35
+ backgroundColor: "var(--ds-background-neutral-bold-hovered, #3B3D42)"
36
+ }
37
+ });
38
+ var chromelessEditorStylesNew = css({
39
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
40
+ lineHeight: '20px',
41
+ height: 'auto',
42
+ overflowX: 'hidden',
43
+ overflowY: 'auto',
44
+ maxWidth: 'inherit',
45
+ boxSizing: 'border-box',
46
+ wordWrap: 'break-word',
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
48
+ 'div > .ProseMirror': {
49
+ outline: 'none',
50
+ whiteSpace: 'pre-wrap',
51
+ padding: 0,
52
+ margin: 0,
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
54
+ '& > :last-child': {
55
+ paddingBottom: "var(--ds-space-100, 8px)"
56
+ }
57
+ },
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
59
+ '.ProseMirror': {
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
61
+ '& > p:last-of-type': {
62
+ marginBottom: "var(--ds-space-0, 0px)"
63
+ }
64
+ }
65
+ });
66
+ export var ChromelessEditorContainerEmotion = function ChromelessEditorContainerEmotion(_ref) {
67
+ var children = _ref.children,
68
+ containerRef = _ref.containerRef,
69
+ maxHeight = _ref.maxHeight,
70
+ minHeight = _ref.minHeight,
71
+ rest = _objectWithoutProperties(_ref, _excluded);
72
+ return jsx("div", {
73
+ css: [chromelessEditorStylesNew, scrollbarStylesNew]
74
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
75
+ ,
76
+ className: fg('platform_editor_chromeless_akeditor_class') || expValEquals('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
77
+ style: {
78
+ maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
79
+ minHeight: "".concat(minHeight, "px")
80
+ },
81
+ ref: containerRef,
82
+ "data-testid": "chromeless-editor",
83
+ id: "chromeless-editor"
84
+ }, children);
85
+ };
@@ -6,68 +6,15 @@ import _inherits from "@babel/runtime/helpers/inherits";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
7
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
8
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
- /**
10
- * @jsxRuntime classic
11
- * @jsx jsx
12
- */
13
9
  import React, { Fragment } from 'react';
14
-
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
- import { css, jsx } from '@emotion/react';
17
10
  import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
18
- import { fg } from '@atlaskit/platform-feature-flags';
11
+ import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
19
12
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
20
13
  import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
21
14
  import PluginSlot from '../PluginSlot';
22
15
  import WithFlash from '../WithFlash';
23
- var scrollbarStylesNew = css({
24
- msOverflowStyle: '-ms-autohiding-scrollbar',
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
26
- '&::-webkit-scrollbar-corner': {
27
- display: 'none'
28
- },
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
30
- '&::-webkit-scrollbar-thumb': {
31
- backgroundColor: "var(--ds-background-neutral-subtle, #00000000)"
32
- },
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
34
- '&:hover::-webkit-scrollbar-thumb': {
35
- backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
36
- borderRadius: "var(--ds-radius-large, 8px)"
37
- },
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
39
- '&::-webkit-scrollbar-thumb:hover': {
40
- backgroundColor: "var(--ds-background-neutral-bold-hovered, #3B3D42)"
41
- }
42
- });
43
- var chromelessEditorStylesNew = css({
44
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
45
- lineHeight: '20px',
46
- height: 'auto',
47
- overflowX: 'hidden',
48
- overflowY: 'auto',
49
- maxWidth: 'inherit',
50
- boxSizing: 'border-box',
51
- wordWrap: 'break-word',
52
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
53
- 'div > .ProseMirror': {
54
- outline: 'none',
55
- whiteSpace: 'pre-wrap',
56
- padding: 0,
57
- margin: 0,
58
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
59
- '& > :last-child': {
60
- paddingBottom: "var(--ds-space-100, 8px)"
61
- }
62
- },
63
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
64
- '.ProseMirror': {
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
66
- '& > p:last-of-type': {
67
- marginBottom: "var(--ds-space-0, 0px)"
68
- }
69
- }
70
- });
16
+ import { ChromelessEditorContainerCompiled } from './Chromeless-compiled';
17
+ import { ChromelessEditorContainerEmotion } from './Chromeless-emotion';
71
18
  /**
72
19
  * Render the editor in a chromeless appearance.
73
20
  * Example use is the inline comment editor, which doesn't have editor toolbar
@@ -115,20 +62,20 @@ var Editor = /*#__PURE__*/function (_React$Component) {
115
62
  var containerRef = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.setContainerElement : function (ref) {
116
63
  return _this.containerElement = ref;
117
64
  };
118
- return jsx(WithFlash, {
65
+ return /*#__PURE__*/React.createElement(WithFlash, {
119
66
  animate: maxContentSizeReached
120
- }, jsx(ChromelessEditorContainer, {
67
+ }, /*#__PURE__*/React.createElement(ChromelessEditorContainer, {
121
68
  maxHeight: maxHeight,
122
69
  minHeight: minHeight,
123
70
  containerRef: containerRef
124
- }, jsx(EditorContentContainer
71
+ }, /*#__PURE__*/React.createElement(EditorContentContainer
125
72
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
126
73
  , {
127
74
  className: "ak-editor-content-area",
128
75
  featureFlags: featureFlags,
129
76
  viewMode: editorViewMode,
130
77
  appearance: _this.appearance
131
- }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, jsx(PluginSlot, {
78
+ }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, /*#__PURE__*/React.createElement(PluginSlot, {
132
79
  editorView: editorView,
133
80
  editorActions: editorActions,
134
81
  eventDispatcher: eventDispatcher,
@@ -151,7 +98,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
151
98
  return _createClass(Editor, [{
152
99
  key: "render",
153
100
  value: function render() {
154
- return jsx(RenderWithPluginState, {
101
+ return /*#__PURE__*/React.createElement(RenderWithPluginState, {
155
102
  editorAPI: this.props.editorAPI,
156
103
  renderChrome: this.renderChrome
157
104
  });
@@ -173,26 +120,17 @@ function RenderWithPluginState(_ref2) {
173
120
  var maxContentSize = maxContentSizeReached === undefined ? undefined : {
174
121
  maxContentSizeReached: maxContentSizeReached
175
122
  };
176
- return jsx(Fragment, null, renderChrome({
123
+ return /*#__PURE__*/React.createElement(Fragment, null, renderChrome({
177
124
  maxContentSize: maxContentSize
178
125
  }));
179
126
  }
180
- export function ChromelessEditorContainer(_ref3) {
181
- var maxHeight = _ref3.maxHeight,
182
- minHeight = _ref3.minHeight,
183
- children = _ref3.children,
184
- containerRef = _ref3.containerRef;
185
- return jsx("div", {
186
- css: [chromelessEditorStylesNew, scrollbarStylesNew]
187
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
188
- ,
189
- className: fg('platform_editor_chromeless_akeditor_class') || expValEquals('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
190
- style: {
191
- maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
192
- minHeight: "".concat(minHeight, "px")
193
- },
194
- "data-testid": "chromeless-editor",
195
- id: "chromeless-editor",
196
- ref: containerRef
197
- }, children);
198
- }
127
+
128
+ /**
129
+ * Container for the chromeless editor appearance. This is used to set the max and min height
130
+ * of the editor content area, and to provide a ref to the container element for the popups.
131
+ * @param param0 props for the chromeless editor container
132
+ * @returns JSX element representing the chromeless editor container
133
+ */
134
+ export var ChromelessEditorContainer = componentWithCondition(function () {
135
+ return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
136
+ }, ChromelessEditorContainerCompiled, ChromelessEditorContainerEmotion);
@@ -14,6 +14,7 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
14
14
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
15
15
  import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
17
18
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
18
19
  import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
19
20
  import { FullPageContentArea } from './FullPageContentArea';
@@ -160,7 +161,7 @@ export var FullPageEditor = function FullPageEditor(props) {
160
161
  FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(isToolbarAIFCEnabled)
161
162
  }
162
163
  }, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? jsx(FullPageToolbarNext, {
163
- disabled: !!props.disabled,
164
+ disabled: !!props.disabled || !hasHadInteraction && expValEquals('platform_editor_default_toolbar_state', 'isEnabled', true),
164
165
  toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,
165
166
  beforeIcon: props.primaryToolbarIconBefore,
166
167
  editorAPI: editorAPI,
@@ -132,7 +132,15 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
132
132
  showKeyline: showKeyline || ContextPanelWidth > 0
133
133
  }, beforeIcon && /*#__PURE__*/React.createElement("div", {
134
134
  className: ax([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
135
- }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && visibleToolbarComponents && isToolbar(toolbar) && editorView && !isSSR() && /*#__PURE__*/React.createElement(ToolbarNext, {
135
+ }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, expValEquals('platform_editor_default_toolbar_state', 'isEnabled', true) ? primaryToolbarDockingConfigEnabled && components && visibleToolbarComponents && isToolbar(toolbar) && /*#__PURE__*/React.createElement(ToolbarNext, {
136
+ toolbar: toolbar,
137
+ components: visibleToolbarComponents,
138
+ editorView: editorView,
139
+ editorAPI: editorAPI,
140
+ popupsMountPoint: mountPoint,
141
+ editorAppearance: "full-page",
142
+ isDisabled: disabled
143
+ }) : /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && visibleToolbarComponents && isToolbar(toolbar) && editorView && !isSSR() && /*#__PURE__*/React.createElement(ToolbarNext, {
136
144
  toolbar: toolbar,
137
145
  components: visibleToolbarComponents,
138
146
  editorView: editorView,
@@ -365,7 +365,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
365
365
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
366
366
  unsupportedStyles,
367
367
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
368
- resizerStyles, expValEquals('databases-native-embeds-v2', 'isEnabled', true) &&
368
+ resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) &&
369
369
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
370
370
  resizerBottomHandleStyles,
371
371
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -0,0 +1 @@
1
+ ._1e0c1txw{display:flex}
@@ -0,0 +1,24 @@
1
+ /* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
+ var _excluded = ["children"];
5
+ import "./PluginSlot-compiled.compiled.css";
6
+ import * as React from 'react';
7
+ import { ax, ix } from "@compiled/react/runtime";
8
+ /**
9
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
10
+ * Used via `componentWithCondition` in `index.tsx`.
11
+ *
12
+ * Cleanup: delete this file once the experiment has shipped.
13
+ */
14
+
15
+ var pluginsComponentsWrapperCompiledStyles = {
16
+ root: "_1e0c1txw"
17
+ };
18
+ export var PluginsComponentsWrapperCompiled = function PluginsComponentsWrapperCompiled(_ref) {
19
+ var children = _ref.children,
20
+ rest = _objectWithoutProperties(_ref, _excluded);
21
+ return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
22
+ className: ax([pluginsComponentsWrapperCompiledStyles.root])
23
+ }), children);
24
+ };
@@ -0,0 +1,29 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["children"];
4
+ /**
5
+ * @jsxRuntime classic
6
+ * @jsx jsx
7
+ */
8
+ /**
9
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
10
+ * Used via `componentWithCondition` in `index.tsx`.
11
+ *
12
+ * Cleanup: delete this file once the experiment has shipped.
13
+ */
14
+
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
16
+ import { css, jsx } from '@emotion/react';
17
+ var pluginsComponentsWrapperEmotionStyles = css({
18
+ display: 'flex'
19
+ });
20
+ export var PluginsComponentsWrapperEmotion = function PluginsComponentsWrapperEmotion(_ref) {
21
+ var children = _ref.children,
22
+ rest = _objectWithoutProperties(_ref, _excluded);
23
+ return (
24
+ // eslint-disable-next-line react/jsx-props-no-spreading
25
+ jsx("div", _extends({
26
+ css: pluginsComponentsWrapperEmotionStyles
27
+ }, rest), children)
28
+ );
29
+ };
@@ -1,18 +1,15 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import React from 'react';
6
-
7
- // 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
8
- import { css, jsx } from '@emotion/react';
9
2
  import isEqual from 'lodash/isEqual';
10
3
  import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
4
+ import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
5
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
6
  import { ErrorBoundary } from '../ErrorBoundary';
12
7
  import { MountPluginHooks } from './mount-plugin-hooks';
13
- var pluginsComponentsWrapper = css({
14
- display: 'flex'
15
- });
8
+ import { PluginsComponentsWrapperCompiled } from './PluginSlot-compiled';
9
+ import { PluginsComponentsWrapperEmotion } from './PluginSlot-emotion';
10
+ var PluginsComponentsWrapperMigration = componentWithCondition(function () {
11
+ return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
12
+ }, PluginsComponentsWrapperCompiled, PluginsComponentsWrapperEmotion);
16
13
  var PluginSlot = function PluginSlot(_ref) {
17
14
  var items = _ref.items,
18
15
  editorView = _ref.editorView,
@@ -31,15 +28,14 @@ var PluginSlot = function PluginSlot(_ref) {
31
28
  if (!items && !pluginHooks) {
32
29
  return null;
33
30
  }
34
- return jsx(ErrorBoundary, {
31
+ return /*#__PURE__*/React.createElement(ErrorBoundary, {
35
32
  component: ACTION_SUBJECT.PLUGIN_SLOT,
36
33
  fallbackComponent: null
37
- }, jsx(MountPluginHooks, {
34
+ }, /*#__PURE__*/React.createElement(MountPluginHooks, {
38
35
  editorView: editorView,
39
36
  pluginHooks: pluginHooks,
40
37
  containerElement: containerElement
41
- }), jsx("div", {
42
- css: pluginsComponentsWrapper,
38
+ }), /*#__PURE__*/React.createElement(PluginsComponentsWrapperMigration, {
43
39
  "data-testid": "plugins-components-wrapper"
44
40
  }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
45
41
  var props = {
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "0.0.0-development";
2
+ export var version = "219.9.6";
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `index.tsx`.
8
+ */
9
+ import type { HTMLAttributes } from 'react';
10
+ export declare const ClickAreaBlockContainerCompiled: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `index.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import type { HTMLAttributes } from 'react';
12
+ export declare const ClickAreaBlockContainerEmotion: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
@@ -1,14 +1,9 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import React from 'react';
6
- import { jsx } from '@emotion/react';
7
2
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
8
3
  export interface Props {
9
4
  children?: React.ReactNode;
10
5
  editorDisabled?: boolean;
11
6
  editorView?: EditorView;
12
7
  }
13
- export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => jsx.JSX.Element;
8
+ export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => React.JSX.Element;
14
9
  export default ClickAreaBlock;
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import React from 'react';
12
+ import type { HTMLAttributes } from 'react';
13
+ export interface ChromelessEditorContainerProps extends HTMLAttributes<HTMLDivElement> {
14
+ containerRef?: (ref: HTMLElement | null) => void;
15
+ maxHeight?: number;
16
+ minHeight: number;
17
+ }
18
+ export declare const ChromelessEditorContainerCompiled: ({ children, containerRef, maxHeight, minHeight }: ChromelessEditorContainerProps) => React.JSX.Element;
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import type { HTMLAttributes } from 'react';
12
+ import { jsx } from '@emotion/react';
13
+ export interface ChromelessEditorContainerProps extends HTMLAttributes<HTMLDivElement> {
14
+ containerRef?: (ref: HTMLElement | null) => void;
15
+ maxHeight?: number;
16
+ minHeight: number;
17
+ }
18
+ export declare const ChromelessEditorContainerEmotion: ({ children, containerRef, maxHeight, minHeight, ...rest }: ChromelessEditorContainerProps) => jsx.JSX.Element;
@@ -1,13 +1,9 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type FC } from 'react';
7
2
  import type { OptionalPlugin } from '@atlaskit/editor-common/types';
8
3
  import type { EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
9
4
  import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
10
5
  import type { EditorAppearanceComponentProps } from '../../types';
6
+ import { type ChromelessEditorContainerProps } from './Chromeless-emotion';
11
7
  type AppearanceProps = EditorAppearanceComponentProps<[
12
8
  OptionalPlugin<MaxContentSizePlugin>,
13
9
  OptionalPlugin<EditorViewModePlugin>
@@ -22,13 +18,13 @@ export default class Editor extends React.Component<AppearanceProps> {
22
18
  private containerElement;
23
19
  private setContainerElement;
24
20
  private renderChrome;
25
- render(): jsx.JSX.Element;
26
- }
27
- interface ChromelessEditorContainerProps {
28
- children: React.ReactNode;
29
- containerRef?: (ref: HTMLElement | null) => void;
30
- maxHeight?: number;
31
- minHeight: number;
21
+ render(): React.JSX.Element;
32
22
  }
33
- export declare function ChromelessEditorContainer({ maxHeight, minHeight, children, containerRef, }: ChromelessEditorContainerProps): jsx.JSX.Element;
23
+ /**
24
+ * Container for the chromeless editor appearance. This is used to set the max and min height
25
+ * of the editor content area, and to provide a ref to the container element for the popups.
26
+ * @param param0 props for the chromeless editor container
27
+ * @returns JSX element representing the chromeless editor container
28
+ */
29
+ export declare const ChromelessEditorContainer: FC<ChromelessEditorContainerProps & ChromelessEditorContainerProps>;
34
30
  export {};
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `index.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import type { HTMLAttributes } from 'react';
12
+ export declare const PluginsComponentsWrapperCompiled: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `index.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import type { HTMLAttributes } from 'react';
12
+ export declare const PluginsComponentsWrapperEmotion: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
@@ -1,7 +1,3 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import React from 'react';
6
2
  import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
7
3
  import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `index.tsx`.
8
+ */
9
+ import type { HTMLAttributes } from 'react';
10
+ export declare const ClickAreaBlockContainerCompiled: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `index.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import type { HTMLAttributes } from 'react';
12
+ export declare const ClickAreaBlockContainerEmotion: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
@@ -1,14 +1,9 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import React from 'react';
6
- import { jsx } from '@emotion/react';
7
2
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
8
3
  export interface Props {
9
4
  children?: React.ReactNode;
10
5
  editorDisabled?: boolean;
11
6
  editorView?: EditorView;
12
7
  }
13
- export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => jsx.JSX.Element;
8
+ export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => React.JSX.Element;
14
9
  export default ClickAreaBlock;
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ /**
6
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
7
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
8
+ *
9
+ * Cleanup: delete this file once the experiment has shipped.
10
+ */
11
+ import React from 'react';
12
+ import type { HTMLAttributes } from 'react';
13
+ export interface ChromelessEditorContainerProps extends HTMLAttributes<HTMLDivElement> {
14
+ containerRef?: (ref: HTMLElement | null) => void;
15
+ maxHeight?: number;
16
+ minHeight: number;
17
+ }
18
+ export declare const ChromelessEditorContainerCompiled: ({ children, containerRef, maxHeight, minHeight }: ChromelessEditorContainerProps) => React.JSX.Element;