@atlaskit/editor-core 226.4.3 → 226.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-products/tsconfig.json +0 -3
  4. package/dist/cjs/composable-editor/core-editor.js +2 -9
  5. package/dist/cjs/presets/universal.js +7 -5
  6. package/dist/cjs/ui/Appearance/Comment/Comment-compiled.compiled.css +0 -1
  7. package/dist/cjs/ui/Appearance/Comment/Comment-compiled.js +1 -3
  8. package/dist/cjs/ui/Appearance/Comment/Comment-emotion.js +1 -21
  9. package/dist/cjs/ui/Appearance/Comment/FixedToolbar-compiled.compiled.css +1 -2
  10. package/dist/cjs/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -4
  11. package/dist/cjs/ui/Appearance/Comment/FixedToolbar-emotion.js +1 -6
  12. package/dist/cjs/ui/Appearance/Comment/StickyToolbar-compiled.compiled.css +0 -1
  13. package/dist/cjs/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -4
  14. package/dist/cjs/ui/Appearance/Comment/StickyToolbar-emotion.js +1 -6
  15. package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +2 -1
  16. package/dist/cjs/version-wrapper.js +1 -1
  17. package/dist/es2019/composable-editor/core-editor.js +3 -10
  18. package/dist/es2019/presets/universal.js +10 -4
  19. package/dist/es2019/ui/Appearance/Comment/Comment-compiled.compiled.css +0 -1
  20. package/dist/es2019/ui/Appearance/Comment/Comment-compiled.js +1 -3
  21. package/dist/es2019/ui/Appearance/Comment/Comment-emotion.js +1 -21
  22. package/dist/es2019/ui/Appearance/Comment/FixedToolbar-compiled.compiled.css +1 -2
  23. package/dist/es2019/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -4
  24. package/dist/es2019/ui/Appearance/Comment/FixedToolbar-emotion.js +1 -6
  25. package/dist/es2019/ui/Appearance/Comment/StickyToolbar-compiled.compiled.css +0 -1
  26. package/dist/es2019/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -4
  27. package/dist/es2019/ui/Appearance/Comment/StickyToolbar-emotion.js +1 -6
  28. package/dist/es2019/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +2 -1
  29. package/dist/es2019/version-wrapper.js +1 -1
  30. package/dist/esm/composable-editor/core-editor.js +3 -10
  31. package/dist/esm/presets/universal.js +7 -5
  32. package/dist/esm/ui/Appearance/Comment/Comment-compiled.compiled.css +0 -1
  33. package/dist/esm/ui/Appearance/Comment/Comment-compiled.js +1 -3
  34. package/dist/esm/ui/Appearance/Comment/Comment-emotion.js +1 -21
  35. package/dist/esm/ui/Appearance/Comment/FixedToolbar-compiled.compiled.css +1 -2
  36. package/dist/esm/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -4
  37. package/dist/esm/ui/Appearance/Comment/FixedToolbar-emotion.js +1 -6
  38. package/dist/esm/ui/Appearance/Comment/StickyToolbar-compiled.compiled.css +0 -1
  39. package/dist/esm/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -4
  40. package/dist/esm/ui/Appearance/Comment/StickyToolbar-emotion.js +1 -6
  41. package/dist/esm/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +2 -1
  42. package/dist/esm/version-wrapper.js +1 -1
  43. package/dist/types/presets/universal.d.ts +4 -0
  44. package/dist/types/ui/EditorContentContainer/styles/vanillaTooltipStyles.d.ts +2 -1
  45. package/package.json +6 -7
  46. package/dist/cjs/composable-editor/editor-inp-metrics.js +0 -76
  47. package/dist/es2019/composable-editor/editor-inp-metrics.js +0 -67
  48. package/dist/esm/composable-editor/editor-inp-metrics.js +0 -69
  49. package/dist/types/composable-editor/editor-inp-metrics.d.ts +0 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,48 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 226.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 226.6.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`6d830aac99d6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d830aac99d6d) -
14
+ Add deprecation tag to blockControlsPlugin quickInsertButtonEnabled property - this has been
15
+ replaced with a new `blockControlButtonEnabled` plugin config in the quickInsertPlugin, which is
16
+ currently gated under `platform_editor_block_control_migration` and will be removed in future
17
+ update.
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies
22
+
23
+ ## 226.5.1
24
+
25
+ ### Patch Changes
26
+
27
+ - [`c1a25d416f137`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1a25d416f137) -
28
+ Clean up experiment `platform_editor_comment_editor_border_radius`.
29
+ - Updated dependencies
30
+
31
+ ## 226.5.0
32
+
33
+ ### Minor Changes
34
+
35
+ - [`a70e1af6e4130`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a70e1af6e4130) -
36
+ EDITOR-8867 Remove the `editor inp` implementation: the `EditorINPMetrics` component in
37
+ `@atlaskit/editor-core` and the `inp` entry point (`setupINPTracking`) with its vendored `onINP`
38
+ internals in `@atlaskit/editor-performance-metrics`. Interaction latency is reported by the
39
+ `editor interactivity` event from `@atlaskit/editor-plugin-interactivity`, which should be used
40
+ instead.
41
+
42
+ ### Patch Changes
43
+
44
+ - Updated dependencies
45
+
3
46
  ## 226.4.3
4
47
 
5
48
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -44,9 +44,6 @@
44
44
  {
45
45
  "path": "../../editor-json-transformer/afm-cc/tsconfig.json"
46
46
  },
47
- {
48
- "path": "../../editor-performance-metrics/afm-cc/tsconfig.json"
49
- },
50
47
  {
51
48
  "path": "../../editor-plugin-block-menu/afm-cc/tsconfig.json"
52
49
  },
package/afm-products/tsconfig.json CHANGED
@@ -44,9 +44,6 @@
44
44
  {
45
45
  "path": "../../editor-json-transformer/afm-products/tsconfig.json"
46
46
  },
47
- {
48
- "path": "../../editor-performance-metrics/afm-products/tsconfig.json"
49
- },
50
47
  {
51
48
  "path": "../../editor-plugin-block-menu/afm-products/tsconfig.json"
52
49
  },
package/dist/cjs/composable-editor/core-editor.js CHANGED
@@ -22,7 +22,6 @@ var _EditorContext = require("../ui/EditorContext");
22
22
  var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
23
23
  var _measureEnum = _interopRequireDefault(require("../utils/performance/measure-enum"));
24
24
  var _versionWrapper = require("../version-wrapper");
25
- var _editorInpMetrics = require("./editor-inp-metrics");
26
25
  var _editorInternal = require("./editor-internal");
27
26
  var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
28
27
  var _useMemoEditorProps = _interopRequireDefault(require("./hooks/useMemoEditorProps"));
@@ -51,7 +50,6 @@ function Editor(passedProps) {
51
50
  var editorActions = editorContext.editorActions || editorActionsPlaceholderInstance;
52
51
  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
53
52
  createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
54
- var editorViewRef = (0, _react.useRef)(null);
55
53
  var getFeatureFlagsFromRef = (0, _react.useCallback)(function () {
56
54
  var _propsRef$current$col, _propsRef$current$col2;
57
55
  return _objectSpread(_objectSpread({}, (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(propsRef.current.featureFlags)), {}, {
@@ -63,7 +61,6 @@ function Editor(passedProps) {
63
61
  contextIdentifierProvider = _propsRef$current.contextIdentifierProvider,
64
62
  onEditorReady = _propsRef$current.onEditorReady,
65
63
  featureFlags = _propsRef$current.featureFlags;
66
- editorViewRef.current = instance.view;
67
64
  editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
68
65
  if (onEditorReady) {
69
66
  (0, _performanceMeasures.startMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
@@ -76,7 +73,6 @@ function Editor(passedProps) {
76
73
  }, [editorActions, createAnalyticsEvent, getFeatureFlagsFromRef, propsRef]);
77
74
  var onEditorDestroyed = (0, _react.useCallback)(function (_instance) {
78
75
  var onDestroy = propsRef.current.onDestroy;
79
- editorViewRef.current = null;
80
76
  editorActions._privateUnregisterEditor();
81
77
  if (onDestroy) {
82
78
  onDestroy();
@@ -90,10 +86,7 @@ function Editor(passedProps) {
90
86
  onSaveFromProps(view);
91
87
  }
92
88
  }, [onSaveFromProps]);
93
- var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
94
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isFullPageAppearance ? /*#__PURE__*/_react.default.createElement(_editorInpMetrics.EditorINPMetrics, {
95
- editorViewRef: editorViewRef
96
- }) : null, /*#__PURE__*/_react.default.createElement(_editorInternal.EditorInternal, {
89
+ return /*#__PURE__*/_react.default.createElement(_editorInternal.EditorInternal, {
97
90
  props: props,
98
91
  createAnalyticsEvent: createAnalyticsEvent,
99
92
  preset: props.preset,
@@ -103,7 +96,7 @@ function Editor(passedProps) {
103
96
  onEditorDestroyed: onEditorDestroyed,
104
97
  providerFactory: providerFactory,
105
98
  AppearanceComponent: props.AppearanceComponent
106
- }));
99
+ });
107
100
  }
108
101
  var useMemoEditorFeatureFlags = function useMemoEditorFeatureFlags(featureFlags) {
109
102
  var ffRef = (0, _react.useRef)(featureFlags);
package/dist/cjs/presets/universal.js CHANGED
@@ -83,7 +83,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
83
83
  * @returns a full featured preset configured according to the provided props - basis for create-plugins-list
84
84
  */
85
85
  function createUniversalPresetInternal(_ref) {
86
- var _initialPluginConfigu, _initialPluginConfigu2, _initialPluginConfigu3, _initialPluginConfigu4, _initialPluginConfigu5, _initialPluginConfigu6, _featureFlags$lpLinkP, _initialPluginConfigu7, _initialPluginConfigu8, _initialPluginConfigu9, _initialPluginConfigu0, _initialPluginConfigu1, _initialPluginConfigu10, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$media6, _props$media7, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
86
+ var _initialPluginConfigu, _initialPluginConfigu2, _initialPluginConfigu3, _initialPluginConfigu4, _initialPluginConfigu5, _initialPluginConfigu6, _featureFlags$lpLinkP, _initialPluginConfigu7, _initialPluginConfigu8, _initialPluginConfigu9, _initialPluginConfigu0, _initialPluginConfigu1, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$media6, _props$media7, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
87
87
  var appearance = _ref.appearance,
88
88
  props = _ref.props,
89
89
  featureFlags = _ref.featureFlags,
@@ -110,6 +110,7 @@ function createUniversalPresetInternal(_ref) {
110
110
  lpLinkPicker: (_featureFlags$lpLinkP = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP !== void 0 ? _featureFlags$lpLinkP : false
111
111
  }, props.hyperlinkOptions),
112
112
  __livePage: props.__livePage,
113
+ quickInsert: _objectSpread(_objectSpread({}, props.quickInsert), initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.quickInsertPlugin),
113
114
  toolbar: initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.toolbarPlugin
114
115
  }));
115
116
  var statusMenuDisabled = !props.allowStatus ? true : (0, _typeof2.default)(props.allowStatus) === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
@@ -119,10 +120,11 @@ function createUniversalPresetInternal(_ref) {
119
120
  }
120
121
  return false;
121
122
  };
122
- var finalPreset = defaultPreset.add(_ufo.ufoPlugin).add(_dataConsumer.dataConsumerPlugin).add(_accessibilityUtils.accessibilityUtilsPlugin).add(_contentInsertion.contentInsertionPlugin).add(_batchAttributeUpdates.batchAttributeUpdatesPlugin).maybeAdd([_blockControls.blockControlsPlugin, {
123
- quickInsertButtonEnabled: (_initialPluginConfigu7 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu8 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu8 === void 0 ? void 0 : _initialPluginConfigu8.quickInsertButtonEnabled) !== null && _initialPluginConfigu7 !== void 0 ? _initialPluginConfigu7 : true,
124
- rightSideControlsEnabled: (_initialPluginConfigu9 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu0 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu0 === void 0 ? void 0 : _initialPluginConfigu0.rightSideControlsEnabled) !== null && _initialPluginConfigu9 !== void 0 ? _initialPluginConfigu9 : false
125
- }], Boolean((_initialPluginConfigu1 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu10 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu10 === void 0 ? void 0 : _initialPluginConfigu10.enabled) !== null && _initialPluginConfigu1 !== void 0 ? _initialPluginConfigu1 : false)).maybeAdd([_breakout.breakoutPlugin, {
123
+ var finalPreset = defaultPreset.add(_ufo.ufoPlugin).add(_dataConsumer.dataConsumerPlugin).add(_accessibilityUtils.accessibilityUtilsPlugin).add(_contentInsertion.contentInsertionPlugin).add(_batchAttributeUpdates.batchAttributeUpdatesPlugin).maybeAdd([_blockControls.blockControlsPlugin, _objectSpread(_objectSpread({}, (initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu7 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu7 === void 0 ? void 0 : _initialPluginConfigu7.quickInsertButtonEnabled) !== undefined ? {
124
+ quickInsertButtonEnabled: initialPluginConfiguration.blockControlsPlugin.quickInsertButtonEnabled
125
+ } : {}), {}, {
126
+ rightSideControlsEnabled: (_initialPluginConfigu8 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu9 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu9 === void 0 ? void 0 : _initialPluginConfigu9.rightSideControlsEnabled) !== null && _initialPluginConfigu8 !== void 0 ? _initialPluginConfigu8 : false
127
+ })], Boolean((_initialPluginConfigu0 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu1 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu1 === void 0 ? void 0 : _initialPluginConfigu1.enabled) !== null && _initialPluginConfigu0 !== void 0 ? _initialPluginConfigu0 : false)).maybeAdd([_breakout.breakoutPlugin, {
126
128
  allowBreakoutButton: appearance === 'full-page',
127
129
  appearance: appearance
128
130
  }], Boolean(props.allowBreakout && (isFullPage || appearance === 'max' && ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('confluence_max_width_content_appearance', 'isEnabled', true))))).maybeAdd(_alignment.alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([_textColor.textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(_list.listPlugin).maybeAdd(_rule.rulePlugin, Boolean(props.allowRule)).maybeAdd([_expand.expandPlugin, {
package/dist/cjs/ui/Appearance/Comment/Comment-compiled.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
3
  ._2rkopb1k{border-radius:var(--ds-radius-xlarge,9pt)}._13dfutpp .less-margin>.ProseMirror{margin-top:var(--ds-space-150,9pt)}
5
4
  ._16jlkb7n{flex-grow:1}
6
5
  ._18m91wug{overflow-y:auto}
package/dist/cjs/ui/Appearance/Comment/Comment-compiled.js CHANGED
@@ -21,7 +21,6 @@ var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages
21
21
  var _ui = require("@atlaskit/editor-common/ui");
22
22
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
23
23
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
24
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
25
24
  var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
26
25
  var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
27
26
  var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
@@ -42,7 +41,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
42
41
  */ // Ignored via go/ees005
43
42
  // eslint-disable-next-line import/no-named-as-default
44
43
  var commentEditorCompiledStyles = {
45
- commentEditorOld: "_19itno8c _2rkofajl _1e0c1txw _2lx21bp4 _1ul9clpc _4t3i1wug _bfhk1j9a _vchhusvi _p12f1kw7 _slp31hna _13dfutpp _gzr8u2gc _ghozu2gc _oafwu2gc",
46
44
  commentEditor: "_19itno8c _2rko1qi0 _1e0c1txw _2lx21bp4 _1ul9clpc _4t3i1wug _bfhk1j9a _vchhusvi _p12f1kw7 _slp31hna _13dfutpp _gzr8u2gc _ghozu2gc _oafwu2gc",
47
45
  modernisedEditor: "_2rkopb1k",
48
46
  secondaryToolbar: "_vchhusvi _1bahesu3 _4cvr1h6o _1e0c1txw _ca0qutpp _u5f3v77o _n3tdutpp _19bvv77o",
@@ -164,7 +162,7 @@ var CommentEditorWithIntlCompiled = exports.CommentEditorWithIntlCompiled = func
164
162
  style: wrapperStyle
165
163
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
166
164
  ,
167
- className: (0, _runtime.ax)([(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorCompiledStyles.commentEditor : commentEditorCompiledStyles.commentEditorOld, isEditorModernisationEnabled && commentEditorCompiledStyles.modernisedEditor, "akEditor"]),
165
+ className: (0, _runtime.ax)([commentEditorCompiledStyles.commentEditor, isEditorModernisationEnabled && commentEditorCompiledStyles.modernisedEditor, "akEditor"]),
168
166
  ref: wrapperElementRef
169
167
  }, /*#__PURE__*/_react.default.createElement(_Toolbar.MainToolbar, {
170
168
  isEditorModernisationEnabled: isEditorModernisationEnabled,
package/dist/cjs/ui/Appearance/Comment/Comment-emotion.js CHANGED
@@ -20,7 +20,6 @@ var _ui = require("@atlaskit/editor-common/ui");
20
20
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
21
21
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
22
22
  var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
23
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
24
23
  var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
25
24
  var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
26
25
  var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
@@ -49,25 +48,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
49
48
  // eslint-disable-next-line import/no-named-as-default
50
49
 
51
50
  var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
52
-
53
- // Remove when platform_editor_comment_editor_border_radius is cleaned up
54
- var commentEditorStylesOld = (0, _react2.css)({
55
- display: 'flex',
56
- flexDirection: 'column',
57
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
58
- '.less-margin > .ProseMirror': {
59
- margin: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
60
- },
61
- minWidth: '272px',
62
- height: 'auto',
63
- backgroundColor: "var(--ds-background-input, #FFFFFF)",
64
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)"),
65
- boxSizing: 'border-box',
66
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
67
- borderRadius: "var(--ds-radius-small, 3px)",
68
- maxWidth: 'inherit',
69
- wordWrap: 'break-word'
70
- });
71
51
  var commentEditorStyles = (0, _react2.css)({
72
52
  display: 'flex',
73
53
  flexDirection: 'column',
@@ -239,7 +219,7 @@ var CommentEditorWithIntlEmotion = exports.CommentEditorWithIntlEmotion = functi
239
219
  return (0, _react2.jsx)(_WithFlash.default, {
240
220
  animate: maxContentSizeReached
241
221
  }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
242
- css: [(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld, isEditorModernisationEnabled && modernisedEditorStyles,
222
+ css: [commentEditorStyles, isEditorModernisationEnabled && modernisedEditorStyles,
243
223
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
244
224
  (0, _react2.css)({
245
225
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
package/dist/cjs/ui/Appearance/Comment/FixedToolbar-compiled.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._2rko12c2{border-radius:var(--ds-radius-medium,6px) var(--ds-radius-medium,6px) 0 0}
2
- ._2rko15b0{border-radius:var(--ds-radius-xlarge,9pt) var(--ds-radius-xlarge,9pt) 0 0}
3
- ._2rko1cku{border-radius:var(--ds-radius-small,3px) var(--ds-radius-small,3px) 0 0}._10ytglyw.show-keyline{box-shadow:none}
2
+ ._2rko15b0{border-radius:var(--ds-radius-xlarge,9pt) var(--ds-radius-xlarge,9pt) 0 0}._10ytglyw.show-keyline{box-shadow:none}
4
3
  ._16qsglyw{box-shadow:none}
5
4
  ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
6
5
  ._19bvv47k{padding-left:var(--ds-space-250,20px)}
package/dist/cjs/ui/Appearance/Comment/FixedToolbar-compiled.js CHANGED
@@ -15,21 +15,18 @@ exports.FixedToolbarCompiled = void 0;
15
15
  require("./FixedToolbar-compiled.compiled.css");
16
16
  var _runtime = require("@compiled/react/runtime");
17
17
  var _react = _interopRequireDefault(require("react"));
18
- var _fg = require("@atlaskit/platform-feature-flags/fg");
19
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
20
18
  var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
21
19
  var fixedToolbarCompiledStyles = {
22
20
  mainToolbarWrapper: "_kqswh2mm _4cvr1h6o _ca0qu2gc _u5f3u2gc _n3tdidpf _19bvv47k _1e0c1txw _4t3i1wug _bfhkvuon _16qsglyw _1khpidpf _lg5oidpf _1cuzidpf",
23
21
  mainToolbarWithoutLeftPadding: "_ca0qu2gc _u5f3u2gc _n3tdidpf _19bvu2gc",
24
22
  mainToolbarTwoLine: "_1uq61sxn _cnpmh9n0 _1djy1txw _17mgesu3 _1q27esu3 _16ec1txw",
25
23
  mainToolbarWrapperVisualRefresh: "_3pwj1osq",
26
- mainToolbarWithRadius: "_2rko1cku",
27
24
  mainToolbarRadius: "_2rko12c2",
28
25
  editorModernisationToolbar: "_2rko15b0 _10ytglyw"
29
26
  };
30
27
  var FixedToolbarCompiled = exports.FixedToolbarCompiled = function FixedToolbarCompiled(props) {
31
28
  return /*#__PURE__*/_react.default.createElement("div", {
32
29
  "data-testid": "ak-editor-main-toolbar",
33
- className: (0, _runtime.ax)([fixedToolbarCompiledStyles.mainToolbarWrapper, props.twoLineEditorToolbar && fixedToolbarCompiledStyles.mainToolbarTwoLine, fixedToolbarCompiledStyles.mainToolbarWrapperVisualRefresh, props.isNewToolbarEnabled && fixedToolbarCompiledStyles.mainToolbarWithoutLeftPadding, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _fg.fg)('platform_editor_comments_border_radius') && fixedToolbarCompiledStyles.mainToolbarWithRadius, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fixedToolbarCompiledStyles.mainToolbarRadius, props.isEditorModernisationEnabled && fixedToolbarCompiledStyles.editorModernisationToolbar])
30
+ className: (0, _runtime.ax)([fixedToolbarCompiledStyles.mainToolbarWrapper, props.twoLineEditorToolbar && fixedToolbarCompiledStyles.mainToolbarTwoLine, fixedToolbarCompiledStyles.mainToolbarWrapperVisualRefresh, props.isNewToolbarEnabled && fixedToolbarCompiledStyles.mainToolbarWithoutLeftPadding, fixedToolbarCompiledStyles.mainToolbarRadius, props.isEditorModernisationEnabled && fixedToolbarCompiledStyles.editorModernisationToolbar])
34
31
  }, props.children);
35
32
  };
package/dist/cjs/ui/Appearance/Comment/FixedToolbar-emotion.js CHANGED
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.FixedToolbarEmotion = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
- var _fg = require("@atlaskit/platform-feature-flags/fg");
11
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
12
10
  /**
13
11
  * @jsxRuntime classic
14
12
  * @jsx jsx
@@ -70,9 +68,6 @@ var mainToolbarWrapperStylesVisualRefresh = (0, _react.css)({
70
68
  maxWidth: '100%'
71
69
  }
72
70
  });
73
- var mainToolbarWithRadiusStyle = (0, _react.css)({
74
- borderRadius: "var(--ds-radius-small, 3px)".concat(" ", "var(--ds-radius-small, 3px)", " 0 0")
75
- });
76
71
  var mainToolbarRadius = (0, _react.css)({
77
72
  borderRadius: "var(--ds-radius-medium, 6px)".concat(" ", "var(--ds-radius-medium, 6px)", " 0 0")
78
73
  });
@@ -87,7 +82,7 @@ var FixedToolbarEmotion = exports.FixedToolbarEmotion = function FixedToolbarEmo
87
82
  return (
88
83
  // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
89
84
  (0, _react.jsx)("div", {
90
- css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _fg.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, props.isEditorModernisationEnabled && editorModernisationToolbarStyle],
85
+ css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, mainToolbarRadius, props.isEditorModernisationEnabled && editorModernisationToolbarStyle],
91
86
  "data-testid": "ak-editor-main-toolbar"
92
87
  }, props.children)
93
88
  );
package/dist/cjs/ui/Appearance/Comment/StickyToolbar-compiled.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._2rko12c2{border-radius:var(--ds-radius-medium,6px) var(--ds-radius-medium,6px) 0 0}
2
2
  ._2rko15b0{border-radius:var(--ds-radius-xlarge,9pt) var(--ds-radius-xlarge,9pt) 0 0}
3
- ._2rko1cku{border-radius:var(--ds-radius-small,3px) var(--ds-radius-small,3px) 0 0}
4
3
  ._v56416gf{transition:box-shadow .2s ease-in-out}._10ytglyw.show-keyline{box-shadow:none}
5
4
  ._10ytl2q5.show-keyline{box-shadow:0 2px 0 0 var(--ds-background-accent-gray-subtlest,#f0f1f2)}
6
5
  ._16qsglyw{box-shadow:none}
package/dist/cjs/ui/Appearance/Comment/StickyToolbar-compiled.js CHANGED
@@ -11,8 +11,6 @@ require("./StickyToolbar-compiled.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
13
  var _react = _interopRequireWildcard(require("react"));
14
- var _fg = require("@atlaskit/platform-feature-flags/fg");
15
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
16
14
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
15
  /**
18
16
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
@@ -28,7 +26,6 @@ var stickyToolbarCompiledStyles = {
28
26
  mainToolbarWithPadding: "_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
29
27
  mainToolbarTwoLine: "_1uq61sxn _cnpmh9n0 _1djy1txw _17mgesu3 _1q27esu3 _16ec1txw",
30
28
  mainToolbarWrapperVisualRefresh: "_3pwj1osq",
31
- mainToolbarWithRadius: "_2rko1cku",
32
29
  mainToolbarRadius: "_2rko12c2",
33
30
  editorModernisationToolbar: "_2rko15b0 _10ytglyw",
34
31
  stickyToolbarWrapper: "_v56416gf _kqsw1if8 _n3tdu2gc _1pbybfng _10ytl2q5"
@@ -61,6 +58,6 @@ var StickyToolbarCompiled = exports.StickyToolbarCompiled = function StickyToolb
61
58
  "data-testid": "ak-editor-main-toolbar"
62
59
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
63
60
  ,
64
- className: (0, _runtime.ax)([stickyToolbarCompiledStyles.mainToolbarWrapper, props.twoLineEditorToolbar && stickyToolbarCompiledStyles.mainToolbarTwoLine, stickyToolbarCompiledStyles.mainToolbarWrapperVisualRefresh, stickyToolbarCompiledStyles.stickyToolbarWrapper, props.isNewToolbarEnabled && stickyToolbarCompiledStyles.mainToolbarWithPadding, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && stickyToolbarCompiledStyles.mainToolbarRadius, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _fg.fg)('platform_editor_comments_border_radius') && stickyToolbarCompiledStyles.mainToolbarWithRadius, props.isEditorModernisationEnabled && stickyToolbarCompiledStyles.editorModernisationToolbar, 'show-keyline'])
61
+ className: (0, _runtime.ax)([stickyToolbarCompiledStyles.mainToolbarWrapper, props.twoLineEditorToolbar && stickyToolbarCompiledStyles.mainToolbarTwoLine, stickyToolbarCompiledStyles.mainToolbarWrapperVisualRefresh, stickyToolbarCompiledStyles.stickyToolbarWrapper, props.isNewToolbarEnabled && stickyToolbarCompiledStyles.mainToolbarWithPadding, stickyToolbarCompiledStyles.mainToolbarRadius, props.isEditorModernisationEnabled && stickyToolbarCompiledStyles.editorModernisationToolbar, 'show-keyline'])
65
62
  }, props.children);
66
63
  };
package/dist/cjs/ui/Appearance/Comment/StickyToolbar-emotion.js CHANGED
@@ -9,8 +9,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
10
  var _react = require("react");
11
11
  var _react2 = require("@emotion/react");
12
- var _fg = require("@atlaskit/platform-feature-flags/fg");
13
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
14
12
  /**
15
13
  * @jsxRuntime classic
16
14
  * @jsx jsx
@@ -72,9 +70,6 @@ var mainToolbarWrapperStylesVisualRefresh = (0, _react2.css)({
72
70
  maxWidth: '100%'
73
71
  }
74
72
  });
75
- var mainToolbarWithRadiusStyle = (0, _react2.css)({
76
- borderRadius: "var(--ds-radius-small, 3px)".concat(" ", "var(--ds-radius-small, 3px)", " 0 0")
77
- });
78
73
  var mainToolbarRadius = (0, _react2.css)({
79
74
  borderRadius: "var(--ds-radius-medium, 6px)".concat(" ", "var(--ds-radius-medium, 6px)", " 0 0")
80
75
  });
@@ -118,7 +113,7 @@ var StickyToolbarEmotion = exports.StickyToolbarEmotion = function StickyToolbar
118
113
  return (
119
114
  // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
120
115
  (0, _react2.jsx)("div", {
121
- css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _fg.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, props.isEditorModernisationEnabled && editorModernisationToolbarStyle]
116
+ css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, mainToolbarRadius, props.isEditorModernisationEnabled && editorModernisationToolbarStyle]
122
117
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- top is computed dynamically from externalToolbarRef height / offsetTop and cannot be a static css value
123
118
  ,
124
119
  style: wrapperStyle,
package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js CHANGED
@@ -11,7 +11,8 @@ var _react = require("@emotion/react");
11
11
 
12
12
  /**
13
13
  * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
14
- * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
14
+ * Opt in with `VANILLA_TOOLTIP_DEFAULT_CLASS`. Spelt out here because the selector has to stay
15
+ * statically analysable, so rename in step with that constant.
15
16
  *
16
17
  * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
17
18
  * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
package/dist/cjs/version-wrapper.js CHANGED
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
8
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
9
- var version = exports.version = "226.4.2";
9
+ var version = exports.version = "226.6.0";
package/dist/es2019/composable-editor/core-editor.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import React, { useCallback, useMemo, useRef, Fragment } from 'react';
2
+ import React, { useCallback, useMemo, useRef } from 'react';
3
3
  import isEqual from 'lodash/isEqual';
4
4
  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
5
5
  import { v4 as uuid } from 'uuid';
@@ -13,7 +13,6 @@ import { useEditorContext } from '../ui/EditorContext';
13
13
  import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
14
14
  import measurements from '../utils/performance/measure-enum';
15
15
  import { name, version } from '../version-wrapper';
16
- import { EditorINPMetrics } from './editor-inp-metrics';
17
16
  import { EditorInternal } from './editor-internal';
18
17
  import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
19
18
  // Ignored via go/ees005
@@ -39,7 +38,6 @@ function Editor(passedProps) {
39
38
  const {
40
39
  createAnalyticsEvent
41
40
  } = useAnalyticsEvents();
42
- const editorViewRef = useRef(null);
43
41
  const getFeatureFlagsFromRef = useCallback(() => {
44
42
  var _propsRef$current$col, _propsRef$current$col2;
45
43
  return {
@@ -53,7 +51,6 @@ function Editor(passedProps) {
53
51
  onEditorReady,
54
52
  featureFlags
55
53
  } = propsRef.current;
56
- editorViewRef.current = instance.view;
57
54
  editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
58
55
  if (onEditorReady) {
59
56
  startMeasure(measurements.ON_EDITOR_READY_CALLBACK);
@@ -68,7 +65,6 @@ function Editor(passedProps) {
68
65
  const {
69
66
  onDestroy
70
67
  } = propsRef.current;
71
- editorViewRef.current = null;
72
68
  editorActions._privateUnregisterEditor();
73
69
  if (onDestroy) {
74
70
  onDestroy();
@@ -84,10 +80,7 @@ function Editor(passedProps) {
84
80
  onSaveFromProps(view);
85
81
  }
86
82
  }, [onSaveFromProps]);
87
- const isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
88
- return /*#__PURE__*/React.createElement(Fragment, null, isFullPageAppearance ? /*#__PURE__*/React.createElement(EditorINPMetrics, {
89
- editorViewRef: editorViewRef
90
- }) : null, /*#__PURE__*/React.createElement(EditorInternal, {
83
+ return /*#__PURE__*/React.createElement(EditorInternal, {
91
84
  props: props,
92
85
  createAnalyticsEvent: createAnalyticsEvent,
93
86
  preset: props.preset,
@@ -97,7 +90,7 @@ function Editor(passedProps) {
97
90
  onEditorDestroyed: onEditorDestroyed,
98
91
  providerFactory: providerFactory,
99
92
  AppearanceComponent: props.AppearanceComponent
100
- }));
93
+ });
101
94
  }
102
95
  const useMemoEditorFeatureFlags = featureFlags => {
103
96
  const ffRef = useRef(featureFlags);
package/dist/es2019/presets/universal.js CHANGED
@@ -79,7 +79,7 @@ export default function createUniversalPresetInternal({
79
79
  prevAppearance,
80
80
  createAnalyticsEvent
81
81
  }) {
82
- var _initialPluginConfigu, _initialPluginConfigu2, _initialPluginConfigu3, _initialPluginConfigu4, _initialPluginConfigu5, _initialPluginConfigu6, _featureFlags$lpLinkP, _initialPluginConfigu7, _initialPluginConfigu8, _initialPluginConfigu9, _initialPluginConfigu0, _initialPluginConfigu1, _initialPluginConfigu10, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$media6, _props$media7, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
82
+ var _initialPluginConfigu, _initialPluginConfigu2, _initialPluginConfigu3, _initialPluginConfigu4, _initialPluginConfigu5, _initialPluginConfigu6, _featureFlags$lpLinkP, _initialPluginConfigu7, _initialPluginConfigu8, _initialPluginConfigu9, _initialPluginConfigu0, _initialPluginConfigu1, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$media6, _props$media7, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
83
83
  const isComment = appearance === 'comment';
84
84
  const isChromeless = appearance === 'chromeless';
85
85
  const isFullPage = fullPageCheck(appearance);
@@ -103,6 +103,10 @@ export default function createUniversalPresetInternal({
103
103
  ...props.hyperlinkOptions
104
104
  },
105
105
  __livePage: props.__livePage,
106
+ quickInsert: {
107
+ ...props.quickInsert,
108
+ ...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.quickInsertPlugin)
109
+ },
106
110
  toolbar: initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.toolbarPlugin
107
111
  });
108
112
  const statusMenuDisabled = !props.allowStatus ? true : typeof props.allowStatus === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
@@ -113,9 +117,11 @@ export default function createUniversalPresetInternal({
113
117
  return false;
114
118
  };
115
119
  const finalPreset = defaultPreset.add(ufoPlugin).add(dataConsumerPlugin).add(accessibilityUtilsPlugin).add(contentInsertionPlugin).add(batchAttributeUpdatesPlugin).maybeAdd([blockControlsPlugin, {
116
- quickInsertButtonEnabled: (_initialPluginConfigu7 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu8 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu8 === void 0 ? void 0 : _initialPluginConfigu8.quickInsertButtonEnabled) !== null && _initialPluginConfigu7 !== void 0 ? _initialPluginConfigu7 : true,
117
- rightSideControlsEnabled: (_initialPluginConfigu9 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu0 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu0 === void 0 ? void 0 : _initialPluginConfigu0.rightSideControlsEnabled) !== null && _initialPluginConfigu9 !== void 0 ? _initialPluginConfigu9 : false
118
- }], Boolean((_initialPluginConfigu1 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu10 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu10 === void 0 ? void 0 : _initialPluginConfigu10.enabled) !== null && _initialPluginConfigu1 !== void 0 ? _initialPluginConfigu1 : false)).maybeAdd([breakoutPlugin, {
120
+ ...((initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu7 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu7 === void 0 ? void 0 : _initialPluginConfigu7.quickInsertButtonEnabled) !== undefined ? {
121
+ quickInsertButtonEnabled: initialPluginConfiguration.blockControlsPlugin.quickInsertButtonEnabled
122
+ } : {}),
123
+ rightSideControlsEnabled: (_initialPluginConfigu8 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu9 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu9 === void 0 ? void 0 : _initialPluginConfigu9.rightSideControlsEnabled) !== null && _initialPluginConfigu8 !== void 0 ? _initialPluginConfigu8 : false
124
+ }], Boolean((_initialPluginConfigu0 = initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu1 = initialPluginConfiguration.blockControlsPlugin) === null || _initialPluginConfigu1 === void 0 ? void 0 : _initialPluginConfigu1.enabled) !== null && _initialPluginConfigu0 !== void 0 ? _initialPluginConfigu0 : false)).maybeAdd([breakoutPlugin, {
119
125
  allowBreakoutButton: appearance === 'full-page',
120
126
  appearance: appearance
121
127
  }], Boolean(props.allowBreakout && (isFullPage || appearance === 'max' && (expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEqualsNoExposure('confluence_max_width_content_appearance', 'isEnabled', true))))).maybeAdd(alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(listPlugin).maybeAdd(rulePlugin, Boolean(props.allowRule)).maybeAdd([expandPlugin, {
package/dist/es2019/ui/Appearance/Comment/Comment-compiled.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
3
  ._2rkopb1k{border-radius:var(--ds-radius-xlarge,9pt)}._13dfutpp .less-margin>.ProseMirror{margin-top:var(--ds-space-150,9pt)}
5
4
  ._16jlkb7n{flex-grow:1}
6
5
  ._18m91wug{overflow-y:auto}
package/dist/es2019/ui/Appearance/Comment/Comment-compiled.js CHANGED
@@ -17,7 +17,6 @@ import messages from '@atlaskit/editor-common/messages';
17
17
  import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
18
18
  import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
19
19
  import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
20
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
21
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
22
21
  // Ignored via go/ees005
23
22
  // eslint-disable-next-line import/no-named-as-default
@@ -31,7 +30,6 @@ import WithFlash from '../../WithFlash';
31
30
  import { CommentToolbar } from './CommentToolbar';
32
31
  import { MainToolbar } from './Toolbar';
33
32
  const commentEditorCompiledStyles = {
34
- commentEditorOld: "_19itno8c _2rkofajl _1e0c1txw _2lx21bp4 _1ul9clpc _4t3i1wug _bfhk1j9a _vchhusvi _p12f1kw7 _slp31hna _13dfutpp _gzr8u2gc _ghozu2gc _oafwu2gc",
35
33
  commentEditor: "_19itno8c _2rko1qi0 _1e0c1txw _2lx21bp4 _1ul9clpc _4t3i1wug _bfhk1j9a _vchhusvi _p12f1kw7 _slp31hna _13dfutpp _gzr8u2gc _ghozu2gc _oafwu2gc",
36
34
  modernisedEditor: "_2rkopb1k",
37
35
  secondaryToolbar: "_vchhusvi _1bahesu3 _4cvr1h6o _1e0c1txw _ca0qutpp _u5f3v77o _n3tdutpp _19bvv77o",
@@ -150,7 +148,7 @@ export const CommentEditorWithIntlCompiled = props => {
150
148
  style: wrapperStyle
151
149
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
152
150
  ,
153
- className: ax([expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorCompiledStyles.commentEditor : commentEditorCompiledStyles.commentEditorOld, isEditorModernisationEnabled && commentEditorCompiledStyles.modernisedEditor, "akEditor"]),
151
+ className: ax([commentEditorCompiledStyles.commentEditor, isEditorModernisationEnabled && commentEditorCompiledStyles.modernisedEditor, "akEditor"]),
154
152
  ref: wrapperElementRef
155
153
  }, /*#__PURE__*/React.createElement(MainToolbar, {
156
154
  isEditorModernisationEnabled: isEditorModernisationEnabled,
package/dist/es2019/ui/Appearance/Comment/Comment-emotion.js CHANGED
@@ -22,7 +22,6 @@ import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
22
22
  import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
23
23
  import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
24
24
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
25
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
26
25
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
27
26
  // Ignored via go/ees005
28
27
  // eslint-disable-next-line import/no-named-as-default
@@ -36,25 +35,6 @@ import WithFlash from '../../WithFlash';
36
35
  import { CommentToolbar } from './CommentToolbar';
37
36
  import { MainToolbar } from './Toolbar';
38
37
  const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
39
-
40
- // Remove when platform_editor_comment_editor_border_radius is cleaned up
41
- const commentEditorStylesOld = css({
42
- display: 'flex',
43
- flexDirection: 'column',
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
45
- '.less-margin > .ProseMirror': {
46
- margin: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
47
- },
48
- minWidth: '272px',
49
- height: 'auto',
50
- backgroundColor: "var(--ds-background-input, #FFFFFF)",
51
- border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`,
52
- boxSizing: 'border-box',
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
54
- borderRadius: "var(--ds-radius-small, 3px)",
55
- maxWidth: 'inherit',
56
- wordWrap: 'break-word'
57
- });
58
38
  const commentEditorStyles = css({
59
39
  display: 'flex',
60
40
  flexDirection: 'column',
@@ -225,7 +205,7 @@ export const CommentEditorWithIntlEmotion = props => {
225
205
  return jsx(WithFlash, {
226
206
  animate: maxContentSizeReached
227
207
  }, jsx(WidthProvider, null, jsx("div", {
228
- css: [expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld, isEditorModernisationEnabled && modernisedEditorStyles,
208
+ css: [commentEditorStyles, isEditorModernisationEnabled && modernisedEditorStyles,
229
209
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
230
210
  css({
231
211
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
package/dist/es2019/ui/Appearance/Comment/FixedToolbar-compiled.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._2rko12c2{border-radius:var(--ds-radius-medium,6px) var(--ds-radius-medium,6px) 0 0}
2
- ._2rko15b0{border-radius:var(--ds-radius-xlarge,9pt) var(--ds-radius-xlarge,9pt) 0 0}
3
- ._2rko1cku{border-radius:var(--ds-radius-small,3px) var(--ds-radius-small,3px) 0 0}._10ytglyw.show-keyline{box-shadow:none}
2
+ ._2rko15b0{border-radius:var(--ds-radius-xlarge,9pt) var(--ds-radius-xlarge,9pt) 0 0}._10ytglyw.show-keyline{box-shadow:none}
4
3
  ._16qsglyw{box-shadow:none}
5
4
  ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
6
5
  ._19bvv47k{padding-left:var(--ds-space-250,20px)}
package/dist/es2019/ui/Appearance/Comment/FixedToolbar-compiled.js CHANGED
@@ -8,19 +8,16 @@
8
8
  import "./FixedToolbar-compiled.compiled.css";
9
9
  import { ax, ix } from "@compiled/react/runtime";
10
10
  import React from 'react';
11
- import { fg } from '@atlaskit/platform-feature-flags/fg';
12
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
13
11
  const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
14
12
  const fixedToolbarCompiledStyles = {
15
13
  mainToolbarWrapper: "_kqswh2mm _4cvr1h6o _ca0qu2gc _u5f3u2gc _n3tdidpf _19bvv47k _1e0c1txw _4t3i1wug _bfhkvuon _16qsglyw _1khpidpf _lg5oidpf _1cuzidpf",
16
14
  mainToolbarWithoutLeftPadding: "_ca0qu2gc _u5f3u2gc _n3tdidpf _19bvu2gc",
17
15
  mainToolbarTwoLine: "_1uq61sxn _cnpmh9n0 _1djy1txw _17mgesu3 _1q27esu3 _16ec1txw",
18
16
  mainToolbarWrapperVisualRefresh: "_3pwj1osq",
19
- mainToolbarWithRadius: "_2rko1cku",
20
17
  mainToolbarRadius: "_2rko12c2",
21
18
  editorModernisationToolbar: "_2rko15b0 _10ytglyw"
22
19
  };
23
20
  export const FixedToolbarCompiled = props => /*#__PURE__*/React.createElement("div", {
24
21
  "data-testid": "ak-editor-main-toolbar",
25
- className: ax([fixedToolbarCompiledStyles.mainToolbarWrapper, props.twoLineEditorToolbar && fixedToolbarCompiledStyles.mainToolbarTwoLine, fixedToolbarCompiledStyles.mainToolbarWrapperVisualRefresh, props.isNewToolbarEnabled && fixedToolbarCompiledStyles.mainToolbarWithoutLeftPadding, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && fixedToolbarCompiledStyles.mainToolbarWithRadius, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fixedToolbarCompiledStyles.mainToolbarRadius, props.isEditorModernisationEnabled && fixedToolbarCompiledStyles.editorModernisationToolbar])
22
+ className: ax([fixedToolbarCompiledStyles.mainToolbarWrapper, props.twoLineEditorToolbar && fixedToolbarCompiledStyles.mainToolbarTwoLine, fixedToolbarCompiledStyles.mainToolbarWrapperVisualRefresh, props.isNewToolbarEnabled && fixedToolbarCompiledStyles.mainToolbarWithoutLeftPadding, fixedToolbarCompiledStyles.mainToolbarRadius, props.isEditorModernisationEnabled && fixedToolbarCompiledStyles.editorModernisationToolbar])
26
23
  }, props.children);