@atlaskit/editor-common 114.8.1 → 114.10.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.
Files changed (36) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/cjs/extensibility/Extension/Extension/index.js +12 -7
  3. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +24 -18
  4. package/dist/cjs/extensibility/Extension.js +1 -1
  5. package/dist/cjs/extensions/UnknownMacroPlaceholder.js +37 -15
  6. package/dist/cjs/messages/insert-block.js +15 -0
  7. package/dist/cjs/monitoring/error.js +1 -1
  8. package/dist/cjs/ui/DropList/index.js +1 -1
  9. package/dist/cjs/ui/Popup/index.js +45 -9
  10. package/dist/es2019/extensibility/Extension/Extension/index.js +10 -7
  11. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +8 -4
  12. package/dist/es2019/extensibility/Extension.js +1 -1
  13. package/dist/es2019/extensions/UnknownMacroPlaceholder.js +18 -7
  14. package/dist/es2019/messages/insert-block.js +15 -0
  15. package/dist/es2019/monitoring/error.js +1 -1
  16. package/dist/es2019/ui/DropList/index.js +1 -1
  17. package/dist/es2019/ui/Popup/index.js +41 -6
  18. package/dist/esm/extensibility/Extension/Extension/index.js +12 -7
  19. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +10 -4
  20. package/dist/esm/extensibility/Extension.js +1 -1
  21. package/dist/esm/extensions/UnknownMacroPlaceholder.js +36 -14
  22. package/dist/esm/messages/insert-block.js +15 -0
  23. package/dist/esm/monitoring/error.js +1 -1
  24. package/dist/esm/ui/DropList/index.js +1 -1
  25. package/dist/esm/ui/Popup/index.js +45 -9
  26. package/dist/types/block-menu/rank.d.ts +11 -58
  27. package/dist/types/extensibility/Extension/Lozenge/ExtensionLabel.d.ts +1 -1
  28. package/dist/types/messages/insert-block.d.ts +103 -88
  29. package/dist/types/provider-factory/quick-insert-provider.d.ts +1 -1
  30. package/dist/types/ui/Popup/index.d.ts +6 -0
  31. package/dist/types-ts4.5/block-menu/rank.d.ts +11 -58
  32. package/dist/types-ts4.5/extensibility/Extension/Lozenge/ExtensionLabel.d.ts +1 -1
  33. package/dist/types-ts4.5/messages/insert-block.d.ts +103 -88
  34. package/dist/types-ts4.5/provider-factory/quick-insert-provider.d.ts +1 -1
  35. package/dist/types-ts4.5/ui/Popup/index.d.ts +6 -0
  36. package/package.json +4 -4
