@atlaskit/editor-core 198.6.3 → 198.6.5

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 (53) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/composable-editor/editor-internal.js +3 -27
  3. package/dist/cjs/composable-editor/hooks/useProviders.js +3 -5
  4. package/dist/cjs/composable-editor/utils/handleProviders.js +0 -3
  5. package/dist/cjs/create-editor/ReactEditorView.js +13 -44
  6. package/dist/cjs/ui/Appearance/Chromeless.js +1 -2
  7. package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -2
  8. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  9. package/dist/cjs/ui/ContentStyles/index.js +2 -7
  10. package/dist/cjs/ui/EditorContext/index.js +40 -20
  11. package/dist/cjs/ui/WithEditorActions/index.js +70 -11
  12. package/dist/cjs/version-wrapper.js +1 -1
  13. package/dist/es2019/composable-editor/editor-internal.js +4 -28
  14. package/dist/es2019/composable-editor/hooks/useProviders.js +3 -5
  15. package/dist/es2019/composable-editor/utils/handleProviders.js +0 -3
  16. package/dist/es2019/create-editor/ReactEditorView.js +13 -44
  17. package/dist/es2019/ui/Appearance/Chromeless.js +1 -2
  18. package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -2
  19. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  20. package/dist/es2019/ui/ContentStyles/index.js +2 -8
  21. package/dist/es2019/ui/EditorContext/index.js +27 -13
  22. package/dist/es2019/ui/WithEditorActions/index.js +35 -1
  23. package/dist/es2019/version-wrapper.js +1 -1
  24. package/dist/esm/composable-editor/editor-internal.js +4 -28
  25. package/dist/esm/composable-editor/hooks/useProviders.js +3 -5
  26. package/dist/esm/composable-editor/utils/handleProviders.js +0 -3
  27. package/dist/esm/create-editor/ReactEditorView.js +13 -44
  28. package/dist/esm/ui/Appearance/Chromeless.js +1 -2
  29. package/dist/esm/ui/Appearance/Comment/Comment.js +1 -2
  30. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  31. package/dist/esm/ui/ContentStyles/index.js +2 -7
  32. package/dist/esm/ui/EditorContext/index.js +39 -19
  33. package/dist/esm/ui/WithEditorActions/index.js +72 -13
  34. package/dist/esm/version-wrapper.js +1 -1
  35. package/dist/types/create-editor/ReactEditorView.d.ts +1 -2
  36. package/dist/types/create-editor/create-universal-preset.d.ts +50 -22
  37. package/dist/types/presets/default.d.ts +44 -16
  38. package/dist/types/presets/universal.d.ts +50 -22
  39. package/dist/types/presets/useUniversalPreset.d.ts +50 -22
  40. package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  41. package/dist/types/ui/ContentStyles/index.d.ts +2 -2
  42. package/dist/types/ui/EditorContext/index.d.ts +9 -3
  43. package/dist/types/ui/WithEditorActions/index.d.ts +3 -12
  44. package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +1 -2
  45. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +54 -22
  46. package/dist/types-ts4.5/presets/default.d.ts +48 -16
  47. package/dist/types-ts4.5/presets/universal.d.ts +54 -22
  48. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +54 -22
  49. package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  50. package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
  51. package/dist/types-ts4.5/ui/EditorContext/index.d.ts +9 -3
  52. package/dist/types-ts4.5/ui/WithEditorActions/index.d.ts +3 -12
  53. package/package.json +14 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 198.6.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#152480](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152480)
