@atlaskit/editor-core 208.5.0 → 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 +28 -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 +20 -20
- 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 +44 -20
- 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 +20 -20
- 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 +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,33 @@
|
|
|
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
|
+
|
|
21
|
+
## 208.5.1
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- [#177994](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177994)
|
|
26
|
+
[`f19d2fadee3a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f19d2fadee3a8) -
|
|
27
|
+
[ux] [ED-28377] convert borders to boxShadows to prevent a layout shift while Finding with the
|
|
28
|
+
platform_editor_find_and_replace_improvements experiment
|
|
29
|
+
- Updated dependencies
|
|
30
|
+
|
|
3
31
|
## 208.5.0
|
|
4
32
|
|
|
5
33
|
### Minor 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
|
}
|
|
@@ -31,24 +31,26 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
31
31
|
'.search-match-text': {
|
|
32
32
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
33
33
|
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
34
|
-
|
|
34
|
+
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
35
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
36
36
|
color: "var(--ds-text, #172B4D)"
|
|
37
37
|
},
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
39
39
|
'.search-match-text.selected-search-match': {
|
|
40
|
+
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-subtlest-pressed, #F5CD47)", "\n\t\t"),
|
|
40
41
|
backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
|
|
41
42
|
},
|
|
42
43
|
/** Dark mode */
|
|
43
44
|
|
|
44
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
45
46
|
'.search-match-text.search-match-dark': {
|
|
46
|
-
|
|
47
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
|
|
47
48
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
|
|
48
49
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
49
50
|
},
|
|
50
51
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
51
52
|
'.search-match-text.selected-search-match.search-match-dark': {
|
|
53
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
|
|
52
54
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
|
|
53
55
|
},
|
|
54
56
|
/** Block match styles */
|
|
@@ -63,9 +65,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
63
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")
|
|
64
66
|
},
|
|
65
67
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
66
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
67
|
-
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)")
|
|
68
|
-
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)")
|
|
69
70
|
}
|
|
70
71
|
},
|
|
71
72
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -75,9 +76,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
75
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")
|
|
76
77
|
},
|
|
77
78
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
78
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
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)")
|
|
80
|
-
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)")
|
|
81
81
|
}
|
|
82
82
|
},
|
|
83
83
|
/** With node selection */
|
|
@@ -88,7 +88,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
88
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")
|
|
89
89
|
},
|
|
90
90
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
91
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
91
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
92
92
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
93
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")
|
|
94
94
|
}
|
|
@@ -100,7 +100,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
100
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")
|
|
101
101
|
},
|
|
102
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
103
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
103
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
104
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
105
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")
|
|
106
106
|
}
|
|
@@ -114,9 +114,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
114
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")
|
|
115
115
|
},
|
|
116
116
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
117
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
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)")
|
|
119
|
-
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)")
|
|
120
119
|
}
|
|
121
120
|
},
|
|
122
121
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -126,9 +125,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
126
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")
|
|
127
126
|
},
|
|
128
127
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
129
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
130
|
-
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)")
|
|
131
|
-
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)")
|
|
132
130
|
}
|
|
133
131
|
},
|
|
134
132
|
/** With node selection */
|
|
@@ -139,7 +137,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
139
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")
|
|
140
138
|
},
|
|
141
139
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
142
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
140
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
143
141
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
144
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")
|
|
145
143
|
}
|
|
@@ -151,7 +149,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
151
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")
|
|
152
150
|
},
|
|
153
151
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
154
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
152
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
155
153
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
156
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")
|
|
157
155
|
}
|
|
@@ -164,7 +162,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
164
162
|
'.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
165
163
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
166
164
|
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
167
|
-
|
|
165
|
+
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"),
|
|
168
166
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
169
167
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
170
168
|
'.ak-editor-expand__title-input': {
|
|
@@ -173,13 +171,14 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
173
171
|
},
|
|
174
172
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
175
173
|
'.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
174
|
+
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-subtlest-pressed, #F5CD47)", "\n\t\t"),
|
|
176
175
|
backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
|
|
177
176
|
},
|
|
178
177
|
/** Dark mode */
|
|
179
178
|
|
|
180
179
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
181
180
|
'.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
182
|
-
|
|
181
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
|
|
183
182
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
|
|
184
183
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
185
184
|
'.ak-editor-expand__title-input': {
|
|
@@ -188,6 +187,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
|
188
187
|
},
|
|
189
188
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
190
189
|
'.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
190
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
|
|
191
191
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
|
|
192
192
|
}
|
|
193
193
|
});
|
|
@@ -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
|
}
|
|
@@ -24,24 +24,38 @@ export const findReplaceStylesNew = css({
|
|
|
24
24
|
'.search-match-text': {
|
|
25
25
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
26
26
|
padding: `${"var(--ds-space-050, 4px)"} 0`,
|
|
27
|
-
|
|
27
|
+
boxShadow: `
|
|
28
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
|
|
29
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
|
|
30
|
+
`,
|
|
28
31
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
29
32
|
color: "var(--ds-text, #172B4D)"
|
|
30
33
|
},
|
|
31
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
32
35
|
'.search-match-text.selected-search-match': {
|
|
36
|
+
boxShadow: `
|
|
37
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
|
|
38
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
|
|
39
|
+
`,
|
|
33
40
|
backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
|
|
34
41
|
},
|
|
35
42
|
/** Dark mode */
|
|
36
43
|
|
|
37
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
38
45
|
'.search-match-text.search-match-dark': {
|
|
39
|
-
|
|
46
|
+
boxShadow: `
|
|
47
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
|
|
48
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
|
|
49
|
+
`,
|
|
40
50
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
|
|
41
51
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
42
52
|
},
|
|
43
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
54
|
'.search-match-text.selected-search-match.search-match-dark': {
|
|
55
|
+
boxShadow: `
|
|
56
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
|
|
57
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
|
|
58
|
+
`,
|
|
45
59
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
|
|
46
60
|
},
|
|
47
61
|
/** Block match styles */
|
|
@@ -59,9 +73,8 @@ export const findReplaceStylesNew = css({
|
|
|
59
73
|
`
|
|
60
74
|
},
|
|
61
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
62
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
63
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}
|
|
64
|
-
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)"}`
|
|
65
78
|
}
|
|
66
79
|
},
|
|
67
80
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -74,9 +87,8 @@ export const findReplaceStylesNew = css({
|
|
|
74
87
|
`
|
|
75
88
|
},
|
|
76
89
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
77
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
78
|
-
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)"}
|
|
79
|
-
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)"}`
|
|
80
92
|
}
|
|
81
93
|
},
|
|
82
94
|
/** With node selection */
|
|
@@ -91,7 +103,7 @@ export const findReplaceStylesNew = css({
|
|
|
91
103
|
`
|
|
92
104
|
},
|
|
93
105
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
94
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
106
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
95
107
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
96
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`
|
|
97
109
|
}
|
|
@@ -107,7 +119,7 @@ export const findReplaceStylesNew = css({
|
|
|
107
119
|
`
|
|
108
120
|
},
|
|
109
121
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
110
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
122
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
111
123
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
112
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`
|
|
113
125
|
}
|
|
@@ -124,9 +136,8 @@ export const findReplaceStylesNew = css({
|
|
|
124
136
|
`
|
|
125
137
|
},
|
|
126
138
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
127
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
128
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}
|
|
129
|
-
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)"}`
|
|
130
141
|
}
|
|
131
142
|
},
|
|
132
143
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -139,9 +150,8 @@ export const findReplaceStylesNew = css({
|
|
|
139
150
|
`
|
|
140
151
|
},
|
|
141
152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
142
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
143
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}
|
|
144
|
-
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)"}`
|
|
145
155
|
}
|
|
146
156
|
},
|
|
147
157
|
/** With node selection */
|
|
@@ -156,7 +166,7 @@ export const findReplaceStylesNew = css({
|
|
|
156
166
|
`
|
|
157
167
|
},
|
|
158
168
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
159
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
169
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
160
170
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
161
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`
|
|
162
172
|
}
|
|
@@ -172,7 +182,7 @@ export const findReplaceStylesNew = css({
|
|
|
172
182
|
`
|
|
173
183
|
},
|
|
174
184
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
175
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
185
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
176
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
177
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`
|
|
178
188
|
}
|
|
@@ -185,7 +195,10 @@ export const findReplaceStylesNew = css({
|
|
|
185
195
|
'.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
186
196
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
187
197
|
padding: `${"var(--ds-space-050, 4px)"} 0`,
|
|
188
|
-
|
|
198
|
+
boxShadow: `
|
|
199
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
|
|
200
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
|
|
201
|
+
`,
|
|
189
202
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
190
203
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
191
204
|
'.ak-editor-expand__title-input': {
|
|
@@ -194,13 +207,20 @@ export const findReplaceStylesNew = css({
|
|
|
194
207
|
},
|
|
195
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
196
209
|
'.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
210
|
+
boxShadow: `
|
|
211
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
|
|
212
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
|
|
213
|
+
`,
|
|
197
214
|
backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
|
|
198
215
|
},
|
|
199
216
|
/** Dark mode */
|
|
200
217
|
|
|
201
218
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
202
219
|
'.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
203
|
-
|
|
220
|
+
boxShadow: `
|
|
221
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
|
|
222
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
|
|
223
|
+
`,
|
|
204
224
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
|
|
205
225
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
206
226
|
'.ak-editor-expand__title-input': {
|
|
@@ -209,6 +229,10 @@ export const findReplaceStylesNew = css({
|
|
|
209
229
|
},
|
|
210
230
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
211
231
|
'.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
232
|
+
boxShadow: `
|
|
233
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
|
|
234
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
|
|
235
|
+
`,
|
|
212
236
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
|
|
213
237
|
}
|
|
214
238
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "208.
|
|
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
|
}
|
|
@@ -24,24 +24,26 @@ export var findReplaceStylesNew = css({
|
|
|
24
24
|
'.search-match-text': {
|
|
25
25
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
26
26
|
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
27
|
-
|
|
27
|
+
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
28
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
29
29
|
color: "var(--ds-text, #172B4D)"
|
|
30
30
|
},
|
|
31
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
32
32
|
'.search-match-text.selected-search-match': {
|
|
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-subtlest-pressed, #F5CD47)", "\n\t\t"),
|
|
33
34
|
backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
|
|
34
35
|
},
|
|
35
36
|
/** Dark mode */
|
|
36
37
|
|
|
37
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
38
39
|
'.search-match-text.search-match-dark': {
|
|
39
|
-
|
|
40
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
|
|
40
41
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
|
|
41
42
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
42
43
|
},
|
|
43
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
45
|
'.search-match-text.selected-search-match.search-match-dark': {
|
|
46
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
|
|
45
47
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
|
|
46
48
|
},
|
|
47
49
|
/** Block match styles */
|
|
@@ -56,9 +58,8 @@ export var findReplaceStylesNew = css({
|
|
|
56
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")
|
|
57
59
|
},
|
|
58
60
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
59
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
60
|
-
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)")
|
|
61
|
-
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)")
|
|
62
63
|
}
|
|
63
64
|
},
|
|
64
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -68,9 +69,8 @@ export var findReplaceStylesNew = css({
|
|
|
68
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")
|
|
69
70
|
},
|
|
70
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
71
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
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)")
|
|
73
|
-
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)")
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
/** With node selection */
|
|
@@ -81,7 +81,7 @@ export var findReplaceStylesNew = css({
|
|
|
81
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")
|
|
82
82
|
},
|
|
83
83
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
84
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
84
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
85
85
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
86
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")
|
|
87
87
|
}
|
|
@@ -93,7 +93,7 @@ export var findReplaceStylesNew = css({
|
|
|
93
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")
|
|
94
94
|
},
|
|
95
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
96
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
96
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
97
97
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
98
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")
|
|
99
99
|
}
|
|
@@ -107,9 +107,8 @@ export var findReplaceStylesNew = css({
|
|
|
107
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")
|
|
108
108
|
},
|
|
109
109
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
110
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
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)")
|
|
112
|
-
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)")
|
|
113
112
|
}
|
|
114
113
|
},
|
|
115
114
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -119,9 +118,8 @@ export var findReplaceStylesNew = css({
|
|
|
119
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")
|
|
120
119
|
},
|
|
121
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
122
|
-
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
|
|
123
|
-
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)")
|
|
124
|
-
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)")
|
|
125
123
|
}
|
|
126
124
|
},
|
|
127
125
|
/** With node selection */
|
|
@@ -132,7 +130,7 @@ export var findReplaceStylesNew = css({
|
|
|
132
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")
|
|
133
131
|
},
|
|
134
132
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
135
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
133
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
136
134
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
137
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")
|
|
138
136
|
}
|
|
@@ -144,7 +142,7 @@ export var findReplaceStylesNew = css({
|
|
|
144
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")
|
|
145
143
|
},
|
|
146
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
147
|
-
'.loader-wrapper>a, .lozenge-wrapper': {
|
|
145
|
+
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
148
146
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
149
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")
|
|
150
148
|
}
|
|
@@ -157,7 +155,7 @@ export var findReplaceStylesNew = css({
|
|
|
157
155
|
'.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
158
156
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
159
157
|
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
160
|
-
|
|
158
|
+
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"),
|
|
161
159
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
162
160
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
163
161
|
'.ak-editor-expand__title-input': {
|
|
@@ -166,13 +164,14 @@ export var findReplaceStylesNew = css({
|
|
|
166
164
|
},
|
|
167
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
168
166
|
'.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
167
|
+
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-subtlest-pressed, #F5CD47)", "\n\t\t"),
|
|
169
168
|
backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
|
|
170
169
|
},
|
|
171
170
|
/** Dark mode */
|
|
172
171
|
|
|
173
172
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
174
173
|
'.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
175
|
-
|
|
174
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
|
|
176
175
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
|
|
177
176
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
178
177
|
'.ak-editor-expand__title-input': {
|
|
@@ -181,6 +180,7 @@ export var findReplaceStylesNew = css({
|
|
|
181
180
|
},
|
|
182
181
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
183
182
|
'.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
183
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
|
|
184
184
|
backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
|
|
185
185
|
}
|
|
186
186
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "208.
|
|
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,8 +102,8 @@
|
|
|
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.
|
|
106
|
-
"@atlaskit/renderer": "^119.
|
|
105
|
+
"@atlaskit/primitives": "^14.10.0",
|
|
106
|
+
"@atlaskit/renderer": "^119.1.0",
|
|
107
107
|
"@atlaskit/section-message": "^8.2.0",
|
|
108
108
|
"@atlaskit/smart-card": "^38.16.0",
|
|
109
109
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|