@atlaskit/editor-plugin-extension 1.15.8 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @atlaskit/editor-plugin-extension
2
2
 
3
+ ## 1.17.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#162388](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162388)
8
+ [`20e29525ca817`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20e29525ca817) -
9
+ refactor: use React.lazy instead of react-loadable for config-panel header icon
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 1.16.0
16
+
17
+ ### Minor Changes
18
+
19
+ - [#159018](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159018)
20
+ [`14d5e189df870`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14d5e189df870) -
21
+ [ux] ED-25367-remove-copy-button-from-view-mode-when-its-the-only-item
22
+
23
+ ### Patch Changes
24
+
25
+ - Updated dependencies
26
+
27
+ ## 1.15.9
28
+
29
+ ### Patch Changes
30
+
31
+ - [#160771](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160771)
32
+ [`52c92c480a7df`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52c92c480a7df) -
33
+ Passes bodied macro feature gate and live page info from Confluence to extension nodes
34
+ - Updated dependencies
35
+
3
36
  ## 1.15.8
4
37
 
5
38
  ### Patch Changes
@@ -70,7 +70,7 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
70
70
  var extensionHandlers = options.extensionHandlers || {};
71
71
  return (0, _main.createPlugin)(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
72
72
  appearance: options.appearance
73
- }, featureFlags);
73
+ }, featureFlags, options === null || options === void 0 ? void 0 : options.__livePage);
74
74
  }