8
+ [`831fe131ac081`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/831fe131ac081) -
9
+ Remove FF platform_editor_td_provider_from_plugin_config
10
+ - [#152510](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152510)
11
+ [`dcf9edde7ac7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dcf9edde7ac7b) -
12
+ bump adf-schema to 42.0.1
13
+ - [#152434](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152434)
14
+ [`446eacc8ed3b5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/446eacc8ed3b5) -
15
+ Cleanup FF platform_editor_remove_use_preset_context
16
+ - Updated dependencies
17
+
18
+ ## 198.6.4
19
+
20
+ ### Patch Changes
21
+
22
+ - [#151676](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151676)
23
+ [`ed6d01983b0da`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed6d01983b0da) -
24
+ ED-25183: Remediate WithEditorActions, WithPluginState & LegacyEditorContext context type
25
+
3
26
  ## 198.6.3
4
27
 
5
28
  ### Patch Changes
@@ -12,12 +12,10 @@ var _react = require("react");
12
12
  var _react2 = require("@emotion/react");
13
13
  var _analytics = require("@atlaskit/editor-common/analytics");
14
14
  var _portal = require("@atlaskit/editor-common/portal");
15
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _ErrorBoundary = _interopRequireDefault(require("../create-editor/ErrorBoundary"));
17
16
  var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
18
17
  var _ReactEditorView = _interopRequireDefault(require("../create-editor/ReactEditorView"));
19
18
  var _contextAdapter = require("../nodeviews/context-adapter");
20
- var _context = require("../presets/context");
21
19
  var _EditorContext = _interopRequireDefault(require("../ui/EditorContext"));
22
20
  var _IntlProviderIfMissingWrapper = require("../ui/IntlProviderIfMissingWrapper/IntlProviderIfMissingWrapper");
23
21
  var _RenderTracking = require("../utils/performance/components/RenderTracking");
@@ -143,39 +141,17 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
143
141
  });
144
142
  function ReactEditorViewContextWrapper(props) {
145
143
  var _media, _linking;
146
- // deprecated, unable to be FF due to hook usage
147
- var setInternalEditorAPI = (0, _context.useSetPresetContext)();
148
- var presetContextEditorAPI = (0, _context.usePresetContext)();
149
-
150
- // new way of storing the editorApi when FF platform_editor_remove_use_preset_context is enabled
144
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
151
145
  var _useState = (0, _react.useState)(undefined),
152
146
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
153
147
  editorAPI = _useState2[0],
154
148
  setEditorAPI = _useState2[1];
155
149
 
156
- /**
157
- * We use the context to retrieve the editorAPI
158
- * externally for consumers via `usePreset`.
159
- *
160
- * However we also may need to retrieve this value internally via context
161
- * so we should also set the value for the `EditorContext` that is used in
162
- * `EditorInternal`.
163
- */
164
- var setPresetContextEditorAPI = (0, _react.useCallback)(
165
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
166
- function (api) {
167
- if ((0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context')) {
168
- setEditorAPI(api);
169
- } else {
170
- setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
171
- }
172
- }, [setInternalEditorAPI, setEditorAPI]);
173
-
174
150
  // TODO: Remove these when we deprecate these props from editor-props - smartLinks is unfortunately still used in some places, we can sidestep this problem if we move everyone across to ComposableEditor and deprecate Editor
175
151
  var UNSAFE_cards = props.editorProps.UNSAFE_cards;
176
152
  var smartLinks = props.editorProps.smartLinks;
177
153
  (0, _useProviders.useProviders)({
178
- editorApi: (0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context') ? editorAPI : presetContextEditorAPI,
154
+ editorApi: editorAPI,
179
155
  contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
180
156
  mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
181
157
  cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
@@ -185,6 +161,6 @@ function ReactEditorViewContextWrapper(props) {
185
161
  });
186
162
  return (0, _react2.jsx)(_ReactEditorView.default, (0, _extends2.default)({}, props, {
187
163
  editorAPI: editorAPI,
188
- setEditorApi: setPresetContextEditorAPI
164
+ setEditorAPI: setEditorAPI
189
165
  }));
190
166
  }
@@ -86,11 +86,9 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
86
86
  }
87
87
  }, [autoformattingProvider, editorApi]);