@@ -1,247 +1,262 @@
1
1
  export declare const toolbarInsertBlockMessages: {
2
2
  action: {
3
- id: string;
4
3
  defaultMessage: string;
5
4
  description: string;
5
+ id: string;
6
6
  };
7
7
  actionDescription: {
8
- id: string;
9
8
  defaultMessage: string;
10
9
  description: string;
11
- };
12
- closeInsertRightRail: {
13
10
  id: string;
11
+ };
12
+ addLoomVideo: {
14
13
  defaultMessage: string;
15
14
  description: string;
16
- };
17
- link: {
18
15
  id: string;
16
+ };
17
+ addLoomVideoComment: {
19
18
  defaultMessage: string;
20
19
  description: string;
21
- };
22
- linkDescription: {
23
20
  id: string;
21
+ };
22
+ addMediaFiles: {
24
23
  defaultMessage: string;
25
24
  description: string;
26
- };
27
- mediaFiles: {
28
25
  id: string;
26
+ };
27
+ aiImageGeneration: {
29
28
  defaultMessage: string;
30
29
  description: string;
31
- };
32
- addMediaFiles: {
33
30
  id: string;
31
+ };
32
+ aiImageGenerationDescription: {
34
33
  defaultMessage: string;
35
34
  description: string;
36
- };
37
- insertRightRailTitle: {
38
35
  id: string;
36
+ };
37
+ aiImageGenerationPopupAriaLabel: {
39
38
  defaultMessage: string;
40
39
  description: string;
40
+ id: string;
41
41
  };
42
- mediaFilesDescription: {
42
+ closeInsertRightRail: {
43
+ defaultMessage: string;
44
+ description: string;
43
45
  id: string;
46
+ };
47
+ columns: {
44
48
  defaultMessage: string;
45
49
  description: string;
50
+ id: string;
46
51
  };
47
- image: {
52
+ columnsDescription: {
53
+ defaultMessage: string;
54
+ description: string;
48
55
  id: string;
56
+ };
57
+ columnsDescriptionAdvancedLayout: {
49
58
  defaultMessage: string;
50
59
  description: string;
60
+ id: string;
51
61
  };
52
- mention: {
62
+ date: {
63
+ defaultMessage: string;
64
+ description: string;
53
65
  id: string;
66
+ };
67
+ dateDescription: {
54
68
  defaultMessage: string;
55
69
  description: string;
70
+ id: string;
56
71
  };
57
- mentionDescription: {
72
+ decision: {
73
+ defaultMessage: string;
74
+ description: string;
58
75
  id: string;
76
+ };
77
+ decisionDescription: {
59
78
  defaultMessage: string;
60
79
  description: string;
80
+ id: string;
61
81
  };
62
82
  emoji: {
63
- id: string;
64
83
  defaultMessage: string;
65
84
  description: string;
85
+ id: string;
66
86
  };
67
87
  emojiDescription: {
68
- id: string;
69
88
  defaultMessage: string;
70
89
  description: string;
71
- };
72
- table: {
73
90
  id: string;
91
+ };
92
+ expand: {
74
93
  defaultMessage: string;
75
94
  description: string;
76
- };
77
- tableDescription: {
78
95
  id: string;
96
+ };
97
+ expandDescription: {
79
98
  defaultMessage: string;
80
99
  description: string;
81
- };
82
- tableSelector: {
83
100
  id: string;
101
+ };
102
+ feedbackDialog: {
84
103
  defaultMessage: string;
85
104
  description: string;
86
- };
87
- tableSelectorDescription: {
88
105
  id: string;
106
+ };
107
+ feedbackDialogDescription: {
89
108
  defaultMessage: string;
90
109
  description: string;
91
- };
92
- tableSizeSelectorButton: {
93
110
  id: string;
111
+ };
112
+ help: {
94
113
  defaultMessage: string;
95
114
  description: string;
96
- };
97
- tableSizeSelectorPopup: {
98
115
  id: string;
116
+ };
117
+ helpDescription: {
99
118
  defaultMessage: string;
100
119
  description: string;
101
- };
102
- expand: {
103
120
  id: string;
121
+ };
122
+ horizontalRule: {
104
123
  defaultMessage: string;
105
124
  description: string;
106
- };
107
- expandDescription: {
108
125
  id: string;
126
+ };
127
+ horizontalRuleDescription: {
109
128
  defaultMessage: string;
110
129
  description: string;
111
- };
112
- decision: {
113
130
  id: string;
131
+ };
132
+ image: {
114
133
  defaultMessage: string;
115
134
  description: string;
116
- };
117
- decisionDescription: {
118
135
  id: string;
136
+ };
137
+ insertMenu: {
119
138
  defaultMessage: string;
120
139
  description: string;
121
- };
122
- feedbackDialog: {
123
140
  id: string;
141
+ };
142
+ insertRightRailTitle: {
124
143
  defaultMessage: string;
125
144
  description: string;
126
- };
127
- feedbackDialogDescription: {
128
145
  id: string;
146
+ };
147
+ link: {
129
148
  defaultMessage: string;
130
149
  description: string;
131
- };
132
- horizontalRule: {
133
150
  id: string;
151
+ };
152
+ linkDescription: {
134
153
  defaultMessage: string;
135
154
  description: string;
136
- };
137
- horizontalRuleDescription: {
138
155
  id: string;
156
+ };
157
+ mediaFiles: {
139
158
  defaultMessage: string;
140
159
  description: string;
141
- };
142
- date: {
143
160
  id: string;
161
+ };
162
+ mediaFilesDescription: {
144
163
  defaultMessage: string;
145
164
  description: string;
165
+ id: string;
146
166
  };
147
- dateDescription: {
167
+ mention: {
168
+ defaultMessage: string;
169
+ description: string;
148
170
  id: string;
171
+ };
172
+ mentionDescription: {
149
173
  defaultMessage: string;
150
174
  description: string;
175
+ id: string;
151
176
  };
152
177
  placeholderText: {
153
- id: string;
154
178
  defaultMessage: string;
155
179
  description: string;
180
+ id: string;
156
181
  };
157
182
  placeholderTextDescription: {
158
- id: string;
159
183
  defaultMessage: string;
160
184
  description: string;
161
- };
162
- columns: {
163
185
  id: string;
186
+ };
187
+ recordLoomShortTitle: {
164
188
  defaultMessage: string;
165
189
  description: string;
166
- };
167
- columnsDescription: {
168
190
  id: string;
191
+ };
192
+ recordVideo: {
169
193
  defaultMessage: string;
170
194
  description: string;
171
- };
172
- columnsDescriptionAdvancedLayout: {
173
195
  id: string;
196
+ };
197
+ recordVideoDescription: {
174
198
  defaultMessage: string;
175
199
  description: string;
200
+ id: string;
176
201
  };
177
202
  singleColumnsDescriptionAdvancedLayout: {
178
- id: string;
179
203
  defaultMessage: string;
180
204
  description: string;
205
+ id: string;
181
206
  };
182
207
  status: {
183
- id: string;
184
208
  defaultMessage: string;
185
209
  description: string;
210
+ id: string;
186
211
  };
187
212
  statusDescription: {
188
- id: string;
189
213
  defaultMessage: string;
190
214
  description: string;
191
- };
192
- viewMore: {
193
215
  id: string;
194
- defaultMessage: string;
195
- description: string;
196
216
  };
197
- viewMoreAriaLabel: {
198
- id: string;
217
+ table: {
199
218
  defaultMessage: string;
200
219
  description: string;
201
- };
202
- insertMenu: {
203
220
  id: string;
204
- defaultMessage: string;
205
- description: string;
206
221
  };
207
- help: {
208
- id: string;
222
+ tableDescription: {
209
223
  defaultMessage: string;
210
224
  description: string;
211
- };
212
- helpDescription: {
213
225
  id: string;
226
+ };
227
+ tableSelector: {
214
228
  defaultMessage: string;
215
229
  description: string;
216
- };
217
- recordVideo: {
218
230
  id: string;
231
+ };
232
+ tableSelectorDescription: {
219
233
  defaultMessage: string;
220
234
  description: string;
221
- };
222
- addLoomVideo: {
223
235
  id: string;
236
+ };
237
+ tableSizeSelectorButton: {
224
238
  defaultMessage: string;
225
239
  description: string;
226
- };
227
- addLoomVideoComment: {
228
240
  id: string;
241
+ };
242
+ tableSizeSelectorPopup: {
229
243
  defaultMessage: string;
230
244
  description: string;
231
- };
232
- recordVideoDescription: {
233
245
  id: string;
246
+ };
247
+ turnInto: {
234
248
  defaultMessage: string;
235
249
  description: string;
236
- };
237
- recordLoomShortTitle: {
238
250
  id: string;
251
+ };
252
+ viewMore: {
239
253
  defaultMessage: string;
240
254
  description: string;
241
- };
242
- turnInto: {
243
255
  id: string;
256
+ };
257
+ viewMoreAriaLabel: {
244
258
  defaultMessage: string;
245
259
  description: string;
260
+ id: string;
246
261
  };
247
262
  };
@@ -5,7 +5,7 @@ import type { TypeAheadItem } from '../types/type-ahead';
5
5
  export type QuickInsertActionInsert = (node?: Node | Record<string, any> | string, opts?: {
6
6
  selectInlineNode?: boolean;
7
7
  }) => Transaction;
8
- export type QuickInsertItemId = 'hyperlink' | 'table' | 'helpdialog' | 'date' | 'media' | 'media-insert' | 'blockquote' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'codeblock' | 'unorderedList' | 'feedbackdialog' | 'orderedList' | 'rule' | 'status' | 'mention' | 'emoji' | 'action' | 'decision' | 'infopanel' | 'notepanel' | 'successpanel' | 'warningpanel' | 'errorpanel' | 'custompanel' | 'layout' | 'expand' | 'placeholderText' | 'datasource' | 'loom' | 'onecolumnlayout' | 'twocolumnslayout' | 'threecolumnslayout' | 'fourcolumnslayout' | 'fivecolumnslayout' | 'syncBlock' | 'aiSpeechToText';
8
+ export type QuickInsertItemId = 'hyperlink' | 'table' | 'helpdialog' | 'date' | 'media' | 'media-insert' | 'blockquote' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'codeblock' | 'unorderedList' | 'feedbackdialog' | 'orderedList' | 'rule' | 'status' | 'mention' | 'emoji' | 'action' | 'decision' | 'infopanel' | 'notepanel' | 'successpanel' | 'warningpanel' | 'errorpanel' | 'custompanel' | 'layout' | 'expand' | 'placeholderText' | 'datasource' | 'loom' | 'onecolumnlayout' | 'twocolumnslayout' | 'threecolumnslayout' | 'fourcolumnslayout' | 'fivecolumnslayout' | 'syncBlock' | 'aiSpeechToText' | 'aiImageGeneration';
9
9
  export type QuickInsertItem = TypeAheadItem & {
10
10
  /**
11
11
  * What to do on insert
@@ -38,6 +38,7 @@ export interface State {
38
38
  }
39
39
  export default class Popup extends React.Component<Props, State> {
40
40
  scrollElement: undefined | false | HTMLElement;
41
+ private unbindScroll?;
41
42
  rafIds: Set<number>;
42
43
  static defaultProps: {
43
44
  allowOutOfBound: boolean;
@@ -75,6 +76,11 @@ export default class Popup extends React.Component<Props, State> {
75
76
  * Handle pausing, unpausing, and initialising (if not yet initialised) of the focus trap
76
77
  */
77
78
  handleChangedFocusTrapProp(prevProps: Props): void;
79
+ /**
80
+ * Idempotent scroll element setup — tears down any previous listener/observer
81
+ * then attaches to the current scroll parent.
82
+ */
83
+ private initScrollElement;
78
84
  componentDidUpdate(prevProps: Props): void;
79
85
  componentDidMount(): void;
80
86
  componentWillUnmount(): void;
@@ -1,60 +1,13 @@
1
- import { BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_COPY_MENU_SECTION, DELETE_MENU_SECTION, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MOVE_UP_MENU_ITEM, POSITION_MOVE_DOWN_MENU_ITEM, TRANSFORM_MENU_SECTION, TRANSFORM_CLEAR_MENU_SECTION, TRANSFORM_CLEAR_MENU_ITEM, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_HEADINGS_H4_MENU_ITEM, TRANSFORM_HEADINGS_H5_MENU_ITEM, TRANSFORM_HEADINGS_H6_MENU_ITEM, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_DECISION_MENU_ITEM, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM, TRANSFORM_SUGGESTED_MENU_ITEM, TRANSFORM_DEFAULT_EXTENSION_SLOT_MENU_ITEM, AI_MENU_SECTION, AI_ASK_ROVO_MENU_ITEM } from './key';
2
- export declare const MAIN_BLOCK_MENU_SECTION_RANK: {
3
- [AI_MENU_SECTION.key]: number;
4
- [TRANSFORM_MENU_SECTION.key]: number;
5
- [BLOCK_ACTIONS_MENU_SECTION.key]: number;
6
- [BLOCK_ACTIONS_COPY_MENU_SECTION.key]: number;
7
- [POSITION_MENU_SECTION.key]: number;
8
- [DELETE_MENU_SECTION.key]: number;
9
- };
10
- export declare const AI_MENU_SECTION_RANK: {
11
- [AI_ASK_ROVO_MENU_ITEM.key]: number;
12
- };
1
+ export declare const MAIN_BLOCK_MENU_SECTION_RANK: {};
2
+ export declare const AI_MENU_SECTION_RANK: {};
13
3
  export declare const TRANSFORM_MENU_SECTION_RANK: Record<string, number>;
14
- export declare const TRANSFORM_SUGGESTED_MENU_SECTION_RANK: {
15
- [TRANSFORM_SUGGESTED_MENU_ITEM.key]: number;
16
- };
17
- export declare const TRANSFORM_MENU_ITEM_RANK: {
18
- [TRANSFORM_SUGGESTED_MENU_SECTION.key]: number;
19
- [TRANSFORM_CREATE_MENU_SECTION.key]: number;
20
- [TRANSFORM_STRUCTURE_MENU_SECTION.key]: number;
21
- [TRANSFORM_HEADINGS_MENU_SECTION.key]: number;
22
- [TRANSFORM_CLEAR_MENU_SECTION.key]: number;
23
- };
24
- export declare const TRANSFORM_CREATE_MENU_SECTION_RANK: {
25
- [TRANSFORM_DEFAULT_EXTENSION_SLOT_MENU_ITEM.key]: number;
26
- };
27
- export declare const TRANSFORM_HEADINGS_MENU_SECTION_RANK: {
28
- [TRANSFORM_HEADINGS_H1_MENU_ITEM.key]: number;
29
- [TRANSFORM_HEADINGS_H2_MENU_ITEM.key]: number;
30
- [TRANSFORM_HEADINGS_H3_MENU_ITEM.key]: number;
31
- [TRANSFORM_HEADINGS_H4_MENU_ITEM.key]: number;
32
- [TRANSFORM_HEADINGS_H5_MENU_ITEM.key]: number;
33
- [TRANSFORM_HEADINGS_H6_MENU_ITEM.key]: number;
34
- };
35
- export declare const TRANSFORM_STRUCTURE_MENU_SECTION_RANK: {
36
- [TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key]: number;
37
- [TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key]: number;
38
- [TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key]: number;
39
- [TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key]: number;
40
- [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: number;
41
- [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: number;
42
- [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: number;
43
- [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: number;
44
- [TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]: number;
45
- [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: number;
46
- };
47
- export declare const TRANSFORM_CLEAR_MENU_SECTION_RANK: {
48
- [TRANSFORM_CLEAR_MENU_ITEM.key]: number;
49
- };
4
+ export declare const TRANSFORM_SUGGESTED_MENU_SECTION_RANK: {};
5
+ export declare const TRANSFORM_MENU_ITEM_RANK: {};
6
+ export declare const TRANSFORM_CREATE_MENU_SECTION_RANK: {};
7
+ export declare const TRANSFORM_HEADINGS_MENU_SECTION_RANK: {};
8
+ export declare const TRANSFORM_STRUCTURE_MENU_SECTION_RANK: {};
9
+ export declare const TRANSFORM_CLEAR_MENU_SECTION_RANK: {};
50
10
  export declare const BLOCK_ACTIONS_MENU_SECTION_RANK: Record<string, number>;
51
- export declare const BLOCK_ACTIONS_COPY_MENU_SECTION_RANK: {
52
- [BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key]: number;
53
- };
54
- export declare const POSITION_MENU_SECTION_RANK: {
55
- [POSITION_MOVE_UP_MENU_ITEM.key]: number;
56
- [POSITION_MOVE_DOWN_MENU_ITEM.key]: number;
57
- };
58
- export declare const DELETE_MENU_SECTION_RANK: {
59
- [DELETE_MENU_ITEM.key]: number;
60
- };
11
+ export declare const BLOCK_ACTIONS_COPY_MENU_SECTION_RANK: {};
12
+ export declare const POSITION_MENU_SECTION_RANK: {};
13
+ export declare const DELETE_MENU_SECTION_RANK: {};
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import type { CSSProperties } from 'react';
5
+ import { type CSSProperties } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import type { ExtensionsPluginInjectionAPI } from '../../types';
8
8
  export declare const getShouldShowBodiedMacroLabel: (isBodiedMacro: boolean | undefined, isNodeHovered: boolean | undefined, showLivePagesBodiedMacrosRendererView: boolean | undefined, showBodiedExtensionRendererView: boolean | undefined, showUpdatedLivePages1PBodiedExtensionUI: boolean | undefined) => boolean | undefined;