75
75
  }, {
76
76
  name: 'extensionKeymap',
@@ -190,6 +190,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
190
190
  var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
191
191
  var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
192
192
  var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
193
+ var __livePage = arguments.length > 9 ? arguments[9] : undefined;
193
194
  var state = (0, _pluginFactory.createPluginState)(dispatch, {
194
195
  showEditButton: false,
195
196
  showContextPanel: false
@@ -201,6 +202,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
201
202
  showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false,
202
203
  showMacroButtonUpdates: (_featureFlags$macroIn2 = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionButtonUpdates) !== null && _featureFlags$macroIn2 !== void 0 ? _featureFlags$macroIn2 : false
203
204
  };
205
+ var showLivePagesBodiedMacrosRendererView = !!(__livePage && featureFlags !== null && featureFlags !== void 0 && featureFlags.livePagesBodiedMacrosRendererView);
204
206
  return new _safePlugin.SafePlugin({
205
207
  state: state,
206
208
  view: function view(editorView) {
@@ -299,7 +301,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
299
301
  // WARNING: referentiality-plugin also creates these nodeviews
300
302
  extension: (0, _lazyExtension.lazyExtensionNodeView)('extension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
301
303
  // WARNING: referentiality-plugin also creates these nodeviews
302
- bodiedExtension: (0, _lazyExtension.lazyExtensionNodeView)('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
304
+ bodiedExtension: (0, _lazyExtension.lazyExtensionNodeView)('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView),
303
305
  // WARNING: referentiality-plugin also creates these nodeviews
304
306
  inlineExtension: (0, _lazyExtension.lazyExtensionNodeView)('inlineExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
305
307
  multiBodiedExtension: (0, _lazyExtension.lazyExtensionNodeView)('multiBodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags)
@@ -21,6 +21,7 @@ var _mediaCenter = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/m
21
21
  var _mediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-full-width"));
22
22
  var _mediaWide = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wide"));
23
23
  var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
24
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
24
25
  var _actions = require("./actions");
25
26
  var _commands = require("./commands");
26
27
  var _pluginKey = require("./pm-plugins/macro/plugin-key");
@@ -176,7 +177,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
176
177
  separator: 'end'
177
178
  }, {
178
179
  type: 'copy-button',
179
- supportsViewMode: true,
180
+ supportsViewMode: !(0, _platformFeatureFlags.fg)('platform_editor_remove_copy_button_from_view_mode'),
180
181
  items: [{
181
182
  state: state,
182
183
  formatMessage: intl.formatMessage,
@@ -494,6 +494,7 @@ function ConfigFormIntlWithBoundary(_ref6) {
494
494
  featureFlags: featureFlags
495
495
  }));
496
496
  }
497
- var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
497
+ var result = (0, _analyticsNext.withAnalyticsContext)({
498
498
  source: 'ConfigPanel'
499
- })((0, _analyticsNext.withAnalyticsEvents)()(ConfigPanel));
499
+ })((0, _analyticsNext.withAnalyticsEvents)()(ConfigPanel));
500
+ var _default = exports.default = result;
@@ -13,6 +13,7 @@ var _new = require("@atlaskit/button/new");
13
13
  var _extensions = require("@atlaskit/editor-common/extensions");
14
14
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
15
15
  var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
16
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
17
  var _primitives = require("@atlaskit/primitives");
17
18
  var _colors = require("@atlaskit/theme/colors");
18
19
  var _constants = require("@atlaskit/theme/constants");
@@ -97,19 +98,35 @@ var Header = function Header(_ref) {
97
98
  enableHelpCTA = _ref.enableHelpCTA,
98
99
  onClose = _ref.onClose,
99
100
  intl = _ref.intl;
100
- var ResolvedIcon = (0, _reactLoadable.default)({
101
- loader: icon,
102
- loading: function loading() {
103
- return null;
101
+ var ResolvedIcon = (0, _react.useMemo)(function () {
102
+ if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_loadable')) {
103
+ return /*#__PURE__*/(0, _react.lazy)(function () {
104
+ return icon().then(function (Cmp) {
105
+ if ('default' in Cmp) {
106
+ return Cmp;
107
+ }
108
+ return {
109
+ default: Cmp
110
+ };
111
+ });
112
+ });
104
113
  }
105
- });
114
+ return (0, _reactLoadable.default)({
115
+ loader: icon,
116
+ loading: function loading() {
117
+ return null;
118
+ }
119
+ });
120
+ }, [icon]);
106
121
  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
107
122
  css: itemStyles
108
123
  }, (0, _react2.jsx)("div", {
109
124
  css: itemIconStyles
125
+ }, (0, _react2.jsx)(_react.Suspense, {
126
+ fallback: null
110
127
  }, (0, _react2.jsx)(ResolvedIcon, {
111
128
  label: title
112
- })), (0, _react2.jsx)("div", {
129
+ }))), (0, _react2.jsx)("div", {
113
130
  css: itemBodyStyles
114
131
  }, summary ? (0, _react2.jsx)("div", {
115
132
  css: itemTextStyles
@@ -64,7 +64,7 @@ export const extensionPlugin = ({
64
64
  const extensionHandlers = options.extensionHandlers || {};
65
65
  return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, api, options.useLongPressSelection, {
66
66
  appearance: options.appearance
67
- }, featureFlags);
67
+ }, featureFlags, options === null || options === void 0 ? void 0 : options.__livePage);
68
68
  }
69
69
  }, {
70
70
  name: 'extensionKeymap',
@@ -114,7 +114,7 @@ export const handleUpdate = ({
114
114
  }
115
115
  return true;
116
116
  };
117
- const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}, featureFlags) => {
117
+ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}, featureFlags, __livePage) => {
118
118
  var _featureFlags$macroIn, _featureFlags$macroIn2;
119
119
  const state = createPluginState(dispatch, {
120
120
  showEditButton: false,
@@ -127,6 +127,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
127
127
  showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false,
128
128
  showMacroButtonUpdates: (_featureFlags$macroIn2 = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionButtonUpdates) !== null && _featureFlags$macroIn2 !== void 0 ? _featureFlags$macroIn2 : false
129
129
  };
130
+ const showLivePagesBodiedMacrosRendererView = !!(__livePage && featureFlags !== null && featureFlags !== void 0 && featureFlags.livePagesBodiedMacrosRendererView);
130
131
  return new SafePlugin({
131
132
  state,
132
133
  view: editorView => {
@@ -234,7 +235,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
234
235
  // WARNING: referentiality-plugin also creates these nodeviews
235
236
  extension: lazyExtensionNodeView('extension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
236
237
  // WARNING: referentiality-plugin also creates these nodeviews
237
- bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
238
+ bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView),
238
239
  // WARNING: referentiality-plugin also creates these nodeviews
239
240
  inlineExtension: lazyExtensionNodeView('inlineExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
240
241
  multiBodiedExtension: lazyExtensionNodeView('multiBodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags)
@@ -13,6 +13,7 @@ import CenterIcon from '@atlaskit/icon/glyph/editor/media-center';
13
13
  import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
14
14
  import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
15
15
  import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
16
+ import { fg } from '@atlaskit/platform-feature-flags';
16
17
  import { editExtension } from './actions';
17
18
  import { removeDescendantNodes, removeExtension, updateExtensionLayout } from './commands';
18
19
  import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
@@ -173,7 +174,7 @@ export const getToolbarConfig = ({
173
174
  separator: 'end'
174
175
  }, {
175
176
  type: 'copy-button',
176
- supportsViewMode: true,
177
+ supportsViewMode: !fg('platform_editor_remove_copy_button_from_view_mode'),
177
178
  items: [{
178
179
  state,
179
180
  formatMessage: intl.formatMessage,
@@ -438,6 +438,7 @@ function ConfigFormIntlWithBoundary({
438
438
  featureFlags: featureFlags
439
439
  }));
440
440
  }
441
- export default withAnalyticsContext({
441
+ const result = withAnalyticsContext({
442
442
  source: 'ConfigPanel'
443
- })(withAnalyticsEvents()(ConfigPanel));
443
+ })(withAnalyticsEvents()(ConfigPanel));
444
+ export default result;
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { Fragment } from 'react';
5
+ import { Fragment, lazy, Suspense, useMemo } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
@@ -12,6 +12,7 @@ import { IconButton } from '@atlaskit/button/new';
12
12
  import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
13
13
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
14
14
  import CrossIcon from '@atlaskit/icon/glyph/cross';
15
+ import { fg } from '@atlaskit/platform-feature-flags';
15
16
  import { Box, Text, xcss } from '@atlaskit/primitives';
16
17
  import { N200 } from '@atlaskit/theme/colors';
17
18
  import { borderRadius } from '@atlaskit/theme/constants';
@@ -90,17 +91,31 @@ const Header = ({
90
91
  onClose,
91
92
  intl
92
93
  }) => {
93
- const ResolvedIcon = Loadable({
94
- loader: icon,
95
- loading: () => null
96
- });
94
+ const ResolvedIcon = useMemo(() => {
95
+ if (fg('platform_editor_react18_phase2_loadable')) {
96
+ return /*#__PURE__*/lazy(() => icon().then(Cmp => {
97
+ if ('default' in Cmp) {
98
+ return Cmp;
99
+ }
100
+ return {
101
+ default: Cmp
102
+ };
103
+ }));
104
+ }
105
+ return Loadable({
106
+ loader: icon,
107
+ loading: () => null
108
+ });
109
+ }, [icon]);
97
110
  return jsx(Fragment, null, jsx("div", {
98
111
  css: itemStyles
99
112
  }, jsx("div", {
100
113
  css: itemIconStyles
114
+ }, jsx(Suspense, {
115
+ fallback: null
101
116
  }, jsx(ResolvedIcon, {
102
117
  label: title
103
- })), jsx("div", {
118
+ }))), jsx("div", {
104
119
  css: itemBodyStyles
105
120
  }, summary ? jsx("div", {
106
121
  css: itemTextStyles
@@ -63,7 +63,7 @@ export var extensionPlugin = function extensionPlugin(_ref) {
63
63
  var extensionHandlers = options.extensionHandlers || {};
64
64
  return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
65
65
  appearance: options.appearance
66
- }, featureFlags);
66
+ }, featureFlags, options === null || options === void 0 ? void 0 : options.__livePage);
67
67
  }
68
68
  }, {
69
69
  name: 'extensionKeymap',
@@ -164,6 +164,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
164
164
  var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
165
165
  var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
166
166
  var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
167
+ var __livePage = arguments.length > 9 ? arguments[9] : undefined;
167
168
  var state = createPluginState(dispatch, {
168
169
  showEditButton: false,
169
170
  showContextPanel: false
@@ -175,6 +176,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
175
176
  showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false,
176
177
  showMacroButtonUpdates: (_featureFlags$macroIn2 = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionButtonUpdates) !== null && _featureFlags$macroIn2 !== void 0 ? _featureFlags$macroIn2 : false
177
178
  };
179
+ var showLivePagesBodiedMacrosRendererView = !!(__livePage && featureFlags !== null && featureFlags !== void 0 && featureFlags.livePagesBodiedMacrosRendererView);
178
180
  return new SafePlugin({
179
181
  state: state,
180
182
  view: function view(editorView) {
@@ -273,7 +275,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
273
275
  // WARNING: referentiality-plugin also creates these nodeviews
274
276
  extension: lazyExtensionNodeView('extension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
275
277
  // WARNING: referentiality-plugin also creates these nodeviews
276
- bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
278
+ bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView),
277
279
  // WARNING: referentiality-plugin also creates these nodeviews
278
280
  inlineExtension: lazyExtensionNodeView('inlineExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
279
281
  multiBodiedExtension: lazyExtensionNodeView('multiBodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags)
@@ -14,6 +14,7 @@ import CenterIcon from '@atlaskit/icon/glyph/editor/media-center';
14
14
  import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
15
15
  import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
16
16
  import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
17
+ import { fg } from '@atlaskit/platform-feature-flags';
17
18
  import { editExtension } from './actions';
18
19
  import { removeDescendantNodes, removeExtension, updateExtensionLayout } from './commands';
19
20
  import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
@@ -169,7 +170,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
169
170
  separator: 'end'
170
171
  }, {
171
172
  type: 'copy-button',
172
- supportsViewMode: true,
173
+ supportsViewMode: !fg('platform_editor_remove_copy_button_from_view_mode'),
173
174
  items: [{
174
175
  state: state,
175
176
  formatMessage: intl.formatMessage,
@@ -484,6 +484,7 @@ function ConfigFormIntlWithBoundary(_ref6) {
484
484
  featureFlags: featureFlags
485
485
  }));
486
486
  }
487
- export default withAnalyticsContext({
487
+ var result = withAnalyticsContext({
488
488
  source: 'ConfigPanel'
489
- })(withAnalyticsEvents()(ConfigPanel));
489
+ })(withAnalyticsEvents()(ConfigPanel));
490
+ export default result;
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { Fragment } from 'react';
5
+ import { Fragment, lazy, Suspense, useMemo } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
@@ -12,6 +12,7 @@ import { IconButton } from '@atlaskit/button/new';
12
12
  import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
13
13
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
14
14
  import CrossIcon from '@atlaskit/icon/glyph/cross';
15
+ import { fg } from '@atlaskit/platform-feature-flags';
15
16
  import { Box, Text, xcss } from '@atlaskit/primitives';
16
17
  import { N200 } from '@atlaskit/theme/colors';
17
18
  import { borderRadius } from '@atlaskit/theme/constants';
@@ -89,19 +90,35 @@ var Header = function Header(_ref) {
89
90
  enableHelpCTA = _ref.enableHelpCTA,
90
91
  onClose = _ref.onClose,
91
92
  intl = _ref.intl;
92
- var ResolvedIcon = Loadable({
93
- loader: icon,
94
- loading: function loading() {
95
- return null;
93
+ var ResolvedIcon = useMemo(function () {
94
+ if (fg('platform_editor_react18_phase2_loadable')) {
95
+ return /*#__PURE__*/lazy(function () {
96
+ return icon().then(function (Cmp) {
97
+ if ('default' in Cmp) {
98
+ return Cmp;
99
+ }
100
+ return {
101
+ default: Cmp
102
+ };
103
+ });
104
+ });
96
105
  }
97
- });
106
+ return Loadable({
107
+ loader: icon,
108
+ loading: function loading() {
109
+ return null;
110
+ }
111
+ });
112
+ }, [icon]);
98
113
  return jsx(Fragment, null, jsx("div", {
99
114
  css: itemStyles
100
115
  }, jsx("div", {
101
116
  css: itemIconStyles
117
+ }, jsx(Suspense, {
118
+ fallback: null
102
119
  }, jsx(ResolvedIcon, {
103
120
  label: title
104
- })), jsx("div", {
121
+ }))), jsx("div", {
105
122
  css: itemBodyStyles
106
123
  }, summary ? jsx("div", {
107
124
  css: itemTextStyles
@@ -20,5 +20,5 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
20
20
  }) => true | undefined;
21
21
  declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
22
22
  appearance?: EditorAppearance;
23
- }, featureFlags?: FeatureFlags) => SafePlugin<import("../types").ExtensionState>;
23
+ }, featureFlags?: FeatureFlags, __livePage?: boolean) => SafePlugin<import("../types").ExtensionState>;
24
24
  export { pluginKey, createPlugin, createCommand, getPluginState };
@@ -41,6 +41,7 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
41
41
  breakoutEnabled?: boolean;
42
42
  extensionHandlers?: ExtensionHandlers;
43
43
  appearance?: EditorAppearance;
44
+ __livePage?: boolean;
44
45
  }
45
46
  type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
46
47
  export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
3
  import type { ExtensionManifest, FieldDefinition, OnSaveCallback, Parameters } from '@atlaskit/editor-common/extensions';
4
- import type { FeatureFlags } from '@atlaskit/editor-common/types';
5
- import type { RejectSave } from '../../types';
6
- declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
4
+ import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
5
+ import type { ExtensionPlugin, RejectSave } from '../../types';
6
+ declare const result: React.ForwardRefExoticComponent<Pick<Omit<{
7
7
  extensionManifest?: ExtensionManifest | undefined;
8
8
  fields?: FieldDefinition[] | undefined;
9
9
  parameters?: Parameters | undefined;
@@ -16,57 +16,6 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
16
16
  errorMessage: string | null;
17
17
  isLoading?: boolean | undefined;
18
18
  featureFlags?: FeatureFlags | undefined;
19
- api: import("@atlaskit/editor-common/types").EditorInjectionAPI<"extension", {
20
- pluginConfiguration: import("../../types").ExtensionPluginOptions | undefined;
21
- dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
22
- pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
23
- sharedState: {
24
- createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
25
- attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
26
- performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
27
- };
28
- dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
29
- pluginConfiguration: FeatureFlags;
30
- sharedState: FeatureFlags;
31
- }, FeatureFlags>>];
32
- actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
33
- }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
34
- pluginConfiguration: FeatureFlags;
35
- sharedState: FeatureFlags;
36
- }, FeatureFlags>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
37
- sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
38
- }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
39
- sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
40
- actions: {
41
- hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
42
- removeDecoration: import("@atlaskit/editor-common/types").Command;
43
- };
44
- }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
45
- actions: {
46
- applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
47
- };
48
- sharedState: {
49
- contents: React.ReactNode[] | undefined;
50
- } | undefined;
51
- }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
52
- pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
53
- sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
54
- commands: {
55
- setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
56
- };
57
- }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
58
- sharedState: {
59
- showContextPanel: boolean | undefined;
60
- } | undefined;
61
- actions: {
62
- editSelectedExtension: () => boolean;
63
- api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI;
64
- insertMacroFromMacroBrowser: (macroProvider: import("@atlaskit/editor-common/provider-factory").MacroProvider, macroNode?: import("prosemirror-model").Node | undefined, isEditing?: boolean | undefined) => (view: import("prosemirror-view").EditorView) => Promise<boolean>;
65
- insertOrReplaceExtension: ({ editorView, action, attrs, content, position, size, tr, }: import("../../types").InsertOrReplaceExtensionType) => import("prosemirror-state").Transaction;
66
- insertOrReplaceBodiedExtension: ({ editorView, action, attrs, content, position, size, tr, }: import("../../types").InsertOrReplaceExtensionType) => import("prosemirror-state").Transaction;
67
- runMacroAutoConvert: import("../../types").RunMacroAutoConvert;
68
- forceAutoSave: (applyChangeToContextPanel: import("@atlaskit/editor-plugin-context-panel").ApplyChangeHandler | undefined) => (resolve: () => void, reject?: RejectSave | undefined) => import("@atlaskit/editor-common/types").Command;
69
- };
70
- }> | undefined;
19
+ api: ExtractInjectionAPI<ExtensionPlugin> | undefined;
71
20
  }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "featureFlags" | "api" | "autoSaveReject" | "parameters" | "key" | "onChange" | "errorMessage" | "analyticsContext" | "fields" | "extensionManifest" | "isLoading" | "onCancel" | "autoSaveTrigger" | "showHeader" | "closeOnEsc"> & React.RefAttributes<any>>;
72
- export default _default;
21
+ export default result;
@@ -20,5 +20,5 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
20
20
  }) => true | undefined;
21
21
  declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
22
22
  appearance?: EditorAppearance;
23
- }, featureFlags?: FeatureFlags) => SafePlugin<import("../types").ExtensionState>;
23
+ }, featureFlags?: FeatureFlags, __livePage?: boolean) => SafePlugin<import("../types").ExtensionState>;
24
24
  export { pluginKey, createPlugin, createCommand, getPluginState };
@@ -41,6 +41,7 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
41
41
  breakoutEnabled?: boolean;
42
42
  extensionHandlers?: ExtensionHandlers;
43
43
  appearance?: EditorAppearance;
44
+ __livePage?: boolean;
44
45
  }
45
46
  type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
46
47
  export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
3
  import type { ExtensionManifest, FieldDefinition, OnSaveCallback, Parameters } from '@atlaskit/editor-common/extensions';
4
- import type { FeatureFlags } from '@atlaskit/editor-common/types';
5
- import type { RejectSave } from '../../types';
6
- declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
4
+ import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
5
+ import type { ExtensionPlugin, RejectSave } from '../../types';
6
+ declare const result: React.ForwardRefExoticComponent<Pick<Omit<{
7
7
  extensionManifest?: ExtensionManifest | undefined;
8
8
  fields?: FieldDefinition[] | undefined;
9
9
  parameters?: Parameters | undefined;
@@ -16,66 +16,6 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
16
16
  errorMessage: string | null;
17
17
  isLoading?: boolean | undefined;
18
18
  featureFlags?: FeatureFlags | undefined;
19
- api: import("@atlaskit/editor-common/types").EditorInjectionAPI<"extension", {
20
- pluginConfiguration: import("../../types").ExtensionPluginOptions | undefined;
21
- dependencies: [
22
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
23
- pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
24
- sharedState: {
25
- createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
26
- attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
27
- performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
28
- };
29
- dependencies: [
30
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
31
- pluginConfiguration: FeatureFlags;
32
- sharedState: FeatureFlags;
33
- }, FeatureFlags>>
34
- ];
35
- actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
36
- }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
37
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
38
- pluginConfiguration: FeatureFlags;
39
- sharedState: FeatureFlags;
40
- }, FeatureFlags>>,
41
- import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
42
- sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
43
- }, undefined>,
44
- import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
45
- sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
46
- actions: {
47
- hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
48
- removeDecoration: import("@atlaskit/editor-common/types").Command;
49
- };
50
- }, undefined>,
51
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
52
- actions: {
53
- applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
54
- };
55
- sharedState: {
56
- contents: React.ReactNode[] | undefined;
57
- } | undefined;
58
- }, undefined>>,
59
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
60
- pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
61
- sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
62
- commands: {
63
- setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
64
- };
65
- }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
66
- ];
67
- sharedState: {
68
- showContextPanel: boolean | undefined;
69
- } | undefined;
70
- actions: {
71
- editSelectedExtension: () => boolean;
72
- api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI;
73
- insertMacroFromMacroBrowser: (macroProvider: import("@atlaskit/editor-common/provider-factory").MacroProvider, macroNode?: import("prosemirror-model").Node | undefined, isEditing?: boolean | undefined) => (view: import("prosemirror-view").EditorView) => Promise<boolean>;
74
- insertOrReplaceExtension: ({ editorView, action, attrs, content, position, size, tr, }: import("../../types").InsertOrReplaceExtensionType) => import("prosemirror-state").Transaction;
75
- insertOrReplaceBodiedExtension: ({ editorView, action, attrs, content, position, size, tr, }: import("../../types").InsertOrReplaceExtensionType) => import("prosemirror-state").Transaction;
76
- runMacroAutoConvert: import("../../types").RunMacroAutoConvert;
77
- forceAutoSave: (applyChangeToContextPanel: import("@atlaskit/editor-plugin-context-panel").ApplyChangeHandler | undefined) => (resolve: () => void, reject?: RejectSave | undefined) => import("@atlaskit/editor-common/types").Command;
78
- };
79
- }> | undefined;
19
+ api: ExtractInjectionAPI<ExtensionPlugin> | undefined;
80
20
  }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "featureFlags" | "api" | "autoSaveReject" | "parameters" | "key" | "onChange" | "errorMessage" | "analyticsContext" | "fields" | "extensionManifest" | "isLoading" | "onCancel" | "autoSaveTrigger" | "showHeader" | "closeOnEsc"> & React.RefAttributes<any>>;
