@atlaskit/editor-core 208.5.1 → 208.6.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,23 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#178354](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178354)
8
+ [`8768b869f9245`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8768b869f9245) -
9
+ Cleanup platform_editor_stable_editorview_classname experiment
10
+
11
+ ### Patch Changes
12
+
13
+ - [#178432](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178432)
14
+ [`abe20dc3f4834`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abe20dc3f4834) -
15
+ Add translation on the context panel label text
16
+ - [#178265](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178265)
17
+ [`4a9fa08952bfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4a9fa08952bfe) -
18
+ [ux] ED-28379 fix styles for date match in find and replace
19
+ - Updated dependencies
20
+
3
21
  ## 208.5.1
4
22
 
5
23
  ### Patch Changes
@@ -675,7 +675,7 @@ function ReactEditorView(props) {
675
675
  "data-testid": "react-editor-view-inital-focus-element"
676
676
  }), /*#__PURE__*/_react.default.createElement("div", {
677
677
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
678
- className: ((0, _expValEquals.expValEquals)('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + (0, _getUAPrefix.getUAPrefix)(),
678
+ className: "ProseMirror ".concat((0, _getUAPrefix.getUAPrefix)()),
679
679
  key: "ProseMirror",
680
680
  ref: handleEditorViewRef,
681
681
  "aria-label": assistiveLabel || props.intl.formatMessage(_messages.editorMessages.editorAssistiveLabel)
@@ -15,8 +15,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
  var _react2 = require("@emotion/react");
18
+ var _reactIntlNext = require("react-intl-next");
18
19
  var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
19
20
  var _hooks = require("@atlaskit/editor-common/hooks");
21
+ var _messages = require("@atlaskit/editor-common/messages");
20
22
  var _ui = require("@atlaskit/editor-common/ui");
21
23
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
22
24
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -62,14 +64,14 @@ var paddingStyles = (0, _react2.css)({
62
64
  });
63
65
  // Ignored via go/ees005
64
66
  // eslint-disable-next-line @repo/internal/react/no-class-components
65
- var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
66
- function SwappableContentArea() {
67
+ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
68
+ function SwappableContentAreaInner() {
67
69
  var _this;
68
- (0, _classCallCheck2.default)(this, SwappableContentArea);
70
+ (0, _classCallCheck2.default)(this, SwappableContentAreaInner);
69
71
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
70
72
  args[_key] = arguments[_key];
71
73
  }
72
- _this = _callSuper(this, SwappableContentArea, [].concat(args));
74
+ _this = _callSuper(this, SwappableContentAreaInner, [].concat(args));
73
75
  (0, _defineProperty2.default)(_this, "state", {
74
76
  mounted: false,
75
77
  currentPluginContent: undefined
@@ -114,8 +116,8 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
114
116
  });
115
117
  return _this;
116
118
  }
117
- (0, _inherits2.default)(SwappableContentArea, _React$PureComponent);
118
- return (0, _createClass2.default)(SwappableContentArea, [{
119
+ (0, _inherits2.default)(SwappableContentAreaInner, _React$PureComponent);
120
+ return (0, _createClass2.default)(SwappableContentAreaInner, [{
119
121
  key: "unsetPluginContent",
120
122
  value: function unsetPluginContent() {
121
123
  this.setState({
@@ -145,6 +147,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
145
147
  overflowX: 'hidden'
146
148
  });
147
149
  return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
150
+ var _this2$props$intl;
148
151
  var broadcastWidth = _ref.broadcastWidth;
149
152
  var contextPanelWidth = visible ? width : 0;
150
153
  broadcastWidth(contextPanelWidth);
@@ -154,7 +157,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
154
157
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
155
158
  "data-testid": "context-panel-panel",
156
159
  "aria-labelledby": "context-panel-title",
157
- "aria-label": "context-panel-panel",
160
+ "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(_messages.contextPanelMessages.panelLabel)) || '',
158
161
  role: "dialog"
159
162
  }, (0, _react2.jsx)("div", {
160
163
  "data-testid": "context-panel-content",
@@ -183,15 +186,15 @@ var useContextPanelSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory
183
186
  }, function (pluginInjectionApi) {
184
187
  return (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'contextPanel.contents');
185
188
  });
189
+ var SwappableContentArea = exports.SwappableContentArea = (0, _reactIntlNext.injectIntl)(SwappableContentAreaInner);
186
190
  function ContextPanel(props) {
187
191
  var contextPanelContents = useContextPanelSharedState(props.editorAPI);
188
192
  var firstContent = contextPanelContents && contextPanelContents.find(Boolean);
189
- return (
190
- // Ignored via go/ees005
191
- // eslint-disable-next-line react/jsx-props-no-spreading
192
- (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
193
- editorAPI: props.editorAPI,
194
- pluginContent: firstContent
195
- }))
196
- );
193
+ return (0, _react2.jsx)(SwappableContentArea
194
+ // Ignored via go/ees005
195
+ // eslint-disable-next-line react/jsx-props-no-spreading
196
+ , (0, _extends2.default)({}, props, {
197
+ editorAPI: props.editorAPI,
198
+ pluginContent: firstContent
199
+ }));
197
200
  }
@@ -65,9 +65,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
65
65
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t\t")
66
66
  },
67
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
68
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
69
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
70
- borderRadius: '3px'
68
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
69
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
71
70
  }
72
71
  },
73
72
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -77,9 +76,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
77
76
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t\t")
78
77
  },
79
78
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
80
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
81
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
82
- borderRadius: '3px'
79
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
80
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
83
81
  }
84
82
  },
85
83
  /** With node selection */
@@ -90,7 +88,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
90
88
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
91
89
  },
92
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
93
- '.loader-wrapper>a, .lozenge-wrapper': {
91
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
94
92
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
95
93
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
96
94
  }
@@ -102,7 +100,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
102
100
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
103
101
  },
104
102
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
105
- '.loader-wrapper>a, .lozenge-wrapper': {
103
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
106
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
107
105
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
108
106
  }
@@ -116,9 +114,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
116
114
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t\t")
117
115
  },
118
116
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
119
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
120
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
121
- borderRadius: '3px'
117
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
118
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
122
119
  }
123
120
  },
124
121
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -128,9 +125,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
128
125
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t\t")
129
126
  },
130
127
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
131
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
132
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
133
- borderRadius: '3px'
128
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
129
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
134
130
  }
135
131
  },
136
132
  /** With node selection */
@@ -141,7 +137,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
141
137
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
142
138
  },
143
139
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
144
- '.loader-wrapper>a, .lozenge-wrapper': {
140
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
145
141
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
146
142
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
147
143
  }
@@ -153,7 +149,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
153
149
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
154
150
  },
155
151
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
156
- '.loader-wrapper>a, .lozenge-wrapper': {
152
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
157
153
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
158
154
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
159
155
  }
@@ -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 = "208.5.0";
8
+ var version = exports.version = "208.5.1";
@@ -622,7 +622,7 @@ export function ReactEditorView(props) {
622
622
  "data-testid": "react-editor-view-inital-focus-element"
623
623
  }), /*#__PURE__*/React.createElement("div", {
624
624
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
625
- className: (expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + getUAPrefix(),
625
+ className: `ProseMirror ${getUAPrefix()}`,
626
626
  key: "ProseMirror",
627
627
  ref: handleEditorViewRef,
628
628
  "aria-label": assistiveLabel || props.intl.formatMessage(editorMessages.editorAssistiveLabel)
@@ -8,8 +8,10 @@ import React from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { css, jsx } from '@emotion/react';
11
+ import { injectIntl } from 'react-intl-next';
11
12
  import Transition from 'react-transition-group/Transition';
12
13
  import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
14
+ import { contextPanelMessages } from '@atlaskit/editor-common/messages';
13
15
  import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
14
16
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
15
17
  import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
@@ -48,7 +50,7 @@ const paddingStyles = css({
48
50
  });
49
51
  // Ignored via go/ees005
50
52
  // eslint-disable-next-line @repo/internal/react/no-class-components
51
- export class SwappableContentArea extends React.PureComponent {
53
+ class SwappableContentAreaInner extends React.PureComponent {
52
54
  constructor(...args) {
53
55
  super(...args);
54
56
  _defineProperty(this, "state", {
@@ -134,6 +136,7 @@ export class SwappableContentArea extends React.PureComponent {
134
136
  return jsx(ContextPanelConsumer, null, ({
135
137
  broadcastWidth
136
138
  }) => {
139
+ var _this$props$intl;
137
140
  const contextPanelWidth = visible ? width : 0;
138
141
  broadcastWidth(contextPanelWidth);
139
142
  return jsx("div", {
@@ -142,7 +145,7 @@ export class SwappableContentArea extends React.PureComponent {
142
145
  this.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
143
146
  "data-testid": "context-panel-panel",
144
147
  "aria-labelledby": "context-panel-title",
145
- "aria-label": "context-panel-panel",
148
+ "aria-label": ((_this$props$intl = this.props.intl) === null || _this$props$intl === void 0 ? void 0 : _this$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
146
149
  role: "dialog"
147
150
  }, jsx("div", {
148
151
  "data-testid": "context-panel-content",
@@ -161,15 +164,15 @@ const useContextPanelSharedState = sharedPluginStateHookMigratorFactory(pluginIn
161
164
  }, pluginInjectionApi => {
162
165
  return useSharedPluginStateSelector(pluginInjectionApi, 'contextPanel.contents');
163
166
  });
167
+ export const SwappableContentArea = injectIntl(SwappableContentAreaInner);
164
168
  export function ContextPanel(props) {
165
169
  const contextPanelContents = useContextPanelSharedState(props.editorAPI);
166
170
  const firstContent = contextPanelContents && contextPanelContents.find(Boolean);
167
- return (
168
- // Ignored via go/ees005
169
- // eslint-disable-next-line react/jsx-props-no-spreading
170
- jsx(SwappableContentArea, _extends({}, props, {
171
- editorAPI: props.editorAPI,
172
- pluginContent: firstContent
173
- }))
174
- );
171
+ return jsx(SwappableContentArea
172
+ // Ignored via go/ees005
173
+ // eslint-disable-next-line react/jsx-props-no-spreading
174
+ , _extends({}, props, {
175
+ editorAPI: props.editorAPI,
176
+ pluginContent: firstContent
177
+ }));
175
178
  }
@@ -73,9 +73,8 @@ export const findReplaceStylesNew = css({
73
73
  `
74
74
  },
75
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
76
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
77
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
78
- borderRadius: '3px'
76
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
77
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
79
78
  }
80
79
  },