88
88
  (0, _react.useEffect)(function () {
89
- if ((0, _platformFeatureFlags.fg)('platform_editor_td_provider_from_plugin_config')) {
90
- if (taskDecisionProvider) {
91
- var _editorApi$taskDecisi;
92
- editorApi === null || editorApi === void 0 || (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 || _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
93
- }
89
+ if (taskDecisionProvider) {
90
+ var _editorApi$taskDecisi;
91
+ editorApi === null || editorApi === void 0 || (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 || _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
94
92
  }
95
93
  }, [taskDecisionProvider, editorApi]);
96
94
  };
@@ -28,9 +28,6 @@ function handleProviders(providerFactory, _ref, extensionProvider, quickInsertPr
28
28
  searchProvider = _ref.searchProvider;
29
29
  providerFactory.setProvider('emojiProvider', emojiProvider);
30
30
  providerFactory.setProvider('mentionProvider', mentionProvider);
31
- if (!(0, _platformFeatureFlags.fg)('platform_editor_td_provider_from_plugin_config')) {
32
- providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
33
- }
34
31
  providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
35
32
  providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
36
33
  providerFactory.setProvider('collabEditProvider', collabEditProvider);
@@ -31,7 +31,6 @@ var _state2 = require("@atlaskit/editor-prosemirror/state");
31
31
  var _view = require("@atlaskit/editor-prosemirror/view");
32
32
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
33
33
  var _eventDispatcher = require("../event-dispatcher");
34
- var _context = require("../presets/context");
35
34
  var _findChangedNodesFromTransaction = require("../utils/findChangedNodesFromTransaction");
36
35
  var _getNodesCount = require("../utils/getNodesCount");
37
36
  var _isFullPage = require("../utils/is-full-page");
@@ -94,7 +93,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
94
93
  (0, _inherits2.default)(ReactEditorView, _React$Component);
95
94
  var _super = _createSuper(ReactEditorView);
96
95
  function ReactEditorView(props) {
97
- var _this$props$editorPro5, _props$setEditorApi, _props$editorProps;
96
+ var _this$props$editorPro5, _props$setEditorAPI, _props$editorProps;
98
97
  var _this;
99
98
  (0, _classCallCheck2.default)(this, ReactEditorView);
100
99
  _this = _super.call(this, props);
@@ -548,7 +547,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
548
547
  getEditorView: _this.getEditorView
549
548
  });
550
549
  var _api = _this.pluginInjectionAPI.api();
551
- (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 || _props$setEditorApi.call(props, _api);
550
+ (_props$setEditorAPI = props.setEditorAPI) === null || _props$setEditorAPI === void 0 || _props$setEditorAPI.call(props, _api);
552
551
  _this.eventDispatcher = new _eventDispatcher.EventDispatcher();
553
552
  _this.dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
554
553
  _this.errorReporter = (0, _createEditor.createErrorReporter)(props.editorProps.errorReporterHandler);
@@ -762,36 +761,10 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
762
761
  }, {
763
762
  key: "render",
764
763
  value: function render() {
765
- var _this$props$editorPro10,
766
- _this3 = this;
764
+ var _this$props$editorPro10, _this$props$render, _this$props$render2, _this$props;
767
765
  var renderTracking = (_this$props$editorPro10 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro10 === void 0 || (_this$props$editorPro10 = _this$props$editorPro10.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
768
766
  var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
769
767
  var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
770
- if ((0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context')) {
771
- var _this$props$render, _this$props$render2, _this$props;
772
- return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Provider, {
773
- value: {
774
- editorRef: this.editorRef,
775
- editorView: this.view,
776
- popupsMountPoint: this.props.editorProps.popupsMountPoint
777
- }
778
- }, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
779
- componentProps: this.props,
780
- action: _analytics.ACTION.RE_RENDERED,
781
- actionSubject: _analytics.ACTION_SUBJECT.REACT_EDITOR_VIEW,
782
- handleAnalyticsEvent: this.handleAnalyticsEvent,
783
- useShallow: useShallow
784
- }), this.props.render ? (_this$props$render = (_this$props$render2 = (_this$props = this.props).render) === null || _this$props$render2 === void 0 ? void 0 : _this$props$render2.call(_this$props, {
785
- editor: this.editor,
786
- view: this.view,
787
- config: this.config,
788
- eventDispatcher: this.eventDispatcher,
789
- transformer: this.contentTransformer,
790
- dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
791
- editorRef: this.editorRef,
792
- editorAPI: this.props.editorAPI
793
- })) !== null && _this$props$render !== void 0 ? _this$props$render : this.editor : this.editor);
794
- }
795
768
  return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Provider, {
796
769
  value: {
797
770
  editorRef: this.editorRef,
@@ -804,20 +777,16 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
804
777
  actionSubject: _analytics.ACTION_SUBJECT.REACT_EDITOR_VIEW,
805
778
  handleAnalyticsEvent: this.handleAnalyticsEvent,
806
779
  useShallow: useShallow
807
- }), this.props.render ? /*#__PURE__*/_react.default.createElement(_context.EditorAPIContext.Consumer, null, function (_ref4) {
808
- var _this3$props$render, _this3$props$render2, _this3$props;
809
- var editorApi = _ref4.editorApi;
810
- return (_this3$props$render = (_this3$props$render2 = (_this3$props = _this3.props).render) === null || _this3$props$render2 === void 0 ? void 0 : _this3$props$render2.call(_this3$props, {
811
- editor: _this3.editor,
812
- view: _this3.view,
813
- config: _this3.config,
814
- eventDispatcher: _this3.eventDispatcher,
815
- transformer: _this3.contentTransformer,
816
- dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent,
817
- editorRef: _this3.editorRef,
818
- editorAPI: editorApi
819
- })) !== null && _this3$props$render !== void 0 ? _this3$props$render : _this3.editor;
820
- }) : this.editor);
780
+ }), this.props.render ? (_this$props$render = (_this$props$render2 = (_this$props = this.props).render) === null || _this$props$render2 === void 0 ? void 0 : _this$props$render2.call(_this$props, {
781
+ editor: this.editor,
782
+ view: this.view,
783
+ config: this.config,
784
+ eventDispatcher: this.eventDispatcher,
785
+ transformer: this.contentTransformer,
786
+ dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
787
+ editorRef: this.editorRef,
788
+ editorAPI: this.props.editorAPI
789
+ })) !== null && _this$props$render !== void 0 ? _this$props$render : this.editor : this.editor);
821
790
  }