81
- export default _default;
21
+ export default result;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-extension",
3
- "version": "1.15.8",
3
+ "version": "1.17.0",
4
4
  "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -24,14 +24,14 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@atlaskit/adf-schema": "^44.2.0",
27
- "@atlaskit/adf-utils": "^19.10.0",
27
+ "@atlaskit/adf-utils": "^19.12.0",
28
28
  "@atlaskit/analytics-next": "^10.1.0",
29
29
  "@atlaskit/avatar": "^21.17.0",
30
30
  "@atlaskit/button": "^20.3.0",
31
31
  "@atlaskit/checkbox": "^15.1.0",
32
- "@atlaskit/datetime-picker": "^15.7.0",
33
- "@atlaskit/editor-common": "^94.10.0",
34
- "@atlaskit/editor-json-transformer": "^8.20.0",
32
+ "@atlaskit/datetime-picker": "^15.9.0",
33
+ "@atlaskit/editor-common": "^94.17.0",
34
+ "@atlaskit/editor-json-transformer": "^8.21.0",
35
35
  "@atlaskit/editor-plugin-analytics": "^1.10.0",
36
36
  "@atlaskit/editor-plugin-context-identifier": "^1.3.0",
37
37
  "@atlaskit/editor-plugin-context-panel": "^1.3.0",
