@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 +18 -0
- package/dist/cjs/create-editor/ReactEditorView.js +1 -1
- package/dist/cjs/ui/ContextPanel/index.js +18 -15
- package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +12 -16
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +1 -1
- package/dist/es2019/ui/ContextPanel/index.js +13 -10
- package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +12 -16
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +1 -1
- package/dist/esm/ui/ContextPanel/index.js +18 -15
- package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +12 -16
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContextPanel/index.d.ts +4 -16
- package/dist/types-ts4.5/ui/ContextPanel/index.d.ts +4 -16
- package/package.json +5 -5
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:
|
|
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
|
|
66
|
-
function
|
|
67
|
+
var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
68
|
+
function SwappableContentAreaInner() {
|
|
67
69
|
var _this;
|
|
68
|
-
(0, _classCallCheck2.default)(this,
|
|
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,
|
|
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)(
|
|
118
|
-
return (0, _createClass2.default)(
|
|
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":
|
|
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
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
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
|
}
|
|
@@ -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:
|
|
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
|
-
|
|
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":
|
|
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
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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.
|
|
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:
|
|
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
|
-
|
|
61
|
-
function
|
|
62
|
+
var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
63
|
+
function SwappableContentAreaInner() {
|
|
62
64
|
var _this;
|
|
63
|
-
_classCallCheck(this,
|
|
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,
|
|
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(
|
|
113
|
-
return _createClass(
|
|
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":
|
|
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
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
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.
|
|
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
|
-
|
|
24
|
-
|
|
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
|
-
|
|
26
|
-
|
|
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.
|
|
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.
|
|
49
|
-
"@atlaskit/editor-common": "^107.
|
|
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.
|
|
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.
|
|
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",
|