81
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -88,9 +87,8 @@ export const findReplaceStylesNew = css({
88
87
  `
89
88
  },
90
89
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
91
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
92
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
93
- borderRadius: '3px'
90
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
91
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
94
92
  }
95
93
  },
96
94
  /** With node selection */
@@ -105,7 +103,7 @@ export const findReplaceStylesNew = css({
105
103
  `
106
104
  },
107
105
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
108
- '.loader-wrapper>a, .lozenge-wrapper': {
106
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
109
107
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
110
108
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"} !important`
111
109
  }
@@ -121,7 +119,7 @@ export const findReplaceStylesNew = css({
121
119
  `
122
120
  },
123
121
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
124
- '.loader-wrapper>a, .lozenge-wrapper': {
122
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
125
123
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
126
124
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"} !important`
127
125
  }
@@ -138,9 +136,8 @@ export const findReplaceStylesNew = css({
138
136
  `
139
137
  },
140
138
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
141
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
142
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
143
- borderRadius: '3px'
139
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
140
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
144
141
  }
145
142
  },
146
143
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -153,9 +150,8 @@ export const findReplaceStylesNew = css({
153
150
  `
154
151
  },
155
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
156
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
157
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
158
- borderRadius: '3px'
153
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
154
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
159
155
  }
160
156
  },
161
157
  /** With node selection */
@@ -170,7 +166,7 @@ export const findReplaceStylesNew = css({
170
166
  `
171
167
  },
172
168
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
173
- '.loader-wrapper>a, .lozenge-wrapper': {
169
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
174
170
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
175
171
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"} !important`
176
172
  }
@@ -186,7 +182,7 @@ export const findReplaceStylesNew = css({
186
182
  `
187
183
  },
188
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
189
- '.loader-wrapper>a, .lozenge-wrapper': {
185
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
190
186
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
191
187
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"} !important`
192
188
  }
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.5.0";
2
+ export const version = "208.5.1";
@@ -665,7 +665,7 @@ export function ReactEditorView(props) {
665
665
  "data-testid": "react-editor-view-inital-focus-element"
666
666
  }), /*#__PURE__*/React.createElement("div", {
667
667
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
668
- className: (expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + getUAPrefix(),
668
+ className: "ProseMirror ".concat(getUAPrefix()),
669
669
  key: "ProseMirror",
670
670
  ref: handleEditorViewRef,
671
671
  "aria-label": assistiveLabel || props.intl.formatMessage(editorMessages.editorAssistiveLabel)
@@ -17,8 +17,10 @@ import React from 'react';
17
17
 
18
18
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
19
19
  import { css, jsx } from '@emotion/react';
20
+ import { injectIntl } from 'react-intl-next';
20
21
  import Transition from 'react-transition-group/Transition';
21
22
  import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
23
+ import { contextPanelMessages } from '@atlaskit/editor-common/messages';
22
24
  import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
23
25
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
24
26
  import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
@@ -57,14 +59,14 @@ var paddingStyles = css({
57
59
  });
58
60
  // Ignored via go/ees005
59
61
  // eslint-disable-next-line @repo/internal/react/no-class-components
60
- export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
61
- function SwappableContentArea() {
62
+ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
63
+ function SwappableContentAreaInner() {
62
64
  var _this;
63
- _classCallCheck(this, SwappableContentArea);
65
+ _classCallCheck(this, SwappableContentAreaInner);
64
66
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
65
67
  args[_key] = arguments[_key];
66
68
  }
67
- _this = _callSuper(this, SwappableContentArea, [].concat(args));
69
+ _this = _callSuper(this, SwappableContentAreaInner, [].concat(args));
68
70
  _defineProperty(_this, "state", {
69
71
  mounted: false,
70
72
  currentPluginContent: undefined
@@ -109,8 +111,8 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
109
111
  });
110
112
  return _this;
111
113
  }
112
- _inherits(SwappableContentArea, _React$PureComponent);
113
- return _createClass(SwappableContentArea, [{
114
+ _inherits(SwappableContentAreaInner, _React$PureComponent);
115
+ return _createClass(SwappableContentAreaInner, [{
114
116
  key: "unsetPluginContent",
115
117
  value: function unsetPluginContent() {
116
118
  this.setState({
@@ -140,6 +142,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
140
142
  overflowX: 'hidden'
141
143
  });
142
144
  return jsx(ContextPanelConsumer, null, function (_ref) {
145
+ var _this2$props$intl;
143
146
  var broadcastWidth = _ref.broadcastWidth;
144
147
  var contextPanelWidth = visible ? width : 0;
145
148
  broadcastWidth(contextPanelWidth);
@@ -149,7 +152,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
149
152
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
150
153
  "data-testid": "context-panel-panel",
151
154
  "aria-labelledby": "context-panel-title",
152
- "aria-label": "context-panel-panel",
155
+ "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
153
156
  role: "dialog"
154
157
  }, jsx("div", {
155
158
  "data-testid": "context-panel-content",
@@ -178,15 +181,15 @@ var useContextPanelSharedState = sharedPluginStateHookMigratorFactory(function (
178
181
  }, function (pluginInjectionApi) {
179
182
  return useSharedPluginStateSelector(pluginInjectionApi, 'contextPanel.contents');
180
183
  });
184
+ export var SwappableContentArea = injectIntl(SwappableContentAreaInner);
181
185
  export function ContextPanel(props) {
182
186
  var contextPanelContents = useContextPanelSharedState(props.editorAPI);
183
187
  var firstContent = contextPanelContents && contextPanelContents.find(Boolean);
184
- return (
185
- // Ignored via go/ees005
186
- // eslint-disable-next-line react/jsx-props-no-spreading
187
- jsx(SwappableContentArea, _extends({}, props, {
188
- editorAPI: props.editorAPI,
189
- pluginContent: firstContent
190
- }))
191
- );
188
+ return jsx(SwappableContentArea
189
+ // Ignored via go/ees005
190
+ // eslint-disable-next-line react/jsx-props-no-spreading
191
+ , _extends({}, props, {
192
+ editorAPI: props.editorAPI,
193
+ pluginContent: firstContent
194
+ }));
192
195
  }
@@ -58,9 +58,8 @@ export var findReplaceStylesNew = css({
58
58
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t\t")
59
59
  },
60
60
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
61
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
62
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
63
- borderRadius: '3px'
61
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
62
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
64
63
  }
65
64
  },
66
65
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -70,9 +69,8 @@ export var findReplaceStylesNew = css({
70
69
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t\t")
71
70
  },
72
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
73
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
74
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
75
- borderRadius: '3px'
72
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
73
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
76
74
  }
77
75
  },
78
76
  /** With node selection */
@@ -83,7 +81,7 @@ export var findReplaceStylesNew = css({
83
81
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
84
82
  },
85
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
86
- '.loader-wrapper>a, .lozenge-wrapper': {
84
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
87
85
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
88
86
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
89
87
  }
@@ -95,7 +93,7 @@ export var findReplaceStylesNew = css({
95
93
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
96
94
  },
97
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
98
- '.loader-wrapper>a, .lozenge-wrapper': {
96
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
99
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
100
98
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
101
99
  }
@@ -109,9 +107,8 @@ export var findReplaceStylesNew = css({
109
107
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t\t")
110
108
  },
111
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
112
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
113
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
114
- borderRadius: '3px'
110
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
111
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
115
112
  }
116
113
  },
117
114
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -121,9 +118,8 @@ export var findReplaceStylesNew = css({
121
118
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t\t")
122
119
  },
123
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
124
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
125
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
126
- borderRadius: '3px'
121
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
122
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
127
123
  }
128
124
  },
129
125
  /** With node selection */
@@ -134,7 +130,7 @@ export var findReplaceStylesNew = css({
134
130
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
135
131
  },
136
132
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
137
- '.loader-wrapper>a, .lozenge-wrapper': {
133
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
138
134
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
139
135
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
140
136
  }
@@ -146,7 +142,7 @@ export var findReplaceStylesNew = css({
146
142
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
147
143
  },
148
144
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
149
- '.loader-wrapper>a, .lozenge-wrapper': {
145
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
150
146
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
151
147
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
152
148
  }
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "208.5.0";
2
+ export var version = "208.5.1";
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import React from 'react';
6
6
  import { jsx } from '@emotion/react';
7
+ import { type IntlShape } from 'react-intl-next';
7
8
  import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
8
9
  import { type ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
9
10
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -19,23 +20,10 @@ export declare const content: import("@emotion/react").SerializedStyles;
19
20
  type SwappableContentAreaProps = {
20
21
  pluginContent?: React.ReactNode;
21
22
  editorView?: EditorView;
23
+ intl: IntlShape;
22
24
  } & Props;
23
- type State = {
24
- mounted: boolean;
25
- currentPluginContent?: React.ReactNode;
25
+ export declare const SwappableContentArea: React.FC<import("react-intl-next").WithIntlProps<SwappableContentAreaProps>> & {
26
+ WrappedComponent: React.ComponentType<SwappableContentAreaProps>;
26
27
  };
27
- export declare class SwappableContentArea extends React.PureComponent<SwappableContentAreaProps, State> {
28
- state: {
29
- mounted: boolean;
30
- currentPluginContent: undefined;
31
- };
32
- static getDerivedStateFromProps(props: SwappableContentAreaProps, state: State): State | null;
33
- private unsetPluginContent;
34
- focusEditor: () => void;
35
- componentDidMount(): void;
36
- showPluginContent: () => jsx.JSX.Element | undefined;
37
- showProvidedContent: (isVisible: boolean) => jsx.JSX.Element | undefined;
38
- render(): jsx.JSX.Element;
39
- }
40
28
  export declare function ContextPanel(props: Props): jsx.JSX.Element;
41
29
  export {};
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import React from 'react';
6
6
  import { jsx } from '@emotion/react';
7
+ import { type IntlShape } from 'react-intl-next';
7
8
  import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
8
9
  import { type ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
9
10
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -21,23 +22,10 @@ export declare const content: import("@emotion/react").SerializedStyles;
21
22
  type SwappableContentAreaProps = {
22
23
  pluginContent?: React.ReactNode;
23
24
  editorView?: EditorView;
25
+ intl: IntlShape;
24
26
  } & Props;
25
- type State = {
26
- mounted: boolean;
27
- currentPluginContent?: React.ReactNode;
27
+ export declare const SwappableContentArea: React.FC<import("react-intl-next").WithIntlProps<SwappableContentAreaProps>> & {
28
+ WrappedComponent: React.ComponentType<SwappableContentAreaProps>;
28
29
  };
29
- export declare class SwappableContentArea extends React.PureComponent<SwappableContentAreaProps, State> {
30
- state: {
31
- mounted: boolean;
32
- currentPluginContent: undefined;
33
- };
34
- static getDerivedStateFromProps(props: SwappableContentAreaProps, state: State): State | null;
35
- private unsetPluginContent;
36
- focusEditor: () => void;
37
- componentDidMount(): void;
38
- showPluginContent: () => jsx.JSX.Element | undefined;
39
- showProvidedContent: (isVisible: boolean) => jsx.JSX.Element | undefined;
40
- render(): jsx.JSX.Element;
41
- }
42
30
  export declare function ContextPanel(props: Props): jsx.JSX.Element;
43
31
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "208.5.1",
3
+ "version": "208.6.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,8 +45,8 @@
45
45
  "@atlaskit/analytics-next": "^11.1.0",
46
46
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
47
47
  "@atlaskit/button": "^23.2.0",
48
- "@atlaskit/css": "^0.11.0",
49
- "@atlaskit/editor-common": "^107.2.0",
48
+ "@atlaskit/css": "^0.12.0",
49
+ "@atlaskit/editor-common": "^107.3.0",
50
50
  "@atlaskit/editor-json-transformer": "^8.24.0",
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.6.0",
@@ -63,7 +63,7 @@
63
63
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
64
64
  "@atlaskit/react-ufo": "^3.14.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
- "@atlaskit/tmp-editor-statsig": "^8.3.0",
66
+ "@atlaskit/tmp-editor-statsig": "^8.4.0",
67
67
  "@atlaskit/tokens": "^5.4.0",
68
68
  "@atlaskit/tooltip": "^20.3.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
@@ -102,7 +102,7 @@
102
102
  "@atlaskit/media-integration-test-helpers": "workspace:^",
103
103
  "@atlaskit/media-test-helpers": "^37.0.0",
104
104
  "@atlaskit/modal-dialog": "^14.2.0",
105
- "@atlaskit/primitives": "^14.9.0",
105
+ "@atlaskit/primitives": "^14.10.0",
106
106
  "@atlaskit/renderer": "^119.1.0",
107
107
  "@atlaskit/section-message": "^8.2.0",
108
108
  "@atlaskit/smart-card": "^38.16.0",