822
791
  }]);
823
792
  return ReactEditorView;
@@ -17,7 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
17
17
  var _react2 = require("@emotion/react");
18
18
  var _hooks = require("@atlaskit/editor-common/hooks");
19
19
  var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
20
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
20
  var _ContentStyles = require("../ContentStyles");
22
21
  var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
23
22
  var _WithFlash = _interopRequireDefault(require("../WithFlash"));
@@ -111,7 +110,7 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
111
110
  , {
112
111
  className: "ak-editor-content-area",
113
112
  featureFlags: featureFlags,
114
- viewMode: (0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context') ? editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode : undefined
113
+ viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
115
114
  }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
116
115
  editorView: editorView,
117
116
  editorActions: editorActions,
@@ -19,7 +19,6 @@ var _ui = require("@atlaskit/editor-common/ui");
19
19
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
20
20
  var _commonStyles = require("@atlaskit/editor-plugins/table/ui/common-styles");
21
21
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
22
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
23
22
  var _messages = _interopRequireDefault(require("../../../messages"));
24
23
  var _Addon = require("../../Addon");
25
24
  var _ContentStyles = require("../../ContentStyles");
@@ -224,7 +223,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
224
223
  'less-margin': width < _editorSharedStyles.akEditorMobileBreakoutPoint
225
224
  }),
226
225
  featureFlags: featureFlags,
227
- viewMode: (0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context') ? editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode : undefined
226
+ viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
228
227
  }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
229
228
  editorView: editorView,
230
229
  editorActions: editorActions,
@@ -61,7 +61,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
61
61
  className: "fabric-editor-popup-scroll-parent",
62
62
  featureFlags: props.featureFlags,
63
63
  ref: scrollContainerRef,
64
- viewMode: (0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context') ? props === null || props === void 0 ? void 0 : props.viewMode : undefined
64
+ viewMode: props === null || props === void 0 ? void 0 : props.viewMode
65
65
  }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
66
66
  editorView: props.editorView,
67
67
  editorDisabled: props.disabled
