@atlaskit/editor-common 107.17.0 → 107.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +9 -4
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +5 -2
- package/dist/cjs/element-browser/constants.js +3 -2
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/toolbar/context.js +32 -0
- package/dist/cjs/toolbar/index.js +299 -9
- package/dist/cjs/toolbar/keys.js +193 -0
- package/dist/cjs/toolbar/rank.js +36 -37
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +9 -4
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +6 -3
- package/dist/es2019/element-browser/constants.js +2 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/toolbar/context.js +25 -0
- package/dist/es2019/toolbar/index.js +3 -1
- package/dist/es2019/toolbar/keys.js +187 -0
- package/dist/es2019/toolbar/rank.js +77 -26
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/element-browser/components/ElementList/ElementList.js +9 -4
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +6 -3
- package/dist/esm/element-browser/constants.js +2 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/toolbar/context.js +24 -0
- package/dist/esm/toolbar/index.js +3 -1
- package/dist/esm/toolbar/keys.js +187 -0
- package/dist/esm/toolbar/rank.js +34 -36
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/element-browser/components/ElementList/ElementList.d.ts +2 -1
- package/dist/types/element-browser/constants.d.ts +1 -0
- package/dist/types/toolbar/context.d.ts +14 -0
- package/dist/types/toolbar/index.d.ts +3 -1
- package/dist/types/toolbar/keys.d.ts +173 -0
- package/dist/types/toolbar/rank.d.ts +72 -26
- package/dist/types-ts4.5/element-browser/components/ElementList/ElementList.d.ts +2 -1
- package/dist/types-ts4.5/element-browser/constants.d.ts +1 -0
- package/dist/types-ts4.5/toolbar/context.d.ts +14 -0
- package/dist/types-ts4.5/toolbar/index.d.ts +3 -1
- package/dist/types-ts4.5/toolbar/keys.d.ts +173 -0
- package/dist/types-ts4.5/toolbar/rank.d.ts +72 -26
- package/package.json +8 -9
|
@@ -1,36 +1,87 @@
|
|
|
1
|
+
import { AI_SECTION, APPS_SECTION, COLLAB_SECTION, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, LINKING_SECTION, OVERFLOW_SECTION, ROVO_GROUP, ROVO_HERO_BUTTON, ROVO_MENU, TEXT_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, SPELLING_AND_GRAMMAR_MENU_ITEM, SUMMARIZE_MENU_ITEM, CHANGE_TONE_NESTED_MENU, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, COMMENT_GROUP, COMMENT_HERO_BUTTON, ROVO_PROMPT_MENU_SECTION, TRANSLATE_MENU_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, UNDERLINE_MENU_ITEM, ITALIC_MENU_ITEM, STRIKE_MENU_ITEM, BOLD_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM } from './keys';
|
|
1
2
|
export const TOOLBAR_RANK = {
|
|
2
|
-
|
|
3
|
+
[AI_SECTION.key]: 100,
|
|
4
|
+
[TEXT_SECTION.key]: 200,
|
|
5
|
+
[LINKING_SECTION.key]: 300,
|
|
6
|
+
[COLLAB_SECTION.key]: 400,
|
|
7
|
+
[APPS_SECTION.key]: 500,
|
|
8
|
+
[OVERFLOW_SECTION.key]: 600
|
|
3
9
|
};
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* AI section
|
|
13
|
+
*/
|
|
4
14
|
export const AI_SECTION_RANK = {
|
|
5
|
-
|
|
6
|
-
|
|
15
|
+
[ROVO_GROUP.key]: 100,
|
|
16
|
+
[IMPROVE_WRITING_GROUP.key]: 200
|
|
7
17
|
};
|
|
8
18
|
export const ROVO_GROUP_RANK = {
|
|
9
|
-
|
|
10
|
-
ROVO_MENU: 200
|
|
19
|
+
[ROVO_HERO_BUTTON.key]: 100,
|
|
20
|
+
[ROVO_MENU.key]: 200
|
|
11
21
|
};
|
|
12
22
|
export const IMPROVE_WRITING_GROUP_RANK = {
|
|
13
|
-
|
|
23
|
+
[IMPROVE_WRITING_BUTTON.key]: 100
|
|
14
24
|
};
|
|
15
25
|
export const ROVO_MENU_RANK = {
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
export const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
26
|
-
export const
|
|
27
|
-
|
|
28
|
-
};
|
|
29
|
-
export const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
};
|
|
34
|
-
export const
|
|
35
|
-
|
|
26
|
+
[ROVO_PROMPT_MENU_SECTION.key]: 100
|
|
27
|
+
};
|
|
28
|
+
export const ROVO_PROMPT_MENU_SECTION_RANK = {
|
|
29
|
+
[MAKE_SHORTER_MENU_ITEM.key]: 100,
|
|
30
|
+
[MAKE_LONGER_MENU_ITEM.key]: 200,
|
|
31
|
+
[CHANGE_TONE_NESTED_MENU.key]: 300,
|
|
32
|
+
[SPELLING_AND_GRAMMAR_MENU_ITEM.key]: 400,
|
|
33
|
+
[TRANSLATE_NESTED_MENU.key]: 500,
|
|
34
|
+
[SUMMARIZE_MENU_ITEM.key]: 600
|
|
35
|
+
};
|
|
36
|
+
export const CHANGE_TONE_MENU_RANK = {
|
|
37
|
+
[CHANGE_TONE_MENU_SECTION.key]: 100
|
|
38
|
+
};
|
|
39
|
+
export const CHANGE_TONE_MENU_SECTION_RANK = {
|
|
40
|
+
[MORE_PROFESSIONAL_MENU_ITEM.key]: 100,
|
|
41
|
+
[MORE_CASUAL_MENU_ITEM.key]: 200,
|
|
42
|
+
[MORE_EMPATHETIC_MENU_ITEM.key]: 300
|
|
43
|
+
};
|
|
44
|
+
export const TRANSLATE_MENU_RANK = {
|
|
45
|
+
[TRANSLATE_MENU_SECTION.key]: 100
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Text section
|
|
50
|
+
*/
|
|
51
|
+
export const TEXT_SECTION_RANK = {
|
|
52
|
+
[TEXT_FORMATTING_GROUP.key]: 200
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Text formatting group
|
|
57
|
+
*/
|
|
58
|
+
export const TEXT_FORMAT_GROUP_RANK = {
|
|
59
|
+
[TEXT_FORMATTING_HERO_BUTTON.key]: 100,
|
|
60
|
+
[TEXT_FORMATTING_MENU.key]: 200
|
|
61
|
+
};
|
|
62
|
+
export const TEXT_FORMAT_MENU_RANK = {
|
|
63
|
+
[TEXT_FORMATTING_MENU_SECTION.key]: 100,
|
|
64
|
+
[CLEAR_FORMARTTING_MENU_SECTION.key]: 200
|
|
65
|
+
};
|
|
66
|
+
export const TEXT_FORMATTING_MENU_SECTION_RANK = {
|
|
67
|
+
[BOLD_MENU_ITEM.key]: 100,
|
|
68
|
+
[ITALIC_MENU_ITEM.key]: 200,
|
|
69
|
+
[UNDERLINE_MENU_ITEM.key]: 300,
|
|
70
|
+
[STRIKE_MENU_ITEM.key]: 400,
|
|
71
|
+
[CODE_MENU_ITEM.key]: 500,
|
|
72
|
+
[SUBSCRIPT_MENU_ITEM.key]: 600,
|
|
73
|
+
[SUPERSCRIPT_MENU_ITEM.key]: 700
|
|
74
|
+
};
|
|
75
|
+
export const CLEAR_FORMARTTING_MENU_SECTION_RANK = {
|
|
76
|
+
[CLEAR_FORMATTING_MENU_ITEM.key]: 100
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Collab section
|
|
81
|
+
*/
|
|
82
|
+
export const COLLAB_SECTION_RANK = {
|
|
83
|
+
[COMMENT_GROUP.key]: 100
|
|
84
|
+
};
|
|
85
|
+
export const COMMENT_GROUP_RANK = {
|
|
86
|
+
[COMMENT_HERO_BUTTON.key]: 100
|
|
36
87
|
};
|
|
@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
|
|
|
13
13
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
14
14
|
import Layer from '../Layer';
|
|
15
15
|
const packageName = "@atlaskit/editor-common";
|
|
16
|
-
const packageVersion = "107.
|
|
16
|
+
const packageVersion = "107.18.0";
|
|
17
17
|
const halfFocusRing = 1;
|
|
18
18
|
const dropOffset = '0, 8';
|
|
19
19
|
// Ignored via go/ees005
|
|
@@ -17,6 +17,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
|
|
|
17
17
|
import { ButtonItem } from '@atlaskit/menu';
|
|
18
18
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
19
|
import { Stack, Text } from '@atlaskit/primitives/compiled';
|
|
20
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
20
21
|
import Tooltip from '@atlaskit/tooltip';
|
|
21
22
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
|
|
22
23
|
import { IconFallback } from '../../../quick-insert';
|
|
@@ -220,7 +221,8 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
|
|
|
220
221
|
selected: selectedItemIndex === index,
|
|
221
222
|
focus: focusedItemIndex === index,
|
|
222
223
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
223
|
-
onInsertItem: onInsertItem
|
|
224
|
+
onInsertItem: onInsertItem,
|
|
225
|
+
role: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? 'option' : undefined
|
|
224
226
|
})));
|
|
225
227
|
};
|
|
226
228
|
},
|
|
@@ -350,7 +352,8 @@ export function ElementItem(_ref6) {
|
|
|
350
352
|
index = _ref6.index,
|
|
351
353
|
onInsertItem = _ref6.onInsertItem,
|
|
352
354
|
focus = _ref6.focus,
|
|
353
|
-
setFocusedItemIndex = _ref6.setFocusedItemIndex
|
|
355
|
+
setFocusedItemIndex = _ref6.setFocusedItemIndex,
|
|
356
|
+
role = _ref6.role;
|
|
354
357
|
var ref = useFocus(focus);
|
|
355
358
|
|
|
356
359
|
/**
|
|
@@ -395,11 +398,13 @@ export function ElementItem(_ref6) {
|
|
|
395
398
|
title: title
|
|
396
399
|
}),
|
|
397
400
|
isSelected: selected,
|
|
398
|
-
"aria-describedby": title,
|
|
401
|
+
"aria-describedby": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : title,
|
|
402
|
+
"aria-label": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
|
|
399
403
|
ref: ref,
|
|
400
404
|
testId: "element-item-".concat(index),
|
|
401
405
|
id: "searched-item-".concat(index),
|
|
402
|
-
isDisabled: isDisabled
|
|
406
|
+
isDisabled: isDisabled,
|
|
407
|
+
role: role
|
|
403
408
|
}, jsx(ItemContent
|
|
404
409
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
405
410
|
, {
|
|
@@ -12,10 +12,11 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
12
12
|
import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
|
|
13
13
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
15
16
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
|
|
16
17
|
import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
|
|
17
18
|
import { ViewMore as ViewMoreNext } from '../components/ViewMore';
|
|
18
|
-
import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
|
|
19
|
+
import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
|
|
19
20
|
import useContainerWidth from '../hooks/use-container-width';
|
|
20
21
|
import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
|
|
21
22
|
import { ViewMore } from '../ViewMore';
|
|
@@ -313,7 +314,8 @@ function MobileBrowser(_ref) {
|
|
|
313
314
|
onClick: setFocusOnSearch,
|
|
314
315
|
searchTerm: searchTerm,
|
|
315
316
|
items: items,
|
|
316
|
-
selectedItemIndex: selectedItemIndex
|
|
317
|
+
selectedItemIndex: selectedItemIndex,
|
|
318
|
+
ariaControlsId: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
|
|
317
319
|
}), showCategories && jsx("nav", {
|
|
318
320
|
css: mobileCategoryListWrapper,
|
|
319
321
|
tabIndex: -1
|
|
@@ -326,7 +328,8 @@ function MobileBrowser(_ref) {
|
|
|
326
328
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
327
329
|
setFocusOnSearch: setFocusOnSearch
|
|
328
330
|
}))), jsx("div", {
|
|
329
|
-
css: mobileMainContent
|
|
331
|
+
css: mobileMainContent,
|
|
332
|
+
id: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
|
|
330
333
|
}, jsx(ElementList, {
|
|
331
334
|
items: items,
|
|
332
335
|
mode: mode,
|
|
@@ -18,4 +18,5 @@ export var SCROLLBAR_WIDTH = 15;
|
|
|
18
18
|
export var ELEMENT_LIST_PADDING = 2;
|
|
19
19
|
export var ELEMENT_ITEM_HEIGHT = 60;
|
|
20
20
|
export var ELEMENT_ITEM_PADDING = 10;
|
|
21
|
-
export var ELEMENT_BROWSER_ID = 'editor-element-browser';
|
|
21
|
+
export var ELEMENT_BROWSER_ID = 'editor-element-browser';
|
|
22
|
+
export var ELEMENT_BROWSER_LIST_ID = 'editor-element-browser-list';
|
|
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import { isFedRamp } from './environment';
|
|
8
8
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
9
9
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
10
|
-
var packageVersion = "107.
|
|
10
|
+
var packageVersion = "107.18.0";
|
|
11
11
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
12
12
|
// Remove URL as it has UGC
|
|
13
13
|
// Ignored via go/ees007
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { createContext, useContext } from 'react';
|
|
2
|
+
var EditorToolbarContext = /*#__PURE__*/createContext({
|
|
3
|
+
editorView: null
|
|
4
|
+
});
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Access editor specific config and state within a toolbar component
|
|
8
|
+
*/
|
|
9
|
+
export var useEditorToolbar = function useEditorToolbar() {
|
|
10
|
+
var context = useContext(EditorToolbarContext);
|
|
11
|
+
if (!context) {
|
|
12
|
+
throw new Error('useEditorToolbar must be used within EditorToolbarContext');
|
|
13
|
+
}
|
|
14
|
+
return context;
|
|
15
|
+
};
|
|
16
|
+
export var EditorToolbarProvider = function EditorToolbarProvider(_ref) {
|
|
17
|
+
var children = _ref.children,
|
|
18
|
+
editorView = _ref.editorView;
|
|
19
|
+
return /*#__PURE__*/React.createElement(EditorToolbarContext.Provider, {
|
|
20
|
+
value: {
|
|
21
|
+
editorView: editorView
|
|
22
|
+
}
|
|
23
|
+
}, children);
|
|
24
|
+
};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
// Disable no-re-export rule for entry point files
|
|
2
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
3
3
|
|
|
4
|
-
export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK,
|
|
4
|
+
export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK, ROVO_PROMPT_MENU_SECTION_RANK, CHANGE_TONE_MENU_RANK, CHANGE_TONE_MENU_SECTION_RANK, TRANSLATE_MENU_RANK, COLLAB_SECTION_RANK, COMMENT_GROUP_RANK, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, TEXT_FORMATTING_MENU_SECTION_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK } from './rank';
|
|
5
|
+
export { TOOLBARS, AI_SECTION, ROVO_GROUP, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, ROVO_HERO_BUTTON, ROVO_MENU, ROVO_PROMPT_MENU_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, CHANGE_TONE_NESTED_MENU, SPELLING_AND_GRAMMAR_MENU_ITEM, SUMMARIZE_MENU_ITEM, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, TRANSLATE_MENU_SECTION, TEXT_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, BOLD_MENU_ITEM, ITALIC_MENU_ITEM, UNDERLINE_MENU_ITEM, STRIKE_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, LINKING_SECTION, COLLAB_SECTION, COMMENT_GROUP, COMMENT_HERO_BUTTON, APPS_SECTION, OVERFLOW_SECTION } from './keys';
|
|
6
|
+
export { useEditorToolbar, EditorToolbarProvider } from './context';
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
export var TOOLBARS = {
|
|
2
|
+
INLINE_TEXT_TOOLBAR: 'inline-text-toolbar'
|
|
3
|
+
};
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AI section
|
|
7
|
+
*/
|
|
8
|
+
export var AI_SECTION = {
|
|
9
|
+
key: 'ai-section',
|
|
10
|
+
type: 'section'
|
|
11
|
+
};
|
|
12
|
+
export var ROVO_GROUP = {
|
|
13
|
+
key: 'rovo-group',
|
|
14
|
+
type: 'group'
|
|
15
|
+
};
|
|
16
|
+
export var IMPROVE_WRITING_GROUP = {
|
|
17
|
+
key: 'improve-writing-group',
|
|
18
|
+
type: 'group'
|
|
19
|
+
};
|
|
20
|
+
export var IMPROVE_WRITING_BUTTON = {
|
|
21
|
+
key: 'improve-writing-button',
|
|
22
|
+
type: 'button'
|
|
23
|
+
};
|
|
24
|
+
export var ROVO_HERO_BUTTON = {
|
|
25
|
+
key: 'rovo-hero-button',
|
|
26
|
+
type: 'button'
|
|
27
|
+
};
|
|
28
|
+
export var ROVO_MENU = {
|
|
29
|
+
key: 'rovo-menu',
|
|
30
|
+
type: 'menu'
|
|
31
|
+
};
|
|
32
|
+
export var ROVO_PROMPT_MENU_SECTION = {
|
|
33
|
+
key: 'rovo-prompt-menu-section',
|
|
34
|
+
type: 'menu-section'
|
|
35
|
+
};
|
|
36
|
+
export var MAKE_SHORTER_MENU_ITEM = {
|
|
37
|
+
key: 'make-shorter-menu-item',
|
|
38
|
+
type: 'menu-item'
|
|
39
|
+
};
|
|
40
|
+
export var MAKE_LONGER_MENU_ITEM = {
|
|
41
|
+
key: 'make-longer-menu-item',
|
|
42
|
+
type: 'menu-item'
|
|
43
|
+
};
|
|
44
|
+
export var CHANGE_TONE_NESTED_MENU = {
|
|
45
|
+
key: 'change-tone-nested-menu',
|
|
46
|
+
type: 'nested-menu'
|
|
47
|
+
};
|
|
48
|
+
export var SPELLING_AND_GRAMMAR_MENU_ITEM = {
|
|
49
|
+
key: 'spelling-and-grammar-menu-item',
|
|
50
|
+
type: 'menu-item'
|
|
51
|
+
};
|
|
52
|
+
export var SUMMARIZE_MENU_ITEM = {
|
|
53
|
+
key: 'summarize-menu-item',
|
|
54
|
+
type: 'menu-item'
|
|
55
|
+
};
|
|
56
|
+
export var CHANGE_TONE_MENU_SECTION = {
|
|
57
|
+
key: 'change-tone-default-menu-section',
|
|
58
|
+
type: 'menu-section'
|
|
59
|
+
};
|
|
60
|
+
export var MORE_PROFESSIONAL_MENU_ITEM = {
|
|
61
|
+
key: 'more-professional-menu-item',
|
|
62
|
+
type: 'menu-item'
|
|
63
|
+
};
|
|
64
|
+
export var MORE_CASUAL_MENU_ITEM = {
|
|
65
|
+
key: 'more-casual-menu-item',
|
|
66
|
+
type: 'menu-item'
|
|
67
|
+
};
|
|
68
|
+
export var MORE_EMPATHETIC_MENU_ITEM = {
|
|
69
|
+
key: 'more-empathetic-menu-item',
|
|
70
|
+
type: 'menu-item'
|
|
71
|
+
};
|
|
72
|
+
export var TRANSLATE_NESTED_MENU = {
|
|
73
|
+
key: 'translate-nested-menu',
|
|
74
|
+
type: 'nested-menu'
|
|
75
|
+
};
|
|
76
|
+
export var TRANSLATE_MENU_SECTION = {
|
|
77
|
+
key: 'translate-menu-section',
|
|
78
|
+
type: 'menu-section'
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Text section
|
|
83
|
+
*/
|
|
84
|
+
|
|
85
|
+
export var TEXT_SECTION = {
|
|
86
|
+
key: 'text-section',
|
|
87
|
+
type: 'section'
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Text formatting group
|
|
92
|
+
*/
|
|
93
|
+
export var TEXT_FORMATTING_GROUP = {
|
|
94
|
+
key: 'text-formatting-group',
|
|
95
|
+
type: 'group'
|
|
96
|
+
};
|
|
97
|
+
export var TEXT_FORMATTING_HERO_BUTTON = {
|
|
98
|
+
key: 'text-formatting-hero-button',
|
|
99
|
+
type: 'button'
|
|
100
|
+
};
|
|
101
|
+
export var TEXT_FORMATTING_MENU = {
|
|
102
|
+
key: 'text-formatting-menu',
|
|
103
|
+
type: 'menu'
|
|
104
|
+
};
|
|
105
|
+
export var BOLD_MENU_ITEM = {
|
|
106
|
+
key: 'bold-menu-item',
|
|
107
|
+
type: 'menu-item'
|
|
108
|
+
};
|
|
109
|
+
export var ITALIC_MENU_ITEM = {
|
|
110
|
+
key: 'italic-menu-item',
|
|
111
|
+
type: 'menu-item'
|
|
112
|
+
};
|
|
113
|
+
export var UNDERLINE_MENU_ITEM = {
|
|
114
|
+
key: 'underline-menu-item',
|
|
115
|
+
type: 'menu-item'
|
|
116
|
+
};
|
|
117
|
+
export var STRIKE_MENU_ITEM = {
|
|
118
|
+
key: 'strike-menu-item',
|
|
119
|
+
type: 'menu-item'
|
|
120
|
+
};
|
|
121
|
+
export var CODE_MENU_ITEM = {
|
|
122
|
+
key: 'code-menu-item',
|
|
123
|
+
type: 'menu-item'
|
|
124
|
+
};
|
|
125
|
+
export var SUBSCRIPT_MENU_ITEM = {
|
|
126
|
+
key: 'subscript-menu-item',
|
|
127
|
+
type: 'menu-item'
|
|
128
|
+
};
|
|
129
|
+
export var SUPERSCRIPT_MENU_ITEM = {
|
|
130
|
+
key: 'superscript-menu-item',
|
|
131
|
+
type: 'menu-item'
|
|
132
|
+
};
|
|
133
|
+
export var TEXT_FORMATTING_MENU_SECTION = {
|
|
134
|
+
key: 'text-formatting-menu-section',
|
|
135
|
+
type: 'menu-section'
|
|
136
|
+
};
|
|
137
|
+
export var CLEAR_FORMARTTING_MENU_SECTION = {
|
|
138
|
+
key: 'clear-formatting-menu-section',
|
|
139
|
+
type: 'menu-section'
|
|
140
|
+
};
|
|
141
|
+
export var CLEAR_FORMATTING_MENU_ITEM = {
|
|
142
|
+
key: 'clear-formatting-menu-item',
|
|
143
|
+
type: 'menu-item'
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
/*
|
|
147
|
+
* Linking section
|
|
148
|
+
*/
|
|
149
|
+
|
|
150
|
+
export var LINKING_SECTION = {
|
|
151
|
+
key: 'linking-section',
|
|
152
|
+
type: 'section'
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* Collab section
|
|
157
|
+
*/
|
|
158
|
+
export var COLLAB_SECTION = {
|
|
159
|
+
key: 'collab-section',
|
|
160
|
+
type: 'section'
|
|
161
|
+
};
|
|
162
|
+
export var COMMENT_GROUP = {
|
|
163
|
+
key: 'comment-group',
|
|
164
|
+
type: 'group'
|
|
165
|
+
};
|
|
166
|
+
export var COMMENT_HERO_BUTTON = {
|
|
167
|
+
key: 'comment-hero-button',
|
|
168
|
+
type: 'button'
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* Apps section
|
|
173
|
+
*/
|
|
174
|
+
|
|
175
|
+
export var APPS_SECTION = {
|
|
176
|
+
key: 'apps-section',
|
|
177
|
+
type: 'section'
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
/**
|
|
181
|
+
* Overflow section
|
|
182
|
+
*/
|
|
183
|
+
|
|
184
|
+
export var OVERFLOW_SECTION = {
|
|
185
|
+
key: 'overflow-section',
|
|
186
|
+
type: 'section'
|
|
187
|
+
};
|
package/dist/esm/toolbar/rank.js
CHANGED
|
@@ -1,36 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
};
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
export var
|
|
13
|
-
|
|
14
|
-
};
|
|
15
|
-
export var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
26
|
-
export var
|
|
27
|
-
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
};
|
|
34
|
-
export var
|
|
35
|
-
OPTIONS: 100
|
|
36
|
-
};
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import { AI_SECTION, APPS_SECTION, COLLAB_SECTION, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, LINKING_SECTION, OVERFLOW_SECTION, ROVO_GROUP, ROVO_HERO_BUTTON, ROVO_MENU, TEXT_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, SPELLING_AND_GRAMMAR_MENU_ITEM, SUMMARIZE_MENU_ITEM, CHANGE_TONE_NESTED_MENU, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, COMMENT_GROUP, COMMENT_HERO_BUTTON, ROVO_PROMPT_MENU_SECTION, TRANSLATE_MENU_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, UNDERLINE_MENU_ITEM, ITALIC_MENU_ITEM, STRIKE_MENU_ITEM, BOLD_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM } from './keys';
|
|
3
|
+
export var TOOLBAR_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, AI_SECTION.key, 100), TEXT_SECTION.key, 200), LINKING_SECTION.key, 300), COLLAB_SECTION.key, 400), APPS_SECTION.key, 500), OVERFLOW_SECTION.key, 600);
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AI section
|
|
7
|
+
*/
|
|
8
|
+
export var AI_SECTION_RANK = _defineProperty(_defineProperty({}, ROVO_GROUP.key, 100), IMPROVE_WRITING_GROUP.key, 200);
|
|
9
|
+
export var ROVO_GROUP_RANK = _defineProperty(_defineProperty({}, ROVO_HERO_BUTTON.key, 100), ROVO_MENU.key, 200);
|
|
10
|
+
export var IMPROVE_WRITING_GROUP_RANK = _defineProperty({}, IMPROVE_WRITING_BUTTON.key, 100);
|
|
11
|
+
export var ROVO_MENU_RANK = _defineProperty({}, ROVO_PROMPT_MENU_SECTION.key, 100);
|
|
12
|
+
export var ROVO_PROMPT_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MAKE_SHORTER_MENU_ITEM.key, 100), MAKE_LONGER_MENU_ITEM.key, 200), CHANGE_TONE_NESTED_MENU.key, 300), SPELLING_AND_GRAMMAR_MENU_ITEM.key, 400), TRANSLATE_NESTED_MENU.key, 500), SUMMARIZE_MENU_ITEM.key, 600);
|
|
13
|
+
export var CHANGE_TONE_MENU_RANK = _defineProperty({}, CHANGE_TONE_MENU_SECTION.key, 100);
|
|
14
|
+
export var CHANGE_TONE_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty({}, MORE_PROFESSIONAL_MENU_ITEM.key, 100), MORE_CASUAL_MENU_ITEM.key, 200), MORE_EMPATHETIC_MENU_ITEM.key, 300);
|
|
15
|
+
export var TRANSLATE_MENU_RANK = _defineProperty({}, TRANSLATE_MENU_SECTION.key, 100);
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Text section
|
|
19
|
+
*/
|
|
20
|
+
export var TEXT_SECTION_RANK = _defineProperty({}, TEXT_FORMATTING_GROUP.key, 200);
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Text formatting group
|
|
24
|
+
*/
|
|
25
|
+
export var TEXT_FORMAT_GROUP_RANK = _defineProperty(_defineProperty({}, TEXT_FORMATTING_HERO_BUTTON.key, 100), TEXT_FORMATTING_MENU.key, 200);
|
|
26
|
+
export var TEXT_FORMAT_MENU_RANK = _defineProperty(_defineProperty({}, TEXT_FORMATTING_MENU_SECTION.key, 100), CLEAR_FORMARTTING_MENU_SECTION.key, 200);
|
|
27
|
+
export var TEXT_FORMATTING_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BOLD_MENU_ITEM.key, 100), ITALIC_MENU_ITEM.key, 200), UNDERLINE_MENU_ITEM.key, 300), STRIKE_MENU_ITEM.key, 400), CODE_MENU_ITEM.key, 500), SUBSCRIPT_MENU_ITEM.key, 600), SUPERSCRIPT_MENU_ITEM.key, 700);
|
|
28
|
+
export var CLEAR_FORMARTTING_MENU_SECTION_RANK = _defineProperty({}, CLEAR_FORMATTING_MENU_ITEM.key, 100);
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Collab section
|
|
32
|
+
*/
|
|
33
|
+
export var COLLAB_SECTION_RANK = _defineProperty({}, COMMENT_GROUP.key, 100);
|
|
34
|
+
export var COMMENT_GROUP_RANK = _defineProperty({}, COMMENT_HERO_BUTTON.key, 100);
|
|
@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
|
|
|
20
20
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
21
21
|
import Layer from '../Layer';
|
|
22
22
|
var packageName = "@atlaskit/editor-common";
|
|
23
|
-
var packageVersion = "107.
|
|
23
|
+
var packageVersion = "107.18.0";
|
|
24
24
|
var halfFocusRing = 1;
|
|
25
25
|
var dropOffset = '0, 8';
|
|
26
26
|
// Ignored via go/ees005
|
|
@@ -36,7 +36,8 @@ type ElementItemType = {
|
|
|
36
36
|
focus: boolean;
|
|
37
37
|
setFocusedItemIndex: (index: number) => void;
|
|
38
38
|
index: number;
|
|
39
|
+
role?: string;
|
|
39
40
|
};
|
|
40
|
-
export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, }: ElementItemType): jsx.JSX.Element;
|
|
41
|
+
export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, role, }: ElementItemType): jsx.JSX.Element;
|
|
41
42
|
declare const MemoizedElementListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & SelectedItemProps & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
|
|
42
43
|
export default MemoizedElementListWithAnalytics;
|
|
@@ -19,3 +19,4 @@ export declare const ELEMENT_LIST_PADDING = 2;
|
|
|
19
19
|
export declare const ELEMENT_ITEM_HEIGHT = 60;
|
|
20
20
|
export declare const ELEMENT_ITEM_PADDING = 10;
|
|
21
21
|
export declare const ELEMENT_BROWSER_ID = "editor-element-browser";
|
|
22
|
+
export declare const ELEMENT_BROWSER_LIST_ID = "editor-element-browser-list";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
3
|
+
type EditorToolbarContextType = {
|
|
4
|
+
editorView: EditorView | null;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Access editor specific config and state within a toolbar component
|
|
8
|
+
*/
|
|
9
|
+
export declare const useEditorToolbar: () => EditorToolbarContextType;
|
|
10
|
+
type EditorToolbarProviderProps = {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
} & EditorToolbarContextType;
|
|
13
|
+
export declare const EditorToolbarProvider: ({ children, editorView }: EditorToolbarProviderProps) => React.JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK,
|
|
1
|
+
export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK, ROVO_PROMPT_MENU_SECTION_RANK, CHANGE_TONE_MENU_RANK, CHANGE_TONE_MENU_SECTION_RANK, TRANSLATE_MENU_RANK, COLLAB_SECTION_RANK, COMMENT_GROUP_RANK, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, TEXT_FORMATTING_MENU_SECTION_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, } from './rank';
|
|
2
|
+
export { TOOLBARS, AI_SECTION, ROVO_GROUP, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, ROVO_HERO_BUTTON, ROVO_MENU, ROVO_PROMPT_MENU_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, CHANGE_TONE_NESTED_MENU, SPELLING_AND_GRAMMAR_MENU_ITEM, SUMMARIZE_MENU_ITEM, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, TRANSLATE_MENU_SECTION, TEXT_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, BOLD_MENU_ITEM, ITALIC_MENU_ITEM, UNDERLINE_MENU_ITEM, STRIKE_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, LINKING_SECTION, COLLAB_SECTION, COMMENT_GROUP, COMMENT_HERO_BUTTON, APPS_SECTION, OVERFLOW_SECTION, } from './keys';
|
|
3
|
+
export { useEditorToolbar, EditorToolbarProvider } from './context';
|