@atlaskit/editor-common 112.13.3 → 112.13.5

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.
Files changed (29) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-products/tsconfig.json +0 -3
  5. package/dist/cjs/ai-messages/ai.js +46 -0
  6. package/dist/cjs/extensibility/Extension/Extension/index.js +2 -17
  7. package/dist/cjs/extensibility/index.js +0 -7
  8. package/dist/cjs/monitoring/error.js +1 -1
  9. package/dist/cjs/ui/DropList/index.js +1 -1
  10. package/dist/es2019/ai-messages/ai.js +46 -0
  11. package/dist/es2019/extensibility/Extension/Extension/index.js +1 -12
  12. package/dist/es2019/extensibility/index.js +0 -1
  13. package/dist/es2019/monitoring/error.js +1 -1
  14. package/dist/es2019/ui/DropList/index.js +1 -1
  15. package/dist/esm/ai-messages/ai.js +46 -0
  16. package/dist/esm/extensibility/Extension/Extension/index.js +2 -17
  17. package/dist/esm/extensibility/index.js +0 -1
  18. package/dist/esm/monitoring/error.js +1 -1
  19. package/dist/esm/ui/DropList/index.js +1 -1
  20. package/dist/types/ai-messages/ai.d.ts +128 -83
  21. package/dist/types/extensibility/index.d.ts +0 -1
  22. package/dist/types-ts4.5/ai-messages/ai.d.ts +128 -83
  23. package/dist/types-ts4.5/extensibility/index.d.ts +0 -1
  24. package/package.json +2 -3
  25. package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js +0 -113
  26. package/dist/es2019/extensibility/Extension/LegacyContentHeader/index.js +0 -108
  27. package/dist/esm/extensibility/Extension/LegacyContentHeader/index.js +0 -106
  28. package/dist/types/extensibility/Extension/LegacyContentHeader/index.d.ts +0 -12
  29. package/dist/types-ts4.5/extensibility/Extension/LegacyContentHeader/index.d.ts +0 -12