@@ -12,7 +12,6 @@ var _react2 = require("@emotion/react");
12
12
  var _browser = require("@atlaskit/editor-common/browser");
13
13
  var _collab = require("@atlaskit/editor-common/collab");
14
14
  var _emoji = require("@atlaskit/editor-common/emoji");
15
- var _hooks = require("@atlaskit/editor-common/hooks");
16
15
  var _mention = require("@atlaskit/editor-common/mention");
17
16
  var _panel = require("@atlaskit/editor-common/panel");
18
17
  var _selection = require("@atlaskit/editor-common/selection");
@@ -25,7 +24,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
25
24
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
26
25
  var _tokens = require("@atlaskit/tokens");
27
26
  var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
28
- var _context = require("../../presets/context");
29
27
  var _aiPanels = require("./ai-panels");
30
28
  var _codeBlock = require("./code-block");
31
29
  var _date = require("./date");
@@ -99,18 +97,15 @@ var createEditorContentStyle = exports.createEditorContentStyle = function creat
99
97
  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
100
98
  colorMode = _useThemeObserver.colorMode,
101
99
  typography = _useThemeObserver.typography;
102
- var editorAPI = (0, _context.usePresetContext)();
103
- var _useSharedPluginState = (0, _hooks.useSharedPluginState)(editorAPI, ['editorViewMode']),
104
- editorViewModeState = _useSharedPluginState.editorViewModeState;
105
100
  var memoizedStyle = (0, _react.useMemo)(function () {
106
101
  return contentStyles({
107
102
  theme: theme,
108
103
  colorMode: colorMode,
109
104
  featureFlags: featureFlags,
110
- viewMode: (0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context') ? props.viewMode : editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
105
+ viewMode: props.viewMode,
111
106
  typographyTheme: typography
112
107
  });
113
- }, [theme, colorMode, featureFlags, editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode, props.viewMode, typography]);
108
+ }, [theme, colorMode, featureFlags, props.viewMode, typography]);
114
109
  return (
115
110
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
116
111
  (0, _react2.jsx)("div", {
@@ -4,35 +4,61 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.useEditorContext = exports.default = void 0;
7
+ exports.useEditorContext = exports.default = exports.LegacyEditorContext = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
8
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
11
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _propTypes = _interopRequireDefault(require("prop-types"));
16
+ var _UNSAFE_do_not_use_editor_context = require("@atlaskit/editor-common/UNSAFE_do_not_use_editor_context");
16
17
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
18
  var _actions = _interopRequireDefault(require("../../actions"));
18
- var _context = require("../../presets/context");
19
19
  function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
20
20
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
21
- var EditorContext = /*#__PURE__*/_react.default.createContext({});
22
21
  var useEditorContext = exports.useEditorContext = function useEditorContext() {
23
- return _react.default.useContext(EditorContext);
22
+ return _react.default.useContext(_UNSAFE_do_not_use_editor_context.EditorContext);
24
23
  };
25
- var LegacyEditorContext = exports.default = /*#__PURE__*/function (_React$Component) {
24
+ var LegacyEditorContext = exports.LegacyEditorContext = /*#__PURE__*/function (_React$Component) {
26
25
  (0, _inherits2.default)(LegacyEditorContext, _React$Component);
27
26
  var _super = _createSuper(LegacyEditorContext);
28
27
  function LegacyEditorContext(props) {
29
- var _this;
30
28
  (0, _classCallCheck2.default)(this, LegacyEditorContext);
31
- _this = _super.call(this, props);
29
+ return _super.call(this, props);
30
+ }
31
+ (0, _createClass2.default)(LegacyEditorContext, [{
32
+ key: "render",
33
+ value: function render() {
34
+ if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
35
+ return /*#__PURE__*/_react.default.createElement(LegacyEditorContextNew, this.props, this.props.children);
36
+ }
37
+ return /*#__PURE__*/_react.default.createElement(LegacyEditorContextOld, this.props, this.props.children);
38
+ }
39
+ }]);
40
+ return LegacyEditorContext;
41
+ }(_react.default.Component);
42
+ function LegacyEditorContextNew(_ref) {
43
+ var children = _ref.children,
44
+ editorActions = _ref.editorActions;
45
+ return /*#__PURE__*/_react.default.createElement(_UNSAFE_do_not_use_editor_context.EditorContext.Provider, {
46
+ value: {
47
+ editorActions: editorActions !== null && editorActions !== void 0 ? editorActions : new _actions.default()
48
+ }
49
+ }, children);
50
+ }
51
+ var LegacyEditorContextOld = exports.default = /*#__PURE__*/function (_React$Component2) {
52
+ (0, _inherits2.default)(LegacyEditorContextOld, _React$Component2);
53
+ var _super2 = _createSuper(LegacyEditorContextOld);
54
+ function LegacyEditorContextOld(props) {
55
+ var _this;
56
+ (0, _classCallCheck2.default)(this, LegacyEditorContextOld);
57
+ _this = _super2.call(this, props);
32
58
  _this.editorActions = props.editorActions || new _actions.default();
33
59
  return _this;
34
60
  }
35
- (0, _createClass2.default)(LegacyEditorContext, [{
61
+ (0, _createClass2.default)(LegacyEditorContextOld, [{
36
62
  key: "getChildContext",
37
63
  value: function getChildContext() {
38
64
  return {
@@ -42,19 +68,13 @@ var LegacyEditorContext = exports.default = /*#__PURE__*/function (_React$Compon
42
68
  }, {
43
69
  key: "render",
44
70
  value: function render() {
45
- if ((0, _platformFeatureFlags.fg)('platform_editor_remove_use_preset_context')) {
46
- return /*#__PURE__*/_react.default.createElement(EditorContext.Provider, {
47
- value: this.getChildContext()
48
- }, this.props.children);
49
- } else {
50
- return /*#__PURE__*/_react.default.createElement(EditorContext.Provider, {
51
- value: this.getChildContext()
52
- }, /*#__PURE__*/_react.default.createElement(_context.PresetContextProvider, null, this.props.children));
53
- }
71
+ return /*#__PURE__*/_react.default.createElement(_UNSAFE_do_not_use_editor_context.EditorContext.Provider, {
72
+ value: this.getChildContext()
73
+ }, this.props.children);
54
74
  }
55
75
  }]);
56
- return LegacyEditorContext;
76
+ return LegacyEditorContextOld;
57
77
  }(_react.default.Component);
58
- (0, _defineProperty2.default)(LegacyEditorContext, "childContextTypes", {
78
+ (0, _defineProperty2.default)(LegacyEditorContextOld, "childContextTypes", {
59
79
  editorActions: _propTypes.default.object
60
80
  });
@@ -5,34 +5,93 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
8
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
12
13
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
15
  var _react = _interopRequireDefault(require("react"));
16
16
  var _propTypes = _interopRequireDefault(require("prop-types"));
17
+ var _UNSAFE_do_not_use_editor_context = require("@atlaskit/editor-common/UNSAFE_do_not_use_editor_context");
18
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
19
  function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
18
20
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
19
21
  var WithEditorActions = exports.default = /*#__PURE__*/function (_React$Component) {
20
22
  (0, _inherits2.default)(WithEditorActions, _React$Component);
21
23
  var _super = _createSuper(WithEditorActions);
22
- function WithEditorActions() {
23
- var _this;
24
+ function WithEditorActions(props) {
24
25
  (0, _classCallCheck2.default)(this, WithEditorActions);
26
+ return _super.call(this, props);
27
+ }
28
+ (0, _createClass2.default)(WithEditorActions, [{
29
+ key: "render",
30
+ value: function render() {
31
+ if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
32
+ return /*#__PURE__*/_react.default.createElement(WithEditorActionsNew, this.props);
33
+ }
34
+ return /*#__PURE__*/_react.default.createElement(WithEditorActionsOld, this.props);
35
+ }
36
+ }]);
37
+ return WithEditorActions;
38
+ }(_react.default.Component);
39
+ function WithEditorActionsNew(props) {
40
+ var render = props.render;
41
+ var context = _react.default.useContext(_UNSAFE_do_not_use_editor_context.EditorContext);
42
+ return /*#__PURE__*/_react.default.createElement(WithEditorActionsInner, {
43
+ render: render,
44
+ editorActions: context === null || context === void 0 ? void 0 : context.editorActions
45
+ });
46
+ }
47
+ var WithEditorActionsInner = /*#__PURE__*/function (_React$Component2) {
48
+ (0, _inherits2.default)(WithEditorActionsInner, _React$Component2);
49
+ var _super2 = _createSuper(WithEditorActionsInner);
50
+ function WithEditorActionsInner() {
51
+ (0, _classCallCheck2.default)(this, WithEditorActionsInner);
52
+ return _super2.apply(this, arguments);
53
+ }
54
+ (0, _createClass2.default)(WithEditorActionsInner, [{
55
+ key: "componentDidMount",
56
+ value: function componentDidMount() {
57
+ var _this = this;
58
+ this.props.editorActions._privateSubscribe(function () {
59
+ return _this.forceUpdate();
60
+ });
61
+ }
62
+ }, {
63
+ key: "componentWillUnmount",
64
+ value: function componentWillUnmount() {
65
+ var _this2 = this;
66
+ this.props.editorActions._privateUnsubscribe(function () {
67
+ return _this2.forceUpdate();
68
+ });
69
+ }
70
+ }, {
71
+ key: "render",
72
+ value: function render() {
73
+ return this.props.render(this.props.editorActions);
74
+ }
75
+ }]);
76
+ return WithEditorActionsInner;
77
+ }(_react.default.Component);
78
+ var WithEditorActionsOld = /*#__PURE__*/function (_React$Component3) {
79
+ (0, _inherits2.default)(WithEditorActionsOld, _React$Component3);
80
+ var _super3 = _createSuper(WithEditorActionsOld);
81
+ function WithEditorActionsOld() {
82
+ var _this3;
83
+ (0, _classCallCheck2.default)(this, WithEditorActionsOld);
25
84
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
26
85
  args[_key] = arguments[_key];
27
86
  }
28
- _this = _super.call.apply(_super, [this].concat(args));
29
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContextUpdate", function () {
87
+ _this3 = _super3.call.apply(_super3, [this].concat(args));
88
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this3), "onContextUpdate", function () {
30
89
  // Re-render actions when editorActions changes...
31
- _this.forceUpdate();
90
+ _this3.forceUpdate();
32
91
  });
33
- return _this;
92
+ return _this3;
34
93
  }
35
- (0, _createClass2.default)(WithEditorActions, [{
94
+ (0, _createClass2.default)(WithEditorActionsOld, [{
36
95
  key: "componentDidMount",
37
96
  value: function componentDidMount() {
38
97
  this.context.editorActions._privateSubscribe(this.onContextUpdate);
@@ -48,8 +107,8 @@ var WithEditorActions = exports.default = /*#__PURE__*/function (_React$Componen
48
107
  return this.props.render(this.context.editorActions);
49
108
  }
50
109
  }]);
51
- return WithEditorActions;
110
+ return WithEditorActionsOld;
52
111
  }(_react.default.Component);
53
- (0, _defineProperty2.default)(WithEditorActions, "contextTypes", {
112
+ (0, _defineProperty2.default)(WithEditorActionsOld, "contextTypes", {
54
113
  editorActions: _propTypes.default.object.isRequired
55
114
  });
@@ -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 = "198.6.3";
8
+ var version = exports.version = "198.6.5";
@@ -3,18 +3,16 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  * @jsxRuntime classic
4
4
  * @jsx jsx
5
5
  */
6
- import { Fragment, memo, useCallback, useState } from 'react';
6
+ import { Fragment, memo, useState } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { css, jsx } from '@emotion/react';
10
10
  import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
11
11
  import { usePortalProvider } from '@atlaskit/editor-common/portal';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
12
  import ErrorBoundary from '../create-editor/ErrorBoundary';
14
13
  import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
15
14
  import ReactEditorView from '../create-editor/ReactEditorView';
16
15
  import { ContextAdapter } from '../nodeviews/context-adapter';
17
- import { usePresetContext, useSetPresetContext } from '../presets/context';
18
16
  import EditorContext from '../ui/EditorContext';
19
17
  import { IntlProviderIfMissingWrapper } from '../ui/IntlProviderIfMissingWrapper/IntlProviderIfMissingWrapper';
20
18
  import { RenderTracking } from '../utils/performance/components/RenderTracking';
@@ -135,36 +133,14 @@ export const EditorInternal = /*#__PURE__*/memo(({
135
133
  });
136
134
  function ReactEditorViewContextWrapper(props) {
137
135
  var _media, _linking, _linking$smartLinks;
138
- // deprecated, unable to be FF due to hook usage
139
- const setInternalEditorAPI = useSetPresetContext();
140
- const presetContextEditorAPI = usePresetContext();
141
-
142
- // new way of storing the editorApi when FF platform_editor_remove_use_preset_context is enabled
143
- const [editorAPI, setEditorAPI] = useState(undefined);
144
-
145
- /**
146
- * We use the context to retrieve the editorAPI
147
- * externally for consumers via `usePreset`.
148
- *
149
- * However we also may need to retrieve this value internally via context
150
- * so we should also set the value for the `EditorContext` that is used in
151
- * `EditorInternal`.
152
- */
153
- const setPresetContextEditorAPI = useCallback(
154
136
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
155
- api => {
156
- if (fg('platform_editor_remove_use_preset_context')) {
157
- setEditorAPI(api);
158
- } else {
159
- setInternalEditorAPI === null || setInternalEditorAPI === void 0 ? void 0 : setInternalEditorAPI(api);
160
- }
161
- }, [setInternalEditorAPI, setEditorAPI]);
137
+ const [editorAPI, setEditorAPI] = useState(undefined);
162
138
 
163
139
  // TODO: Remove these when we deprecate these props from editor-props - smartLinks is unfortunately still used in some places, we can sidestep this problem if we move everyone across to ComposableEditor and deprecate Editor
164
140
  const UNSAFE_cards = props.editorProps.UNSAFE_cards;
165
141
  const smartLinks = props.editorProps.smartLinks;
166
142
  useProviders({
167
- editorApi: fg('platform_editor_remove_use_preset_context') ? editorAPI : presetContextEditorAPI,
143
+ editorApi: editorAPI,
168
144
  contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
169
145
  mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
170
146
  cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 ? void 0 : (_linking$smartLinks = _linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
@@ -174,6 +150,6 @@ function ReactEditorViewContextWrapper(props) {
174
150
  });
175
151
  return jsx(ReactEditorView, _extends({}, props, {
176
152
  editorAPI: editorAPI,
177
- setEditorApi: setPresetContextEditorAPI
153
+ setEditorAPI: setEditorAPI
178
154
  }));
179
155
  }
@@ -57,11 +57,9 @@ export const useProviders = ({
57
57
  }
58
58
  }, [autoformattingProvider, editorApi]);
59
59
  useEffect(() => {
60
- if (fg('platform_editor_td_provider_from_plugin_config')) {
61
- if (taskDecisionProvider) {
62
- var _editorApi$taskDecisi;
63
- editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 ? void 0 : _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
64
- }
60
+ if (taskDecisionProvider) {
61
+ var _editorApi$taskDecisi;
62
+ editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 ? void 0 : _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
65
63
  }
66
64
  }, [taskDecisionProvider, editorApi]);
67
65
  };
@@ -24,9 +24,6 @@ export default function handleProviders(providerFactory, {
24
24
  }, extensionProvider, quickInsertProvider) {
25
25
  providerFactory.setProvider('emojiProvider', emojiProvider);
26
26
  providerFactory.setProvider('mentionProvider', mentionProvider);
27
- if (!fg('platform_editor_td_provider_from_plugin_config')) {
28
- providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
29
- }
30
27
  providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
31
28
  providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
32
29
  providerFactory.setProvider('collabEditProvider', collabEditProvider);