@atlaskit/editor-core 208.5.1 → 208.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -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 -17
- 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 -17
- 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 -17
- 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 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,35 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 208.6.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#178613](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178613)
|
|
8
|
+
[`47e2c968a3b92`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/47e2c968a3b92) -
|
|
9
|
+
[ux] [ED-28399] remove padding from search match texsts in find and replace experiment
|
|
10
|
+
- [#176901](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/176901)
|
|
11
|
+
[`501b9262a675a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/501b9262a675a) -
|
|
12
|
+
clean up feature flag live_pages_content_jump_mitigation
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 208.6.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- [#178354](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178354)
|
|
20
|
+
[`8768b869f9245`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8768b869f9245) -
|
|
21
|
+
Cleanup platform_editor_stable_editorview_classname experiment
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- [#178432](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178432)
|
|
26
|
+
[`abe20dc3f4834`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abe20dc3f4834) -
|
|
27
|
+
Add translation on the context panel label text
|
|
28
|
+
- [#178265](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178265)
|
|
29
|
+
[`4a9fa08952bfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4a9fa08952bfe) -
|
|
30
|
+
[ux] ED-28379 fix styles for date match in find and replace
|
|
31
|
+
- Updated dependencies
|
|
32
|
+
|
|
3
33
|
## 208.5.1
|
|
4
34
|
|
|
5
35
|
### 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
|
}
|
|
@@ -30,7 +30,6 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
31
31
|
'.search-match-text': {
|
|
32
32
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
33
|
-
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
34
33
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
|
|
35
34
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
36
35
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -65,9 +64,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
65
64
|
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
65
|
},
|
|
67
66
|
// 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'
|
|
67
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
68
|
+
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
69
|
}
|
|
72
70
|
},
|
|
73
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -77,9 +75,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
77
75
|
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
76
|
},
|
|
79
77
|
// 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'
|
|
78
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
79
|
+
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
80
|
}
|
|
84
81
|
},
|
|
85
82
|
/** With node selection */
|
|
@@ -90,7 +87,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
90
87
|
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
88
|
},
|
|
92
89
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
93
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
90
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
94
91
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
95
92
|
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
93
|
}
|
|
@@ -102,7 +99,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
102
99
|
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
100
|
},
|
|
104
101
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
105
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
102
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
106
103
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
107
104
|
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
105
|
}
|
|
@@ -116,9 +113,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
116
113
|
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
114
|
},
|
|
118
115
|
// 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'
|
|
116
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
117
|
+
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
118
|
}
|
|
123
119
|
},
|
|
124
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -128,9 +124,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
128
124
|
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
125
|
},
|
|
130
126
|
// 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'
|
|
127
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
128
|
+
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
129
|
}
|
|
135
130
|
},
|
|
136
131
|
/** With node selection */
|
|
@@ -141,7 +136,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
141
136
|
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
137
|
},
|
|
143
138
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
144
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
139
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
145
140
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
146
141
|
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
142
|
}
|
|
@@ -153,7 +148,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
153
148
|
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
149
|
},
|
|
155
150
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
156
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
151
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
157
152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
158
153
|
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
154
|
}
|
|
@@ -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
|
}
|
|
@@ -23,7 +23,6 @@ export const findReplaceStylesNew = css({
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
24
24
|
'.search-match-text': {
|
|
25
25
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
26
|
-
padding: `${"var(--ds-space-050, 4px)"} 0`,
|
|
27
26
|
boxShadow: `
|
|
28
27
|
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
|
|
29
28
|
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
|
|
@@ -73,9 +72,8 @@ export const findReplaceStylesNew = css({
|
|
|
73
72
|
`
|
|
74
73
|
},
|
|
75
74
|
// 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'
|
|
75
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
76
|
+
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
77
|
}
|
|
80
78
|
},
|
|
81
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -88,9 +86,8 @@ export const findReplaceStylesNew = css({
|
|
|
88
86
|
`
|
|
89
87
|
},
|
|
90
88
|
// 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'
|
|
89
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
90
|
+
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
91
|
}
|
|
95
92
|
},
|
|
96
93
|
/** With node selection */
|
|
@@ -105,7 +102,7 @@ export const findReplaceStylesNew = css({
|
|
|
105
102
|
`
|
|
106
103
|
},
|
|
107
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
108
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
105
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
109
106
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
110
107
|
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
108
|
}
|
|
@@ -121,7 +118,7 @@ export const findReplaceStylesNew = css({
|
|
|
121
118
|
`
|
|
122
119
|
},
|
|
123
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
124
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
121
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
125
122
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
126
123
|
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
124
|
}
|
|
@@ -138,9 +135,8 @@ export const findReplaceStylesNew = css({
|
|
|
138
135
|
`
|
|
139
136
|
},
|
|
140
137
|
// 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'
|
|
138
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
139
|
+
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
140
|
}
|
|
145
141
|
},
|
|
146
142
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -153,9 +149,8 @@ export const findReplaceStylesNew = css({
|
|
|
153
149
|
`
|
|
154
150
|
},
|
|
155
151
|
// 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'
|
|
152
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
153
|
+
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
154
|
}
|
|
160
155
|
},
|
|
161
156
|
/** With node selection */
|
|
@@ -170,7 +165,7 @@ export const findReplaceStylesNew = css({
|
|
|
170
165
|
`
|
|
171
166
|
},
|
|
172
167
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
173
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
168
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
174
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
175
170
|
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
171
|
}
|
|
@@ -186,7 +181,7 @@ export const findReplaceStylesNew = css({
|
|
|
186
181
|
`
|
|
187
182
|
},
|
|
188
183
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
189
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
184
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
190
185
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
191
186
|
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
187
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "208.
|
|
2
|
+
export const version = "208.6.0";
|
|
@@ -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
|
}
|
|
@@ -23,7 +23,6 @@ export var findReplaceStylesNew = css({
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
24
24
|
'.search-match-text': {
|
|
25
25
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
26
|
-
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
27
26
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
|
|
28
27
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
29
28
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -58,9 +57,8 @@ export var findReplaceStylesNew = css({
|
|
|
58
57
|
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
58
|
},
|
|
60
59
|
// 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'
|
|
60
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
61
|
+
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
62
|
}
|
|
65
63
|
},
|
|
66
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -70,9 +68,8 @@ export var findReplaceStylesNew = css({
|
|
|
70
68
|
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
69
|
},
|
|
72
70
|
// 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'
|
|
71
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
72
|
+
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
73
|
}
|
|
77
74
|
},
|
|
78
75
|
/** With node selection */
|
|
@@ -83,7 +80,7 @@ export var findReplaceStylesNew = css({
|
|
|
83
80
|
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
81
|
},
|
|
85
82
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
86
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
83
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
87
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
88
85
|
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
86
|
}
|
|
@@ -95,7 +92,7 @@ export var findReplaceStylesNew = css({
|
|
|
95
92
|
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
93
|
},
|
|
97
94
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
98
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
95
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
99
96
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
100
97
|
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
98
|
}
|
|
@@ -109,9 +106,8 @@ export var findReplaceStylesNew = css({
|
|
|
109
106
|
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
107
|
},
|
|
111
108
|
// 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'
|
|
109
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
110
|
+
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
111
|
}
|
|
116
112
|
},
|
|
117
113
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -121,9 +117,8 @@ export var findReplaceStylesNew = css({
|
|
|
121
117
|
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
118
|
},
|
|
123
119
|
// 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'
|
|
120
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
121
|
+
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
122
|
}
|
|
128
123
|
},
|
|
129
124
|
/** With node selection */
|
|
@@ -134,7 +129,7 @@ export var findReplaceStylesNew = css({
|
|
|
134
129
|
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
130
|
},
|
|
136
131
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
137
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
132
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
138
133
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
139
134
|
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
135
|
}
|
|
@@ -146,7 +141,7 @@ export var findReplaceStylesNew = css({
|
|
|
146
141
|
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
142
|
},
|
|
148
143
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
149
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
144
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
150
145
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
151
146
|
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
147
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "208.
|
|
2
|
+
export var version = "208.6.0";
|
|
@@ -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.1",
|
|
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",
|
|
@@ -327,10 +327,6 @@
|
|
|
327
327
|
"type": "boolean",
|
|
328
328
|
"referenceOnly": true
|
|
329
329
|
},
|
|
330
|
-
"live_pages_content_jump_mitigation": {
|
|
331
|
-
"type": "boolean",
|
|
332
|
-
"referenceOnly": true
|
|
333
|
-
},
|
|
334
330
|
"nested_table_control_padding_with_css": {
|
|
335
331
|
"type": "boolean",
|
|
336
332
|
"referenceOnly": true
|