@@ -39,27 +39,27 @@
39
39
  "@atlaskit/editor-plugin-feature-flags": "^1.2.0",
40
40
  "@atlaskit/editor-plugin-width": "^1.3.0",
41
41
  "@atlaskit/editor-prosemirror": "6.0.0",
42
- "@atlaskit/editor-shared-styles": "^3.1.0",
42
+ "@atlaskit/editor-shared-styles": "^3.2.0",
43
43
  "@atlaskit/editor-tables": "^2.8.0",
44
44
  "@atlaskit/empty-state": "^7.12.0",
45
45
  "@atlaskit/form": "^10.5.0",
46
46
  "@atlaskit/heading": "2.4.7",
47
47
  "@atlaskit/icon": "^22.24.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.3.0",
49
- "@atlaskit/primitives": "^13.0.0",
49
+ "@atlaskit/primitives": "^13.1.0",
50
50
  "@atlaskit/radio": "^6.5.0",
51
51
  "@atlaskit/section-message": "^6.6.0",
52
- "@atlaskit/select": "^18.4.0",
52
+ "@atlaskit/select": "^18.5.0",
53
53
  "@atlaskit/smart-user-picker": "^6.11.0",
54
54
  "@atlaskit/spinner": "^16.3.0",
55
55
  "@atlaskit/tabs": "^16.5.0",