@@ -1,242 +1,287 @@
1
1
  export declare const aiMessages: {
2
- eventHubfallbackSuggestedTitle: {
3
- id: string;
2
+ actionItemsPageDescription: {
4
3
  defaultMessage: string;
5
4
  description: string;
6
- };
7
- eventHubfallbackSuggestedTitlePrefix: {
8
5
  id: string;
6
+ };
7
+ actionItemsPageTitle: {
9
8
  defaultMessage: string;
10
9
  description: string;
11
- };
12
- aiToolbarTitle: {
13
10
  id: string;
11
+ };
12
+ adjustLengthToolbarDropdownIconTitle: {
14
13
  defaultMessage: string;
15
14
  description: string;
16
- };
17
- improveWritingToolbarIconTitle: {
18
15
  id: string;
16
+ };
17
+ agentsDropdownTitle: {
19
18
  defaultMessage: string;
20
19
  description: string;
21
- };
22
- improveWritingToolbarIconTooltip: {
23
20
  id: string;
21
+ };
22
+ agentsViewAgentsLabel: {
24
23
  defaultMessage: string;
25
24
  description: string;
26
- };
27
- askAIToolbarIconTitle: {
28
25
  id: string;
26
+ };
27
+ aiRovoTelepointer: {
29
28
  defaultMessage: string;
30
29
  description: string;
31
- };
32
- askRovoToolbarIconTitle: {
33
30
  id: string;
31
+ };
32
+ aiSmartButtonDynamicSurfaceSelectedContent: {
34
33
  defaultMessage: string;
35
34
  description: string;
36
- };
37
- moreRovoOptionsMenuLabel: {
38
35
  id: string;
36
+ };
37
+ aiToolbarTitle: {
39
38
  defaultMessage: string;
40
39
  description: string;
41
- };
42
- askRovoAiSplitButtonLabel: {
43
40
  id: string;
41
+ };
42
+ askAIToolbarIconTitle: {
44
43
  defaultMessage: string;
45
44
  description: string;
45
+ id: string;
46
46
  };
47
47
  askAIToolbarIconTooltip: {
48
- id: string;
49
48
  defaultMessage: string;
50
49
  description: string;
50
+ id: string;
51
51
  };
52
52
  askAIToolbarIconTooltipQuickCommand: {
53
- id: string;
54
53
  defaultMessage: string;
55
54
  description: string;
56
- };
57
- askRovoToolbarIconTooltipQuickCommand: {
58
55
  id: string;
56
+ };
57
+ askRovoAiSplitButtonLabel: {
59
58
  defaultMessage: string;
60
59
  description: string;
61
- };
62
- tryAIToolbarIconTitle: {
63
60
  id: string;
61
+ };
62
+ askRovoToolbarIconTitle: {
64
63
  defaultMessage: string;
65
64
  description: string;
66
- };
67
- tryAIToolbarIconTooltip: {
68
65
  id: string;
66
+ };
67
+ askRovoToolbarIconTooltipQuickCommand: {
69
68
  defaultMessage: string;
70
69
  description: string;
71
- };
72
- simplifiedAIToolbarIconTitle: {
73
70
  id: string;
71
+ };
72
+ atlasGenerateContentConfigItemDescription: {
74
73
  defaultMessage: string;
75
74
  description: string;
76
- };
77
- summarizeToolbarDropdownIconTitle: {
78
75
  id: string;
76
+ };
77
+ atlasSummarizePageConfigItemDescription: {
79
78
  defaultMessage: string;
80
79
  description: string;
81
- };
82
- translateToolbarDropdownIconTitle: {
83
80
  id: string;
81
+ };
82
+ blockMenuNestedMenuTitle: {
84
83
  defaultMessage: string;
85
84
  description: string;
85
+ id: string;
86
86
  };
87
- translateOptionsIconLabel: {
87
+ changeToneOptionsIconLabel: {
88
+ defaultMessage: string;
89
+ description: string;
88
90
  id: string;
91
+ };
92
+ changeToneToolbarDropdownIconTitle: {
89
93
  defaultMessage: string;
90
94
  description: string;
95
+ id: string;
91
96
  };
92
- spellingAndGrammarToolbarDropdownIconTitle: {
97
+ cmdPaletteUnhandledErrorMessage: {
98
+ defaultMessage: string;
99
+ description: string;
93
100
  id: string;
101
+ };
102
+ confluenceChangeToneSelectionToolbarDropdownMenuTitle: {
94
103
  defaultMessage: string;
95
104
  description: string;
105
+ id: string;
96
106
  };
97
- makeLongerToolbarDropdownIconTitle: {
107
+ confluenceRewriteSelectionToolbarDropdownMenuTitle: {
108
+ defaultMessage: string;
109
+ description: string;
98
110
  id: string;
111
+ };
112
+ confluenceTranslateSelectionToolbarDropdownMenuTitle: {
99
113
  defaultMessage: string;
100
114
  description: string;
115
+ id: string;
101
116
  };
102
- makeShorterToolbarDropdownIconTitle: {
117
+ DefineDropdownIconTitle: {
118
+ defaultMessage: string;
119
+ description: string;
103
120
  id: string;
121
+ };
122
+ eventHubfallbackSuggestedTitle: {
104
123
  defaultMessage: string;
105
124
  description: string;
125
+ id: string;
106
126
  };
107
- changeToneToolbarDropdownIconTitle: {
127
+ eventHubfallbackSuggestedTitlePrefix: {
128
+ defaultMessage: string;
129
+ description: string;
108
130
  id: string;
131
+ };
132
+ improveWritingToolbarIconTitle: {
109
133
  defaultMessage: string;
110
134
  description: string;
135
+ id: string;
111
136
  };
112
- changeToneOptionsIconLabel: {
137
+ improveWritingToolbarIconTooltip: {
138
+ defaultMessage: string;
139
+ description: string;
113
140
  id: string;
141
+ };
142
+ makeLongerToolbarDropdownIconTitle: {
114
143
  defaultMessage: string;
115
144
  description: string;
145
+ id: string;
116
146
  };
117
- moreProfessionalToneToolbarDropdownIconTitle: {
147
+ makeShorterToolbarDropdownIconTitle: {
148
+ defaultMessage: string;
149
+ description: string;
118
150
  id: string;
151
+ };
152
+ markdownErrorMessage: {
119
153
  defaultMessage: string;
120
154
  description: string;
155
+ id: string;
121
156
  };
122
157
  moreCasualToneToolbarDropdownIconTitle: {
123
- id: string;
124
158
  defaultMessage: string;
125
159
  description: string;
160
+ id: string;
126
161
  };
127
162
  moreEmpatheticToneToolbarDropdownIconTitle: {
128
- id: string;
129
163
  defaultMessage: string;
130
164
  description: string;
131
- };
132
- adjustLengthToolbarDropdownIconTitle: {
133
165
  id: string;
166
+ };
167
+ moreProfessionalToneToolbarDropdownIconTitle: {
134
168
  defaultMessage: string;
135
169
  description: string;
136
- };
137
- DefineDropdownIconTitle: {
138
170
  id: string;
171
+ };
172
+ moreRovoOptionsMenuLabel: {
139
173
  defaultMessage: string;
140
174
  description: string;
141
- };
142
- atlasGenerateContentConfigItemDescription: {
143
175
  id: string;
176
+ };
177
+ pasteMenuActionsTitle: {
144
178
  defaultMessage: string;
145
179
  description: string;
146
- };
147
- atlasSummarizePageConfigItemDescription: {
148
180
  id: string;
181
+ };
182
+ promptbuilderAriaLabel: {
149
183
  defaultMessage: string;
150
184
  description: string;
151
- };
152
- confluenceChangeToneSelectionToolbarDropdownMenuTitle: {
153
185
  id: string;
186
+ };
187
+ promptBuilderFromButton: {
154
188
  defaultMessage: string;
155
189
  description: string;
156
- };
157
- confluenceRewriteSelectionToolbarDropdownMenuTitle: {
158
190
  id: string;
191
+ };
192
+ simplifiedAIToolbarIconTitle: {
159
193
  defaultMessage: string;
160
194
  description: string;
161
- };
162
- confluenceTranslateSelectionToolbarDropdownMenuTitle: {
163
195
  id: string;
196
+ };
197
+ smartlinkAddDecisions: {
164
198
  defaultMessage: string;
165
199
  description: string;
166
- };
167
- actionItemsPageTitle: {
168
200
  id: string;
201
+ };
202
+ smartlinkAddRelatedWorkItems: {
169
203
  defaultMessage: string;
170
204
  description: string;
171
- };
172
- actionItemsPageDescription: {
173
205
  id: string;
206
+ };
207
+ smartlinkDefineActionItems: {
174
208
  defaultMessage: string;
175
209
  description: string;
176
- };
177
- summarizePageTitle: {
178
210
  id: string;
211
+ };
212
+ smartlinkExtractInsights: {
179
213
  defaultMessage: string;
180
214
  description: string;
181
- };
182
- summarisePageDescription: {
183
215
  id: string;
216
+ };
217
+ smartlinkExtractUserQuotes: {
184
218
  defaultMessage: string;
185
219
  description: string;
186
- };
187
- agentsDropdownTitle: {
188
220
  id: string;
221
+ };
222
+ smartlinkListKeyThemes: {
189
223
  defaultMessage: string;
190
224
  description: string;
191
- };
192
- agentsViewAgentsLabel: {
193
225
  id: string;
226
+ };
227
+ smartlinkListKeyTopics: {
194
228
  defaultMessage: string;
195
229
  description: string;
196
- };
197
- unhandledErrorMessage: {
198
230
  id: string;
231
+ };
232
+ smartlinkListTodos: {
199
233
  defaultMessage: string;
200
234
  description: string;
201
- };
202
- cmdPaletteUnhandledErrorMessage: {
203
235
  id: string;
236
+ };
237
+ smartlinkSummarizeChanges: {
204
238
  defaultMessage: string;
205
239
  description: string;
206
- };
207
- markdownErrorMessage: {
208
240
  id: string;
241
+ };
242
+ spellingAndGrammarToolbarDropdownIconTitle: {
209
243
  defaultMessage: string;
210
244
  description: string;
211
- };
212
- promptbuilderAriaLabel: {
213
245
  id: string;
246
+ };
247
+ summarisePageDescription: {
214
248
  defaultMessage: string;
215
249
  description: string;
216
- };
217
- promptBuilderFromButton: {
218
250
  id: string;
251
+ };
252
+ summarizePageTitle: {
219
253
  defaultMessage: string;
220
254
  description: string;
221
- };
222
- aiSmartButtonDynamicSurfaceSelectedContent: {
223
255
  id: string;
256
+ };
257
+ summarizeToolbarDropdownIconTitle: {
224
258
  defaultMessage: string;
225
259
  description: string;
226
- };
227
- aiRovoTelepointer: {
228
260
  id: string;
261
+ };
262
+ translateOptionsIconLabel: {
229
263
  defaultMessage: string;
230
264
  description: string;
265
+ id: string;
231
266
  };
232
- pasteMenuActionsTitle: {
267
+ translateToolbarDropdownIconTitle: {
268
+ defaultMessage: string;
269
+ description: string;
233
270
  id: string;
271
+ };
272
+ tryAIToolbarIconTitle: {
234
273
  defaultMessage: string;
235
274
  description: string;
275
+ id: string;
236
276
  };
237
- blockMenuNestedMenuTitle: {
277
+ tryAIToolbarIconTooltip: {
278
+ defaultMessage: string;
279
+ description: string;
238
280
  id: string;
281
+ };
282
+ unhandledErrorMessage: {
239
283
  defaultMessage: string;
240
284
  description: string;
285
+ id: string;
241
286
  };
242
287
  };
@@ -1,6 +1,5 @@
1
1
  export { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
2
2
  export { Extension } from './Extension';
3
- export { LegacyContentHeader } from './Extension/LegacyContentHeader';
4
3
  export { default as ExtensionNodeView, ExtensionNode } from './extensionNodeView';
5
4
  export { ExtensionComponent } from './ExtensionComponent';
6
5
  export type { MacroInteractionDesignFeatureFlags, GetPMNodeHeight } from './types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "112.13.3",
3
+ "version": "112.13.5",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -78,10 +78,9 @@
78
78
  "@atlaskit/smart-card": "^43.28.0",
79
79
  "@atlaskit/smart-user-picker": "^9.2.0",
80
80
  "@atlaskit/spinner": "^19.0.0",
81
- "@atlaskit/status": "^3.2.0",
82
81
  "@atlaskit/task-decision": "^19.3.0",
83
82
  "@atlaskit/textfield": "^8.2.0",
84
- "@atlaskit/tmp-editor-statsig": "^50.0.0",
83
+ "@atlaskit/tmp-editor-statsig": "^51.0.0",
85
84
  "@atlaskit/tokens": "^11.4.0",
86
85
  "@atlaskit/tooltip": "^21.0.0",
87
86
  "@atlaskit/width-detector": "^5.0.0",
@@ -1,113 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.LegacyContentHeader = void 0;
8
- var _react = require("react");
9
- var _react2 = require("@emotion/react");
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- var _reactIntlNext = require("react-intl-next");
12
- var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
13
- var _link = _interopRequireDefault(require("@atlaskit/link"));
14
- var _status = require("@atlaskit/status");
15
- /**
16
- * @jsxRuntime classic
17
- * @jsx jsx
18
- */
19
-
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
21
-
22
- var i18n = (0, _reactIntlNext.defineMessages)({
23
- legacyContentHeader: {
24
- id: 'editor.extension.legacyContentHeader',
25
- defaultMessage: 'Legacy Content',
26
- description: 'Header for the legacy content extension in the editor.'
27
- },
28
- contentHasLimitedFunctionality: {
29
- id: 'editor.extension.legacyContentHeader.contentHasLimitedFunctionality',
30
- defaultMessage: 'This content has limited functionality, ',
31
- description: 'Message indicating that the legacy content has limited functionality.'
32
- },
33
- learnMore: {
34
- id: 'editor.extension.legacyContentHeader.learnMore',
35
- defaultMessage: ' Learn more',
36
- description: 'Link text for learning more about the legacy content.'
37
- }
38
- });
39
- var lcmHeaderStyles = (0, _react2.css)({
40
- padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-200, 16px)"),
41
- backgroundColor: "var(--ds-background-neutral, #0515240F)",
42
- borderRadius: "var(--ds-radius-small, 4px)".concat(" ", "var(--ds-radius-small, 4px)", " 0 0"),
43
- boxShadow: "0 0 0 1px ".concat("var(--ds-background-neutral, #0515240F)"),
44
- position: 'relative',
45
- top: "-1px",
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
47
- '&.with-hover-border': {
48
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
49
- },
50
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
51
- '&.selected': {
52
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
53
- backgroundColor: "var(--ds-background-selected, #E9F2FE)"
54
- },
55
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
56
- '& .status-lozenge-span': {
57
- marginRight: "var(--ds-space-100, 8px)"
58
- },
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
60
- '& > .legacy-content-header-text': {
61
- font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
- '& span': {
64
- paddingRight: "var(--ds-space-050, 4px)"
65
- },
66
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
67
- '& a': {
68
- cursor: 'pointer'
69
- }
70
- }
71
- });
72
- var LegacyContentHeader = exports.LegacyContentHeader = function LegacyContentHeader(_ref) {
73
- var isNodeHovered = _ref.isNodeHovered,
74
- isNodeSelected = _ref.isNodeSelected,
75
- onMouseEnter = _ref.onMouseEnter,
76
- onMouseLeave = _ref.onMouseLeave;
77
- var _useIntl = (0, _reactIntlNext.useIntl)(),
78
- formatMessage = _useIntl.formatMessage;
79
- var classNames = (0, _classnames.default)('legacy-content-header', {
80
- 'with-hover-border': isNodeHovered,
81
- selected: isNodeSelected
82
- });
83
- var learnMore = (0, _react.useCallback)(function () {
84
- window.open('https://support.atlassian.com/confluence-cloud/docs/the-legacy-content-macro/', '_blank');
85
- }, []);
86
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
87
- "data-testid": "editor-extension-legacy-content-header",
88
- css: [lcmHeaderStyles]
89
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
90
- ,
91
- className: classNames
92
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
93
- ,
94
- onMouseEnter: onMouseEnter
95
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
96
- ,
97
- onMouseLeave: onMouseLeave
98
- }, (0, _react2.jsx)(_status.Status, {
99
- text: formatMessage(i18n.legacyContentHeader),
100
- color: isNodeSelected ? 'blue' : 'neutral',
101
- style: "bold",
102
- isBold: true
103
- }), (0, _react2.jsx)("span", {
104
- className: "legacy-content-header-text"
105
- }, (0, _react2.jsx)(_statusWarning.default, {
106
- label: formatMessage(i18n.contentHasLimitedFunctionality),
107
- size: "small"
108
- }), formatMessage(i18n.contentHasLimitedFunctionality), "\xA0", (0, _react2.jsx)(_link.default, {
109
- onClick: learnMore,
110
- href: "https://support.atlassian.com/confluence-cloud/docs/the-legacy-content-macro/",
111
- target: "_blank"
112
- }, formatMessage(i18n.learnMore)))));
113
- };
@@ -1,108 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
-
6
- import { Fragment, useCallback } from 'react';
7
-
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
9
- import { css, jsx } from '@emotion/react';
10
- import classnames from 'classnames';
11
- import { defineMessages, useIntl } from 'react-intl-next';
12
- import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
13
- import Link from '@atlaskit/link';
14
- import { Status } from '@atlaskit/status';
15
- const i18n = defineMessages({
16
- legacyContentHeader: {
17
- id: 'editor.extension.legacyContentHeader',
18
- defaultMessage: 'Legacy Content',
19
- description: 'Header for the legacy content extension in the editor.'
20
- },
21
- contentHasLimitedFunctionality: {
22
- id: 'editor.extension.legacyContentHeader.contentHasLimitedFunctionality',
23
- defaultMessage: 'This content has limited functionality, ',
24
- description: 'Message indicating that the legacy content has limited functionality.'
25
- },
26
- learnMore: {
27
- id: 'editor.extension.legacyContentHeader.learnMore',
28
- defaultMessage: ' Learn more',
29
- description: 'Link text for learning more about the legacy content.'
30
- }
31
- });
32
- const lcmHeaderStyles = css({
33
- padding: `0 ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-200, 16px)"}`,
34
- backgroundColor: "var(--ds-background-neutral, #0515240F)",
35
- borderRadius: `${"var(--ds-radius-small, 4px)"} ${"var(--ds-radius-small, 4px)"} 0 0`,
36
- boxShadow: `0 0 0 1px ${"var(--ds-background-neutral, #0515240F)"}`,
37
- position: 'relative',
38
- top: `-1px`,
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
- '&.with-hover-border': {
41
- boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
42
- },
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
44
- '&.selected': {
45
- boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
46
- backgroundColor: "var(--ds-background-selected, #E9F2FE)"
47
- },
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
49
- '& .status-lozenge-span': {
50
- marginRight: "var(--ds-space-100, 8px)"
51
- },
52
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
53
- '& > .legacy-content-header-text': {
54
- font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
55
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
56
- '& span': {
57
- paddingRight: "var(--ds-space-050, 4px)"
58
- },
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
60
- '& a': {
61
- cursor: 'pointer'
62
- }
63
- }
64
- });
65
- export const LegacyContentHeader = ({
66
- isNodeHovered,
67
- isNodeSelected,
68
- onMouseEnter,
69
- onMouseLeave
70
- }) => {
71
- const {
72
- formatMessage
73
- } = useIntl();
74
- const classNames = classnames('legacy-content-header', {
75
- 'with-hover-border': isNodeHovered,
76
- selected: isNodeSelected
77
- });
78
- const learnMore = useCallback(() => {
79
- window.open('https://support.atlassian.com/confluence-cloud/docs/the-legacy-content-macro/', '_blank');
80
- }, []);
81
- return jsx(Fragment, null, jsx("div", {
82
- "data-testid": "editor-extension-legacy-content-header",
83
- css: [lcmHeaderStyles]
84
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
85
- ,
86
- className: classNames
87
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
88
- ,
89
- onMouseEnter: onMouseEnter
90
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
91
- ,
92
- onMouseLeave: onMouseLeave
93
- }, jsx(Status, {
94
- text: formatMessage(i18n.legacyContentHeader),
95
- color: isNodeSelected ? 'blue' : 'neutral',
96
- style: "bold",
97
- isBold: true
98
- }), jsx("span", {
99
- className: "legacy-content-header-text"
100
- }, jsx(StatusWarningIcon, {
101
- label: formatMessage(i18n.contentHasLimitedFunctionality),
102
- size: "small"
103
- }), formatMessage(i18n.contentHasLimitedFunctionality), "\xA0", jsx(Link, {
104
- onClick: learnMore,
105
- href: "https://support.atlassian.com/confluence-cloud/docs/the-legacy-content-macro/",
106
- target: "_blank"
107
- }, formatMessage(i18n.learnMore)))));
108
- };