56
56
  "@atlaskit/textarea": "^5.6.0",
57
57
  "@atlaskit/textfield": "^6.5.0",
58
58
  "@atlaskit/theme": "^14.0.0",
59
- "@atlaskit/tmp-editor-statsig": "^2.11.0",
59
+ "@atlaskit/tmp-editor-statsig": "^2.12.0",
60
60
  "@atlaskit/toggle": "^13.4.0",
61
- "@atlaskit/tokens": "^2.0.0",
62
- "@atlaskit/tooltip": "^18.8.0",
61
+ "@atlaskit/tokens": "^2.2.0",
62
+ "@atlaskit/tooltip": "^18.9.0",
63
63
  "@babel/runtime": "^7.0.0",
64
64
  "@emotion/react": "^11.7.1",
65
65
  "bind-event-listener": "^3.0.0",
@@ -106,6 +106,14 @@
106
106
  ]
107
107
  }
108
108
  },
109
+ "platform-feature-flags": {
110
+ "platform_editor_remove_copy_button_from_view_mode": {
111
+ "type": "boolean"
112
+ },
113
+ "platform_editor_react18_phase2_loadable": {
114
+ "type": "boolean"
115
+ }
116
+ },
109
117
  "stricter": {
110
118
  "no-unused-dependencies": {
111
119
  "checkDevDependencies": true