@atlaskit/editor-common 126.4.2 → 126.4.4
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/monitoring/error.js +1 -1
- package/dist/cjs/quick-insert/ElementBrowserQuickInsertMenuItem.compiled.css +1 -0
- package/dist/cjs/quick-insert/ElementBrowserQuickInsertMenuItem.js +21 -13
- package/dist/cjs/quick-insert/getQuickInsertMenuItemParents.js +1 -0
- package/dist/cjs/quick-insert/keys.js +5 -1
- package/dist/cjs/quick-insert/messages.js +5 -0
- package/dist/cjs/quick-insert/rank.js +4 -4
- package/dist/cjs/react-node-view/index.js +12 -17
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/MediaSingle/index.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/quick-insert/ElementBrowserQuickInsertMenuItem.compiled.css +1 -0
- package/dist/es2019/quick-insert/ElementBrowserQuickInsertMenuItem.js +21 -12
- package/dist/es2019/quick-insert/getQuickInsertMenuItemParents.js +2 -1
- package/dist/es2019/quick-insert/keys.js +4 -0
- package/dist/es2019/quick-insert/messages.js +5 -0
- package/dist/es2019/quick-insert/rank.js +19 -18
- package/dist/es2019/react-node-view/index.js +10 -15
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/MediaSingle/index.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/quick-insert/ElementBrowserQuickInsertMenuItem.compiled.css +1 -0
- package/dist/esm/quick-insert/ElementBrowserQuickInsertMenuItem.js +21 -12
- package/dist/esm/quick-insert/getQuickInsertMenuItemParents.js +2 -1
- package/dist/esm/quick-insert/keys.js +4 -0
- package/dist/esm/quick-insert/messages.js +5 -0
- package/dist/esm/quick-insert/rank.js +5 -5
- package/dist/esm/react-node-view/index.js +12 -17
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/MediaSingle/index.js +1 -1
- package/dist/types/analytics/types/quick-insert-events.d.ts +9 -9
- package/dist/types/quick-insert/ElementBrowserQuickInsertMenuItem.d.ts +4 -0
- package/dist/types/quick-insert/keys.d.ts +4 -0
- package/dist/types/quick-insert/messages.d.ts +1 -1
- package/dist/types/react-node-view/index.d.ts +2 -3
- package/package.json +1 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 126.4.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`feeef61c773db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/feeef61c773db) -
|
|
8
|
+
Clean up feature gate `platform_editor_blocks_patch_7`
|
|
9
|
+
- [`9d953d03b62a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9d953d03b62a1) -
|
|
10
|
+
Order non-template slash-command items under platform_editor_slash_command
|
|
11
|
+
|
|
12
|
+
## 126.4.3
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`5655e3d4d88fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5655e3d4d88fc) -
|
|
17
|
+
Clean up experiment `platform_editor_reduce_event_listener_count`. The treatment behaviour is now
|
|
18
|
+
permanent: node views that render nothing no longer mount a React portal, breakout resize tooltips
|
|
19
|
+
mount on first hover, and layout column dividers are keyed by section ordinal and found via a
|
|
20
|
+
scoped document walk.
|
|
21
|
+
- [`b90341d10ef81`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b90341d10ef81) -
|
|
22
|
+
Fix element browser cards, keyboard selection, and small-screen categories under
|
|
23
|
+
platform_editor_slash_command
|
|
24
|
+
- [`dc878dede0903`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc878dede0903) -
|
|
25
|
+
Clean up feature gate `platform_editor_embed_height_only_fallback`
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 126.4.2
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
27
27
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
28
28
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
29
29
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
30
|
-
var packageVersion = "126.4.
|
|
30
|
+
var packageVersion = "126.4.3";
|
|
31
31
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
32
32
|
// Remove URL as it has UGC
|
|
33
33
|
// Ignored via go/ees007
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._syazdgkc{color:var(--ds-icon-subtle,#505258)}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* ElementBrowserQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
1
2
|
"use strict";
|
|
2
3
|
|
|
3
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -5,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.ElementBrowserQuickInsertMenuItem = void 0;
|
|
9
|
+
require("./ElementBrowserQuickInsertMenuItem.compiled.css");
|
|
10
|
+
var _runtime = require("@compiled/react/runtime");
|
|
8
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
12
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
10
13
|
var _primitives = require("@atlaskit/primitives");
|
|
@@ -12,7 +15,6 @@ var _quickInsertMenuItemUtils = require("./quickInsertMenuItemUtils");
|
|
|
12
15
|
var _useQuickInsertContext = require("./useQuickInsertContext");
|
|
13
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
17
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
|
|
15
|
-
|
|
16
18
|
var borderlessItemStyles = (0, _primitives.xcss)({
|
|
17
19
|
alignItems: 'start',
|
|
18
20
|
backgroundColor: 'color.background.neutral.subtle',
|
|
@@ -29,7 +31,7 @@ var borderlessItemStyles = (0, _primitives.xcss)({
|
|
|
29
31
|
var borderlessSelectedItemStyles = (0, _primitives.xcss)({
|
|
30
32
|
alignItems: 'start',
|
|
31
33
|
backgroundColor: 'color.background.selected',
|
|
32
|
-
borderRadius:
|
|
34
|
+
borderRadius: 'radius.medium',
|
|
33
35
|
color: 'color.text',
|
|
34
36
|
cursor: 'pointer',
|
|
35
37
|
display: 'flex',
|
|
@@ -66,7 +68,7 @@ var borderlessDisabledItemStyles = (0, _primitives.xcss)({
|
|
|
66
68
|
var hoveredItemStyles = (0, _primitives.xcss)({
|
|
67
69
|
':hover': {
|
|
68
70
|
backgroundColor: 'elevation.surface.hovered',
|
|
69
|
-
borderRadius:
|
|
71
|
+
borderRadius: 'radius.medium'
|
|
70
72
|
}
|
|
71
73
|
});
|
|
72
74
|
var iconStyles = (0, _primitives.xcss)({
|
|
@@ -97,9 +99,7 @@ var iconLargeStyles = (0, _primitives.xcss)({
|
|
|
97
99
|
overflow: 'hidden',
|
|
98
100
|
width: '40px'
|
|
99
101
|
});
|
|
100
|
-
var
|
|
101
|
-
color: 'color.text.subtle'
|
|
102
|
-
});
|
|
102
|
+
var iconColorStyles = null;
|
|
103
103
|
var shortcutStyles = (0, _primitives.xcss)({
|
|
104
104
|
backgroundColor: 'color.background.neutral',
|
|
105
105
|
borderRadius: 'radius.small',
|
|
@@ -137,13 +137,18 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
|
|
|
137
137
|
id: id,
|
|
138
138
|
isDisabled: isDisabled,
|
|
139
139
|
onClick: handleClick,
|
|
140
|
-
role: "option"
|
|
140
|
+
role: "option",
|
|
141
|
+
tabIndex: isSelected ? 0 : -1
|
|
141
142
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
|
|
142
143
|
,
|
|
143
144
|
xcss: itemStyles
|
|
144
145
|
}, iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
145
146
|
xcss: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? iconLargeStyles : iconStyles
|
|
146
|
-
},
|
|
147
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
148
|
+
className: (0, _runtime.ax)(["_syazdgkc"])
|
|
149
|
+
}, iconBefore)) : iconBefore ? /*#__PURE__*/_react.default.createElement("span", {
|
|
150
|
+
className: (0, _runtime.ax)(["_syazdgkc"])
|
|
151
|
+
}, iconBefore) : null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
|
|
147
152
|
space: "space.050",
|
|
148
153
|
grow: "fill"
|
|
149
154
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
|
|
@@ -151,14 +156,17 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
|
|
|
151
156
|
spread: "space-between",
|
|
152
157
|
space: "space.100"
|
|
153
158
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
159
|
+
color: "color.text",
|
|
154
160
|
maxLines: 1,
|
|
161
|
+
size: "medium",
|
|
155
162
|
weight: "medium"
|
|
156
163
|
}, title), shortcut && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
157
164
|
as: "span",
|
|
158
165
|
xcss: shortcutStyles
|
|
159
|
-
}, shortcut)), itemDescription && /*#__PURE__*/_react.default.createElement(_primitives.
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
166
|
+
}, shortcut)), itemDescription && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
167
|
+
color: "color.text.subtlest",
|
|
168
|
+
maxLines: 2,
|
|
169
|
+
size: "small",
|
|
170
|
+
weight: "regular"
|
|
171
|
+
}, itemDescription)));
|
|
164
172
|
};
|
|
@@ -19,6 +19,7 @@ var categorySections = {
|
|
|
19
19
|
'block-templates': _keys.BLOCK_TEMPLATES_SECTION,
|
|
20
20
|
communication: _keys.MEDIA_SECTION,
|
|
21
21
|
'confluence-content': _keys.STRUCTURE_SECTION,
|
|
22
|
+
create: _keys.CREATE_SECTION,
|
|
22
23
|
'data-and-charts': _keys.DATA_AND_CHARTS_SECTION,
|
|
23
24
|
development: _keys.DATA_AND_CHARTS_SECTION,
|
|
24
25
|
embed: _keys.EMBED_SECTION,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getBlockTemplateMenuItem = exports.WARNING_PANEL_MENU_ITEM = exports.VIEW_ALL_ELEMENTS_MENU_ITEM = exports.UNORDERED_LIST_MENU_ITEM = exports.TWO_COLUMNS_LAYOUT_MENU_ITEM = exports.THREE_COLUMNS_LAYOUT_MENU_ITEM = exports.TEXT_FORMATTING_SECTION = exports.TABLE_MENU_ITEM = exports.SYNCED_BLOCK_MENU_ITEM = exports.SUCCESS_PANEL_MENU_ITEM = exports.STRUCTURE_SECTION = exports.STATUS_MENU_ITEM = exports.RULE_MENU_ITEM = exports.ROVO_SECTION = exports.RECOMMENDED_SECTION = exports.PLACEHOLDER_TEXT_MENU_ITEM = exports.OTHER_SECTION = exports.ORDERED_LIST_MENU_ITEM = exports.NOTE_PANEL_MENU_ITEM = exports.MENU = exports.MENTION_MENU_ITEM = exports.MEDIA_SECTION = exports.MEDIA_INSERT_MENU_ITEM = exports.LOOM_MENU_ITEM = exports.JIRA_WORK_ITEMS_MENU_ITEM = exports.INFO_PANEL_MENU_ITEM = exports.HYPERLINK_MENU_ITEM = exports.HELP_DIALOG_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.FOUR_COLUMNS_LAYOUT_MENU_ITEM = exports.FIVE_COLUMNS_LAYOUT_MENU_ITEM = exports.EXPAND_MENU_ITEM = exports.ERROR_PANEL_MENU_ITEM = exports.EMOJI_MENU_ITEM = exports.EMBED_SECTION = exports.DECISION_MENU_ITEM = exports.DATE_MENU_ITEM = exports.DATA_AND_CHARTS_SECTION = exports.CUSTOM_PANEL_MENU_ITEM = exports.CONFLUENCE_LIST_MENU_ITEM = exports.CODE_BLOCK_MENU_ITEM = exports.BLOCK_TEMPLATES_SECTION = exports.BLOCKQUOTE_MENU_ITEM = exports.ASSETS_MENU_ITEM = exports.ASK_ROVO_MENU_ITEM = exports.AI_IMAGE_GENERATION_MENU_ITEM = exports.ACTION_MENU_ITEM = void 0;
|
|
6
|
+
exports.getBlockTemplateMenuItem = exports.WARNING_PANEL_MENU_ITEM = exports.VIEW_ALL_ELEMENTS_MENU_ITEM = exports.UNORDERED_LIST_MENU_ITEM = exports.TWO_COLUMNS_LAYOUT_MENU_ITEM = exports.THREE_COLUMNS_LAYOUT_MENU_ITEM = exports.TEXT_FORMATTING_SECTION = exports.TABLE_MENU_ITEM = exports.SYNCED_BLOCK_MENU_ITEM = exports.SUCCESS_PANEL_MENU_ITEM = exports.STRUCTURE_SECTION = exports.STATUS_MENU_ITEM = exports.RULE_MENU_ITEM = exports.ROVO_SECTION = exports.RECOMMENDED_SECTION = exports.PLACEHOLDER_TEXT_MENU_ITEM = exports.OTHER_SECTION = exports.ORDERED_LIST_MENU_ITEM = exports.NOTE_PANEL_MENU_ITEM = exports.MENU = exports.MENTION_MENU_ITEM = exports.MEDIA_SECTION = exports.MEDIA_INSERT_MENU_ITEM = exports.LOOM_MENU_ITEM = exports.JIRA_WORK_ITEMS_MENU_ITEM = exports.INFO_PANEL_MENU_ITEM = exports.HYPERLINK_MENU_ITEM = exports.HELP_DIALOG_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.FOUR_COLUMNS_LAYOUT_MENU_ITEM = exports.FIVE_COLUMNS_LAYOUT_MENU_ITEM = exports.EXPAND_MENU_ITEM = exports.ERROR_PANEL_MENU_ITEM = exports.EMOJI_MENU_ITEM = exports.EMBED_SECTION = exports.DECISION_MENU_ITEM = exports.DATE_MENU_ITEM = exports.DATA_AND_CHARTS_SECTION = exports.CUSTOM_PANEL_MENU_ITEM = exports.CREATE_SECTION = exports.CONFLUENCE_LIST_MENU_ITEM = exports.CODE_BLOCK_MENU_ITEM = exports.BLOCK_TEMPLATES_SECTION = exports.BLOCKQUOTE_MENU_ITEM = exports.ASSETS_MENU_ITEM = exports.ASK_ROVO_MENU_ITEM = exports.AI_IMAGE_GENERATION_MENU_ITEM = exports.ACTION_MENU_ITEM = void 0;
|
|
7
7
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
8
8
|
|
|
9
9
|
var MENU = exports.MENU = {
|
|
@@ -22,6 +22,10 @@ var MEDIA_SECTION = exports.MEDIA_SECTION = {
|
|
|
22
22
|
key: 'quick-insert-media-section',
|
|
23
23
|
type: 'menu-section'
|
|
24
24
|
};
|
|
25
|
+
var CREATE_SECTION = exports.CREATE_SECTION = {
|
|
26
|
+
key: 'quick-insert-create-section',
|
|
27
|
+
type: 'menu-section'
|
|
28
|
+
};
|
|
25
29
|
var EMBED_SECTION = exports.EMBED_SECTION = {
|
|
26
30
|
key: 'quick-insert-embed-section',
|
|
27
31
|
type: 'menu-section'
|
|
@@ -106,6 +106,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
|
|
|
106
106
|
defaultMessage: 'Media',
|
|
107
107
|
description: 'Media items in the Quick Insert menu.'
|
|
108
108
|
},
|
|
109
|
+
categoryCreate: {
|
|
110
|
+
id: 'editor-common.quick-insert.categoryCreate',
|
|
111
|
+
defaultMessage: 'Create',
|
|
112
|
+
description: 'Create items in the Quick Insert menu.'
|
|
113
|
+
},
|
|
109
114
|
categoryEmbed: {
|
|
110
115
|
id: 'editor-common.quick-insert.categoryEmbed',
|
|
111
116
|
defaultMessage: 'Embed',
|
|
@@ -9,10 +9,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _keys = require("./keys");
|
|
10
10
|
var _STRUCTURE_SECTION_RA;
|
|
11
11
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
12
|
-
var QUICK_INSERT_MENU_RANK = exports.QUICK_INSERT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.RECOMMENDED_SECTION.key, 0), _keys.STRUCTURE_SECTION.key, 1), _keys.MEDIA_SECTION.key, 2), _keys.
|
|
13
|
-
var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100),
|
|
14
|
-
var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(
|
|
15
|
-
var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.
|
|
12
|
+
var QUICK_INSERT_MENU_RANK = exports.QUICK_INSERT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.RECOMMENDED_SECTION.key, 0), _keys.STRUCTURE_SECTION.key, 1), _keys.MEDIA_SECTION.key, 2), _keys.CREATE_SECTION.key, 3), _keys.EMBED_SECTION.key, 4), _keys.TEXT_FORMATTING_SECTION.key, 5), _keys.ROVO_SECTION.key, 6), _keys.DATA_AND_CHARTS_SECTION.key, 7), _keys.BLOCK_TEMPLATES_SECTION.key, 8), _keys.OTHER_SECTION.key, 9);
|
|
13
|
+
var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.MENTION_MENU_ITEM.key, 500), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.WARNING_PANEL_MENU_ITEM.key, 1200), _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400), _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), _keys.SYNCED_BLOCK_MENU_ITEM.key, 2300), _keys.RULE_MENU_ITEM.key, 2400), _keys.DECISION_MENU_ITEM.key, 2800));
|
|
14
|
+
var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MEDIA_INSERT_MENU_ITEM.key, 100), _keys.HYPERLINK_MENU_ITEM.key, 200), _keys.EMOJI_MENU_ITEM.key, 300), _keys.LOOM_MENU_ITEM.key, 400), _keys.AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
|
|
15
|
+
var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNORDERED_LIST_MENU_ITEM.key, 100), _keys.ORDERED_LIST_MENU_ITEM.key, 200), _keys.HEADING_1_MENU_ITEM.key, 300), _keys.HEADING_2_MENU_ITEM.key, 400), _keys.HEADING_3_MENU_ITEM.key, 500), _keys.HEADING_4_MENU_ITEM.key, 600), _keys.HEADING_5_MENU_ITEM.key, 700), _keys.HEADING_6_MENU_ITEM.key, 800), _keys.BLOCKQUOTE_MENU_ITEM.key, 900), _keys.PLACEHOLDER_TEXT_MENU_ITEM.key, 1000);
|
|
16
16
|
var ROVO_SECTION_RANK = exports.ROVO_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.ASK_ROVO_MENU_ITEM.key, 100);
|
|
17
17
|
var DATA_AND_CHARTS_SECTION_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_WORK_ITEMS_MENU_ITEM.key, 300), _keys.CONFLUENCE_LIST_MENU_ITEM.key, 400), _keys.ASSETS_MENU_ITEM.key, 500);
|
|
18
18
|
var OTHER_SECTION_RANK = exports.OTHER_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.HELP_DIALOG_MENU_ITEM.key, 100);
|
|
@@ -28,7 +28,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
28
28
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
29
29
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
30
30
|
var _react = _interopRequireDefault(require("react"));
|
|
31
|
-
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
32
31
|
var _analytics = require("../analytics");
|
|
33
32
|
var _coreUtils = require("../core-utils");
|
|
34
33
|
var _eventDispatcher = require("../event-dispatcher");
|
|
@@ -52,9 +51,8 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
|
|
|
52
51
|
// Ignored via go/ees005
|
|
53
52
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
54
53
|
/**
|
|
55
|
-
* Tracks whether a React portal is currently mounted into `domRef`.
|
|
56
|
-
* `
|
|
57
|
-
* returns `null` does not mount one at all.
|
|
54
|
+
* Tracks whether a React portal is currently mounted into `domRef`. A node view whose
|
|
55
|
+
* `render()` returns `null` does not mount one at all.
|
|
58
56
|
*/
|
|
59
57
|
(0, _defineProperty2.default)(this, "hasMountedPortal", false);
|
|
60
58
|
(0, _defineProperty2.default)(this, "decorations", []);
|
|
@@ -173,21 +171,18 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
|
|
|
173
171
|
// `render()` runs — the pre-evaluated element is handed to the same render call below.
|
|
174
172
|
// If a node view starts out empty and later renders something, `update()` calls back into
|
|
175
173
|
// this method and the portal is mounted at that point.
|
|
176
|
-
var
|
|
177
|
-
if (
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
this.portalProviderAPI.remove(this.key);
|
|
182
|
-
this.hasMountedPortal = false;
|
|
183
|
-
}
|
|
184
|
-
return;
|
|
174
|
+
var element = component();
|
|
175
|
+
if (element === null) {
|
|
176
|
+
if (this.hasMountedPortal) {
|
|
177
|
+
this.portalProviderAPI.remove(this.key);
|
|
178
|
+
this.hasMountedPortal = false;
|
|
185
179
|
}
|
|
186
|
-
|
|
187
|
-
renderComponent = function renderComponent() {
|
|
188
|
-
return element;
|
|
189
|
-
};
|
|
180
|
+
return;
|
|
190
181
|
}
|
|
182
|
+
this.hasMountedPortal = true;
|
|
183
|
+
var renderComponent = function renderComponent() {
|
|
184
|
+
return element;
|
|
185
|
+
};
|
|
191
186
|
var componentWithErrorBoundary = function componentWithErrorBoundary() {
|
|
192
187
|
var _this3$node$type$name, _this3$node;
|
|
193
188
|
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "126.4.
|
|
27
|
+
var packageVersion = "126.4.3";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -109,7 +109,7 @@ function MediaSingle(_ref) {
|
|
|
109
109
|
var paddingBottom;
|
|
110
110
|
if (isHeightOnly) {
|
|
111
111
|
mediaWrapperHeight = height;
|
|
112
|
-
} else if (width !== undefined && !Number.isFinite(height / width * 100)
|
|
112
|
+
} else if (width !== undefined && !Number.isFinite(height / width * 100)) {
|
|
113
113
|
// The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
|
|
114
114
|
// which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
|
|
115
115
|
// unavailable in the host renderer). Fall back to the embed's absolute height so the box
|
|
@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
13
13
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
14
14
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
15
15
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
16
|
-
const packageVersion = "126.4.
|
|
16
|
+
const packageVersion = "126.4.3";
|
|
17
17
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
18
18
|
// Remove URL as it has UGC
|
|
19
19
|
// Ignored via go/ees007
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._syazdgkc{color:var(--ds-icon-subtle,#505258)}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/* ElementBrowserQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
|
+
import "./ElementBrowserQuickInsertMenuItem.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
1
4
|
import React, { useMemo } from 'react';
|
|
2
5
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
3
6
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
|
|
@@ -20,7 +23,7 @@ const borderlessItemStyles = xcss({
|
|
|
20
23
|
const borderlessSelectedItemStyles = xcss({
|
|
21
24
|
alignItems: 'start',
|
|
22
25
|
backgroundColor: 'color.background.selected',
|
|
23
|
-
borderRadius:
|
|
26
|
+
borderRadius: 'radius.medium',
|
|
24
27
|
color: 'color.text',
|
|
25
28
|
cursor: 'pointer',
|
|
26
29
|
display: 'flex',
|
|
@@ -57,7 +60,7 @@ const borderlessDisabledItemStyles = xcss({
|
|
|
57
60
|
const hoveredItemStyles = xcss({
|
|
58
61
|
':hover': {
|
|
59
62
|
backgroundColor: 'elevation.surface.hovered',
|
|
60
|
-
borderRadius:
|
|
63
|
+
borderRadius: 'radius.medium'
|
|
61
64
|
}
|
|
62
65
|
});
|
|
63
66
|
const iconStyles = xcss({
|
|
@@ -88,9 +91,7 @@ const iconLargeStyles = xcss({
|
|
|
88
91
|
overflow: 'hidden',
|
|
89
92
|
width: '40px'
|
|
90
93
|
});
|
|
91
|
-
const
|
|
92
|
-
color: 'color.text.subtle'
|
|
93
|
-
});
|
|
94
|
+
const iconColorStyles = null;
|
|
94
95
|
const shortcutStyles = xcss({
|
|
95
96
|
backgroundColor: 'color.background.neutral',
|
|
96
97
|
borderRadius: 'radius.small',
|
|
@@ -128,13 +129,18 @@ export const ElementBrowserQuickInsertMenuItem = ({
|
|
|
128
129
|
id: id,
|
|
129
130
|
isDisabled: isDisabled,
|
|
130
131
|
onClick: handleClick,
|
|
131
|
-
role: "option"
|
|
132
|
+
role: "option",
|
|
133
|
+
tabIndex: isSelected ? 0 : -1
|
|
132
134
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
|
|
133
135
|
,
|
|
134
136
|
xcss: itemStyles
|
|
135
137
|
}, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
|
|
136
138
|
xcss: isExperimentEnabled('platform_editor_slash_command') ? iconLargeStyles : iconStyles
|
|
137
|
-
},
|
|
139
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
140
|
+
className: ax(["_syazdgkc"])
|
|
141
|
+
}, iconBefore)) : iconBefore ? /*#__PURE__*/React.createElement("span", {
|
|
142
|
+
className: ax(["_syazdgkc"])
|
|
143
|
+
}, iconBefore) : null, /*#__PURE__*/React.createElement(Stack, {
|
|
138
144
|
space: "space.050",
|
|
139
145
|
grow: "fill"
|
|
140
146
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
@@ -142,14 +148,17 @@ export const ElementBrowserQuickInsertMenuItem = ({
|
|
|
142
148
|
spread: "space-between",
|
|
143
149
|
space: "space.100"
|
|
144
150
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
151
|
+
color: "color.text",
|
|
145
152
|
maxLines: 1,
|
|
153
|
+
size: "medium",
|
|
146
154
|
weight: "medium"
|
|
147
155
|
}, title), shortcut && /*#__PURE__*/React.createElement(Box, {
|
|
148
156
|
as: "span",
|
|
149
157
|
xcss: shortcutStyles
|
|
150
|
-
}, shortcut)), itemDescription && /*#__PURE__*/React.createElement(
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
158
|
+
}, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Text, {
|
|
159
|
+
color: "color.text.subtlest",
|
|
160
|
+
maxLines: 2,
|
|
161
|
+
size: "small",
|
|
162
|
+
weight: "regular"
|
|
163
|
+
}, itemDescription)));
|
|
155
164
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { getActiveQuickInsertCategories } from './getActiveQuickInsertCategories';
|
|
2
|
-
import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
|
|
2
|
+
import { BLOCK_TEMPLATES_SECTION, CREATE_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
|
|
3
3
|
const categorySections = {
|
|
4
4
|
admin: STRUCTURE_SECTION,
|
|
5
5
|
ai: ROVO_SECTION,
|
|
6
6
|
'block-templates': BLOCK_TEMPLATES_SECTION,
|
|
7
7
|
communication: MEDIA_SECTION,
|
|
8
8
|
'confluence-content': STRUCTURE_SECTION,
|
|
9
|
+
create: CREATE_SECTION,
|
|
9
10
|
'data-and-charts': DATA_AND_CHARTS_SECTION,
|
|
10
11
|
development: DATA_AND_CHARTS_SECTION,
|
|
11
12
|
embed: EMBED_SECTION,
|
|
@@ -16,6 +16,10 @@ export const MEDIA_SECTION = {
|
|
|
16
16
|
key: 'quick-insert-media-section',
|
|
17
17
|
type: 'menu-section'
|
|
18
18
|
};
|
|
19
|
+
export const CREATE_SECTION = {
|
|
20
|
+
key: 'quick-insert-create-section',
|
|
21
|
+
type: 'menu-section'
|
|
22
|
+
};
|
|
19
23
|
export const EMBED_SECTION = {
|
|
20
24
|
key: 'quick-insert-embed-section',
|
|
21
25
|
type: 'menu-section'
|
|
@@ -100,6 +100,11 @@ export const messages = defineMessages({
|
|
|
100
100
|
defaultMessage: 'Media',
|
|
101
101
|
description: 'Media items in the Quick Insert menu.'
|
|
102
102
|
},
|
|
103
|
+
categoryCreate: {
|
|
104
|
+
id: 'editor-common.quick-insert.categoryCreate',
|
|
105
|
+
defaultMessage: 'Create',
|
|
106
|
+
description: 'Create items in the Quick Insert menu.'
|
|
107
|
+
},
|
|
103
108
|
categoryEmbed: {
|
|
104
109
|
id: 'editor-common.quick-insert.categoryEmbed',
|
|
105
110
|
defaultMessage: 'Embed',
|
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
2
2
|
|
|
3
|
-
import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, ASSETS_MENU_ITEM, BLOCKQUOTE_MENU_ITEM, BLOCK_TEMPLATES_SECTION, CODE_BLOCK_MENU_ITEM, CONFLUENCE_LIST_MENU_ITEM, CUSTOM_PANEL_MENU_ITEM, DATE_MENU_ITEM, DATA_AND_CHARTS_SECTION, DECISION_MENU_ITEM, EMBED_SECTION, EMOJI_MENU_ITEM, ERROR_PANEL_MENU_ITEM, EXPAND_MENU_ITEM, FIVE_COLUMNS_LAYOUT_MENU_ITEM, FOUR_COLUMNS_LAYOUT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, HELP_DIALOG_MENU_ITEM, HYPERLINK_MENU_ITEM, INFO_PANEL_MENU_ITEM, JIRA_WORK_ITEMS_MENU_ITEM, LOOM_MENU_ITEM, MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION, MENTION_MENU_ITEM, NOTE_PANEL_MENU_ITEM, ORDERED_LIST_MENU_ITEM, OTHER_SECTION, PLACEHOLDER_TEXT_MENU_ITEM, RECOMMENDED_SECTION, ROVO_SECTION, RULE_MENU_ITEM, STATUS_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, SYNCED_BLOCK_MENU_ITEM, TABLE_MENU_ITEM, TEXT_FORMATTING_SECTION, THREE_COLUMNS_LAYOUT_MENU_ITEM, TWO_COLUMNS_LAYOUT_MENU_ITEM, UNORDERED_LIST_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from './keys';
|
|
3
|
+
import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, ASSETS_MENU_ITEM, BLOCKQUOTE_MENU_ITEM, BLOCK_TEMPLATES_SECTION, CODE_BLOCK_MENU_ITEM, CONFLUENCE_LIST_MENU_ITEM, CREATE_SECTION, CUSTOM_PANEL_MENU_ITEM, DATE_MENU_ITEM, DATA_AND_CHARTS_SECTION, DECISION_MENU_ITEM, EMBED_SECTION, EMOJI_MENU_ITEM, ERROR_PANEL_MENU_ITEM, EXPAND_MENU_ITEM, FIVE_COLUMNS_LAYOUT_MENU_ITEM, FOUR_COLUMNS_LAYOUT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, HELP_DIALOG_MENU_ITEM, HYPERLINK_MENU_ITEM, INFO_PANEL_MENU_ITEM, JIRA_WORK_ITEMS_MENU_ITEM, LOOM_MENU_ITEM, MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION, MENTION_MENU_ITEM, NOTE_PANEL_MENU_ITEM, ORDERED_LIST_MENU_ITEM, OTHER_SECTION, PLACEHOLDER_TEXT_MENU_ITEM, RECOMMENDED_SECTION, ROVO_SECTION, RULE_MENU_ITEM, STATUS_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, SYNCED_BLOCK_MENU_ITEM, TABLE_MENU_ITEM, TEXT_FORMATTING_SECTION, THREE_COLUMNS_LAYOUT_MENU_ITEM, TWO_COLUMNS_LAYOUT_MENU_ITEM, UNORDERED_LIST_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from './keys';
|
|
4
4
|
export const QUICK_INSERT_MENU_RANK = {
|
|
5
5
|
[RECOMMENDED_SECTION.key]: 0,
|
|
6
6
|
[STRUCTURE_SECTION.key]: 1,
|
|
7
7
|
[MEDIA_SECTION.key]: 2,
|
|
8
|
-
[
|
|
9
|
-
[
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
8
|
+
[CREATE_SECTION.key]: 3,
|
|
9
|
+
[EMBED_SECTION.key]: 4,
|
|
10
|
+
[TEXT_FORMATTING_SECTION.key]: 5,
|
|
11
|
+
[ROVO_SECTION.key]: 6,
|
|
12
|
+
[DATA_AND_CHARTS_SECTION.key]: 7,
|
|
13
|
+
[BLOCK_TEMPLATES_SECTION.key]: 8,
|
|
14
|
+
[OTHER_SECTION.key]: 9
|
|
14
15
|
};
|
|
15
16
|
export const STRUCTURE_SECTION_RANK = {
|
|
16
17
|
[ACTION_MENU_ITEM.key]: 100,
|
|
17
18
|
[TABLE_MENU_ITEM.key]: 200,
|
|
18
19
|
[STATUS_MENU_ITEM.key]: 300,
|
|
19
20
|
[DATE_MENU_ITEM.key]: 400,
|
|
21
|
+
[MENTION_MENU_ITEM.key]: 500,
|
|
20
22
|
[EXPAND_MENU_ITEM.key]: 700,
|
|
21
23
|
[CODE_BLOCK_MENU_ITEM.key]: 800,
|
|
22
24
|
[INFO_PANEL_MENU_ITEM.key]: 900,
|
|
@@ -38,20 +40,19 @@ export const MEDIA_SECTION_RANK = {
|
|
|
38
40
|
[HYPERLINK_MENU_ITEM.key]: 200,
|
|
39
41
|
[EMOJI_MENU_ITEM.key]: 300,
|
|
40
42
|
[LOOM_MENU_ITEM.key]: 400,
|
|
41
|
-
[MENTION_MENU_ITEM.key]: 1500,
|
|
42
43
|
[AI_IMAGE_GENERATION_MENU_ITEM.key]: 1600
|
|
43
44
|
};
|
|
44
45
|
export const TEXT_FORMATTING_SECTION_RANK = {
|
|
45
|
-
[
|
|
46
|
-
[
|
|
47
|
-
[
|
|
48
|
-
[
|
|
49
|
-
[
|
|
50
|
-
[
|
|
51
|
-
[
|
|
52
|
-
[
|
|
53
|
-
[
|
|
54
|
-
[
|
|
46
|
+
[UNORDERED_LIST_MENU_ITEM.key]: 100,
|
|
47
|
+
[ORDERED_LIST_MENU_ITEM.key]: 200,
|
|
48
|
+
[HEADING_1_MENU_ITEM.key]: 300,
|
|
49
|
+
[HEADING_2_MENU_ITEM.key]: 400,
|
|
50
|
+
[HEADING_3_MENU_ITEM.key]: 500,
|
|
51
|
+
[HEADING_4_MENU_ITEM.key]: 600,
|
|
52
|
+
[HEADING_5_MENU_ITEM.key]: 700,
|
|
53
|
+
[HEADING_6_MENU_ITEM.key]: 800,
|
|
54
|
+
[BLOCKQUOTE_MENU_ITEM.key]: 900,
|
|
55
|
+
[PLACEHOLDER_TEXT_MENU_ITEM.key]: 1000
|
|
55
56
|
};
|
|
56
57
|
export const ROVO_SECTION_RANK = {
|
|
57
58
|
[ASK_ROVO_MENU_ITEM.key]: 100
|
|
@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
4
4
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
5
5
|
|
|
6
6
|
import React from 'react';
|
|
7
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
8
7
|
import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
|
|
9
8
|
import { isSSR } from '../core-utils';
|
|
10
9
|
import { createDispatch } from '../event-dispatcher';
|
|
@@ -24,9 +23,8 @@ export default class ReactNodeView {
|
|
|
24
23
|
// Ignored via go/ees005
|
|
25
24
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
26
25
|
/**
|
|
27
|
-
* Tracks whether a React portal is currently mounted into `domRef`.
|
|
28
|
-
* `
|
|
29
|
-
* returns `null` does not mount one at all.
|
|
26
|
+
* Tracks whether a React portal is currently mounted into `domRef`. A node view whose
|
|
27
|
+
* `render()` returns `null` does not mount one at all.
|
|
30
28
|
*/
|
|
31
29
|
_defineProperty(this, "hasMountedPortal", false);
|
|
32
30
|
_defineProperty(this, "decorations", []);
|
|
@@ -136,19 +134,16 @@ export default class ReactNodeView {
|
|
|
136
134
|
// `render()` runs — the pre-evaluated element is handed to the same render call below.
|
|
137
135
|
// If a node view starts out empty and later renders something, `update()` calls back into
|
|
138
136
|
// this method and the portal is mounted at that point.
|
|
139
|
-
|
|
140
|
-
if (
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
this.portalProviderAPI.remove(this.key);
|
|
145
|
-
this.hasMountedPortal = false;
|
|
146
|
-
}
|
|
147
|
-
return;
|
|
137
|
+
const element = component();
|
|
138
|
+
if (element === null) {
|
|
139
|
+
if (this.hasMountedPortal) {
|
|
140
|
+
this.portalProviderAPI.remove(this.key);
|
|
141
|
+
this.hasMountedPortal = false;
|
|
148
142
|
}
|
|
149
|
-
|
|
150
|
-
renderComponent = () => element;
|
|
143
|
+
return;
|
|
151
144
|
}
|
|
145
|
+
this.hasMountedPortal = true;
|
|
146
|
+
const renderComponent = () => element;
|
|
152
147
|
const componentWithErrorBoundary = () => {
|
|
153
148
|
var _this$node$type$name, _this$node, _this$node$type;
|
|
154
149
|
return /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "126.4.
|
|
17
|
+
const packageVersion = "126.4.3";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -95,7 +95,7 @@ export default function MediaSingle({
|
|
|
95
95
|
let paddingBottom;
|
|
96
96
|
if (isHeightOnly) {
|
|
97
97
|
mediaWrapperHeight = height;
|
|
98
|
-
} else if (width !== undefined && !Number.isFinite(height / width * 100)
|
|
98
|
+
} else if (width !== undefined && !Number.isFinite(height / width * 100)) {
|
|
99
99
|
// The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
|
|
100
100
|
// which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
|
|
101
101
|
// unavailable in the host renderer). Fall back to the embed's absolute height so the box
|
|
@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
19
19
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "126.4.
|
|
22
|
+
var packageVersion = "126.4.3";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._syazdgkc{color:var(--ds-icon-subtle,#505258)}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/* ElementBrowserQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
|
+
import "./ElementBrowserQuickInsertMenuItem.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
1
4
|
import React, { useMemo } from 'react';
|
|
2
5
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
3
6
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
|
|
@@ -20,7 +23,7 @@ var borderlessItemStyles = xcss({
|
|
|
20
23
|
var borderlessSelectedItemStyles = xcss({
|
|
21
24
|
alignItems: 'start',
|
|
22
25
|
backgroundColor: 'color.background.selected',
|
|
23
|
-
borderRadius:
|
|
26
|
+
borderRadius: 'radius.medium',
|
|
24
27
|
color: 'color.text',
|
|
25
28
|
cursor: 'pointer',
|
|
26
29
|
display: 'flex',
|
|
@@ -57,7 +60,7 @@ var borderlessDisabledItemStyles = xcss({
|
|
|
57
60
|
var hoveredItemStyles = xcss({
|
|
58
61
|
':hover': {
|
|
59
62
|
backgroundColor: 'elevation.surface.hovered',
|
|
60
|
-
borderRadius:
|
|
63
|
+
borderRadius: 'radius.medium'
|
|
61
64
|
}
|
|
62
65
|
});
|
|
63
66
|
var iconStyles = xcss({
|
|
@@ -88,9 +91,7 @@ var iconLargeStyles = xcss({
|
|
|
88
91
|
overflow: 'hidden',
|
|
89
92
|
width: '40px'
|
|
90
93
|
});
|
|
91
|
-
var
|
|
92
|
-
color: 'color.text.subtle'
|
|
93
|
-
});
|
|
94
|
+
var iconColorStyles = null;
|
|
94
95
|
var shortcutStyles = xcss({
|
|
95
96
|
backgroundColor: 'color.background.neutral',
|
|
96
97
|
borderRadius: 'radius.small',
|
|
@@ -128,13 +129,18 @@ export var ElementBrowserQuickInsertMenuItem = function ElementBrowserQuickInser
|
|
|
128
129
|
id: id,
|
|
129
130
|
isDisabled: isDisabled,
|
|
130
131
|
onClick: handleClick,
|
|
131
|
-
role: "option"
|
|
132
|
+
role: "option",
|
|
133
|
+
tabIndex: isSelected ? 0 : -1
|
|
132
134
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
|
|
133
135
|
,
|
|
134
136
|
xcss: itemStyles
|
|
135
137
|
}, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
|
|
136
138
|
xcss: isExperimentEnabled('platform_editor_slash_command') ? iconLargeStyles : iconStyles
|
|
137
|
-
},
|
|
139
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
140
|
+
className: ax(["_syazdgkc"])
|
|
141
|
+
}, iconBefore)) : iconBefore ? /*#__PURE__*/React.createElement("span", {
|
|
142
|
+
className: ax(["_syazdgkc"])
|
|
143
|
+
}, iconBefore) : null, /*#__PURE__*/React.createElement(Stack, {
|
|
138
144
|
space: "space.050",
|
|
139
145
|
grow: "fill"
|
|
140
146
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
@@ -142,14 +148,17 @@ export var ElementBrowserQuickInsertMenuItem = function ElementBrowserQuickInser
|
|
|
142
148
|
spread: "space-between",
|
|
143
149
|
space: "space.100"
|
|
144
150
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
151
|
+
color: "color.text",
|
|
145
152
|
maxLines: 1,
|
|
153
|
+
size: "medium",
|
|
146
154
|
weight: "medium"
|
|
147
155
|
}, title), shortcut && /*#__PURE__*/React.createElement(Box, {
|
|
148
156
|
as: "span",
|
|
149
157
|
xcss: shortcutStyles
|
|
150
|
-
}, shortcut)), itemDescription && /*#__PURE__*/React.createElement(
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
158
|
+
}, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Text, {
|
|
159
|
+
color: "color.text.subtlest",
|
|
160
|
+
maxLines: 2,
|
|
161
|
+
size: "small",
|
|
162
|
+
weight: "regular"
|
|
163
|
+
}, itemDescription)));
|
|
155
164
|
};
|
|
@@ -5,13 +5,14 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
|
|
|
5
5
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
6
6
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
7
7
|
import { getActiveQuickInsertCategories } from './getActiveQuickInsertCategories';
|
|
8
|
-
import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
|
|
8
|
+
import { BLOCK_TEMPLATES_SECTION, CREATE_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
|
|
9
9
|
var categorySections = {
|
|
10
10
|
admin: STRUCTURE_SECTION,
|
|
11
11
|
ai: ROVO_SECTION,
|
|
12
12
|
'block-templates': BLOCK_TEMPLATES_SECTION,
|
|
13
13
|
communication: MEDIA_SECTION,
|
|
14
14
|
'confluence-content': STRUCTURE_SECTION,
|
|
15
|
+
create: CREATE_SECTION,
|
|
15
16
|
'data-and-charts': DATA_AND_CHARTS_SECTION,
|
|
16
17
|
development: DATA_AND_CHARTS_SECTION,
|
|
17
18
|
embed: EMBED_SECTION,
|
|
@@ -16,6 +16,10 @@ export var MEDIA_SECTION = {
|
|
|
16
16
|
key: 'quick-insert-media-section',
|
|
17
17
|
type: 'menu-section'
|
|
18
18
|
};
|
|
19
|
+
export var CREATE_SECTION = {
|
|
20
|
+
key: 'quick-insert-create-section',
|
|
21
|
+
type: 'menu-section'
|
|
22
|
+
};
|
|
19
23
|
export var EMBED_SECTION = {
|
|
20
24
|
key: 'quick-insert-embed-section',
|
|
21
25
|
type: 'menu-section'
|
|
@@ -100,6 +100,11 @@ export var messages = defineMessages({
|
|
|
100
100
|
defaultMessage: 'Media',
|
|
101
101
|
description: 'Media items in the Quick Insert menu.'
|
|
102
102
|
},
|
|
103
|
+
categoryCreate: {
|
|
104
|
+
id: 'editor-common.quick-insert.categoryCreate',
|
|
105
|
+
defaultMessage: 'Create',
|
|
106
|
+
description: 'Create items in the Quick Insert menu.'
|
|
107
|
+
},
|
|
103
108
|
categoryEmbed: {
|
|
104
109
|
id: 'editor-common.quick-insert.categoryEmbed',
|
|
105
110
|
defaultMessage: 'Embed',
|
|
@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
var _STRUCTURE_SECTION_RA;
|
|
3
3
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
4
4
|
|
|
5
|
-
import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, ASSETS_MENU_ITEM, BLOCKQUOTE_MENU_ITEM, BLOCK_TEMPLATES_SECTION, CODE_BLOCK_MENU_ITEM, CONFLUENCE_LIST_MENU_ITEM, CUSTOM_PANEL_MENU_ITEM, DATE_MENU_ITEM, DATA_AND_CHARTS_SECTION, DECISION_MENU_ITEM, EMBED_SECTION, EMOJI_MENU_ITEM, ERROR_PANEL_MENU_ITEM, EXPAND_MENU_ITEM, FIVE_COLUMNS_LAYOUT_MENU_ITEM, FOUR_COLUMNS_LAYOUT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, HELP_DIALOG_MENU_ITEM, HYPERLINK_MENU_ITEM, INFO_PANEL_MENU_ITEM, JIRA_WORK_ITEMS_MENU_ITEM, LOOM_MENU_ITEM, MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION, MENTION_MENU_ITEM, NOTE_PANEL_MENU_ITEM, ORDERED_LIST_MENU_ITEM, OTHER_SECTION, PLACEHOLDER_TEXT_MENU_ITEM, RECOMMENDED_SECTION, ROVO_SECTION, RULE_MENU_ITEM, STATUS_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, SYNCED_BLOCK_MENU_ITEM, TABLE_MENU_ITEM, TEXT_FORMATTING_SECTION, THREE_COLUMNS_LAYOUT_MENU_ITEM, TWO_COLUMNS_LAYOUT_MENU_ITEM, UNORDERED_LIST_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from './keys';
|
|
6
|
-
export var QUICK_INSERT_MENU_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RECOMMENDED_SECTION.key, 0), STRUCTURE_SECTION.key, 1), MEDIA_SECTION.key, 2),
|
|
7
|
-
export var STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ACTION_MENU_ITEM.key, 100), TABLE_MENU_ITEM.key, 200), STATUS_MENU_ITEM.key, 300), DATE_MENU_ITEM.key, 400), EXPAND_MENU_ITEM.key, 700), CODE_BLOCK_MENU_ITEM.key, 800), INFO_PANEL_MENU_ITEM.key, 900), NOTE_PANEL_MENU_ITEM.key, 1000), SUCCESS_PANEL_MENU_ITEM.key, 1100),
|
|
8
|
-
export var MEDIA_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
|
9
|
-
export var TEXT_FORMATTING_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},
|
|
5
|
+
import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, ASSETS_MENU_ITEM, BLOCKQUOTE_MENU_ITEM, BLOCK_TEMPLATES_SECTION, CODE_BLOCK_MENU_ITEM, CONFLUENCE_LIST_MENU_ITEM, CREATE_SECTION, CUSTOM_PANEL_MENU_ITEM, DATE_MENU_ITEM, DATA_AND_CHARTS_SECTION, DECISION_MENU_ITEM, EMBED_SECTION, EMOJI_MENU_ITEM, ERROR_PANEL_MENU_ITEM, EXPAND_MENU_ITEM, FIVE_COLUMNS_LAYOUT_MENU_ITEM, FOUR_COLUMNS_LAYOUT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, HELP_DIALOG_MENU_ITEM, HYPERLINK_MENU_ITEM, INFO_PANEL_MENU_ITEM, JIRA_WORK_ITEMS_MENU_ITEM, LOOM_MENU_ITEM, MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION, MENTION_MENU_ITEM, NOTE_PANEL_MENU_ITEM, ORDERED_LIST_MENU_ITEM, OTHER_SECTION, PLACEHOLDER_TEXT_MENU_ITEM, RECOMMENDED_SECTION, ROVO_SECTION, RULE_MENU_ITEM, STATUS_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, SYNCED_BLOCK_MENU_ITEM, TABLE_MENU_ITEM, TEXT_FORMATTING_SECTION, THREE_COLUMNS_LAYOUT_MENU_ITEM, TWO_COLUMNS_LAYOUT_MENU_ITEM, UNORDERED_LIST_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from './keys';
|
|
6
|
+
export var QUICK_INSERT_MENU_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RECOMMENDED_SECTION.key, 0), STRUCTURE_SECTION.key, 1), MEDIA_SECTION.key, 2), CREATE_SECTION.key, 3), EMBED_SECTION.key, 4), TEXT_FORMATTING_SECTION.key, 5), ROVO_SECTION.key, 6), DATA_AND_CHARTS_SECTION.key, 7), BLOCK_TEMPLATES_SECTION.key, 8), OTHER_SECTION.key, 9);
|
|
7
|
+
export var STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ACTION_MENU_ITEM.key, 100), TABLE_MENU_ITEM.key, 200), STATUS_MENU_ITEM.key, 300), DATE_MENU_ITEM.key, 400), MENTION_MENU_ITEM.key, 500), EXPAND_MENU_ITEM.key, 700), CODE_BLOCK_MENU_ITEM.key, 800), INFO_PANEL_MENU_ITEM.key, 900), NOTE_PANEL_MENU_ITEM.key, 1000), SUCCESS_PANEL_MENU_ITEM.key, 1100), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, WARNING_PANEL_MENU_ITEM.key, 1200), ERROR_PANEL_MENU_ITEM.key, 1300), CUSTOM_PANEL_MENU_ITEM.key, 1400), TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), SYNCED_BLOCK_MENU_ITEM.key, 2300), RULE_MENU_ITEM.key, 2400), DECISION_MENU_ITEM.key, 2800));
|
|
8
|
+
export var MEDIA_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MEDIA_INSERT_MENU_ITEM.key, 100), HYPERLINK_MENU_ITEM.key, 200), EMOJI_MENU_ITEM.key, 300), LOOM_MENU_ITEM.key, 400), AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
|
|
9
|
+
export var TEXT_FORMATTING_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNORDERED_LIST_MENU_ITEM.key, 100), ORDERED_LIST_MENU_ITEM.key, 200), HEADING_1_MENU_ITEM.key, 300), HEADING_2_MENU_ITEM.key, 400), HEADING_3_MENU_ITEM.key, 500), HEADING_4_MENU_ITEM.key, 600), HEADING_5_MENU_ITEM.key, 700), HEADING_6_MENU_ITEM.key, 800), BLOCKQUOTE_MENU_ITEM.key, 900), PLACEHOLDER_TEXT_MENU_ITEM.key, 1000);
|
|
10
10
|
export var ROVO_SECTION_RANK = _defineProperty({}, ASK_ROVO_MENU_ITEM.key, 100);
|
|
11
11
|
export var DATA_AND_CHARTS_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty({}, JIRA_WORK_ITEMS_MENU_ITEM.key, 300), CONFLUENCE_LIST_MENU_ITEM.key, 400), ASSETS_MENU_ITEM.key, 500);
|
|
12
12
|
export var OTHER_SECTION_RANK = _defineProperty({}, HELP_DIALOG_MENU_ITEM.key, 100);
|
|
@@ -6,7 +6,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
6
6
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
7
7
|
|
|
8
8
|
import React from 'react';
|
|
9
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
10
9
|
import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
|
|
11
10
|
import { isSSR } from '../core-utils';
|
|
12
11
|
import { createDispatch } from '../event-dispatcher';
|
|
@@ -28,9 +27,8 @@ var ReactNodeView = /*#__PURE__*/function () {
|
|
|
28
27
|
// Ignored via go/ees005
|
|
29
28
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
30
29
|
/**
|
|
31
|
-
* Tracks whether a React portal is currently mounted into `domRef`.
|
|
32
|
-
* `
|
|
33
|
-
* returns `null` does not mount one at all.
|
|
30
|
+
* Tracks whether a React portal is currently mounted into `domRef`. A node view whose
|
|
31
|
+
* `render()` returns `null` does not mount one at all.
|
|
34
32
|
*/
|
|
35
33
|
_defineProperty(this, "hasMountedPortal", false);
|
|
36
34
|
_defineProperty(this, "decorations", []);
|
|
@@ -149,21 +147,18 @@ var ReactNodeView = /*#__PURE__*/function () {
|
|
|
149
147
|
// `render()` runs — the pre-evaluated element is handed to the same render call below.
|
|
150
148
|
// If a node view starts out empty and later renders something, `update()` calls back into
|
|
151
149
|
// this method and the portal is mounted at that point.
|
|
152
|
-
var
|
|
153
|
-
if (
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
this.portalProviderAPI.remove(this.key);
|
|
158
|
-
this.hasMountedPortal = false;
|
|
159
|
-
}
|
|
160
|
-
return;
|
|
150
|
+
var element = component();
|
|
151
|
+
if (element === null) {
|
|
152
|
+
if (this.hasMountedPortal) {
|
|
153
|
+
this.portalProviderAPI.remove(this.key);
|
|
154
|
+
this.hasMountedPortal = false;
|
|
161
155
|
}
|
|
162
|
-
|
|
163
|
-
renderComponent = function renderComponent() {
|
|
164
|
-
return element;
|
|
165
|
-
};
|
|
156
|
+
return;
|
|
166
157
|
}
|
|
158
|
+
this.hasMountedPortal = true;
|
|
159
|
+
var renderComponent = function renderComponent() {
|
|
160
|
+
return element;
|
|
161
|
+
};
|
|
167
162
|
var componentWithErrorBoundary = function componentWithErrorBoundary() {
|
|
168
163
|
var _this3$node$type$name, _this3$node;
|
|
169
164
|
return /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "126.4.
|
|
24
|
+
var packageVersion = "126.4.3";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -101,7 +101,7 @@ export default function MediaSingle(_ref) {
|
|
|
101
101
|
var paddingBottom;
|
|
102
102
|
if (isHeightOnly) {
|
|
103
103
|
mediaWrapperHeight = height;
|
|
104
|
-
} else if (width !== undefined && !Number.isFinite(height / width * 100)
|
|
104
|
+
} else if (width !== undefined && !Number.isFinite(height / width * 100)) {
|
|
105
105
|
// The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
|
|
106
106
|
// which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
|
|
107
107
|
// unavailable in the host renderer). Fall back to the embed's absolute height so the box
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import type { ACTION, ACTION_SUBJECT } from './enums';
|
|
2
2
|
import type { OperationalAEP } from './utils';
|
|
3
3
|
export type CategoryInformation = {
|
|
4
|
-
internalMacroCount: number;
|
|
5
|
-
internalAppCount: number;
|
|
6
|
-
internalAppMacroMax: number;
|
|
7
|
-
ecosystemMacroCount: number;
|
|
8
|
-
ecosystemAppCount: number;
|
|
9
|
-
ecosystemAppMacroMax: number;
|
|
10
|
-
allMacroCount: number;
|
|
11
4
|
allAppCount: number;
|
|
12
5
|
allAppMacroMax: number;
|
|
6
|
+
allMacroCount: number;
|
|
7
|
+
ecosystemAppCount: number;
|
|
8
|
+
ecosystemAppMacroMax: number;
|
|
9
|
+
ecosystemMacroCount: number;
|
|
10
|
+
internalAppCount: number;
|
|
11
|
+
internalAppMacroMax: number;
|
|
12
|
+
internalMacroCount: number;
|
|
13
13
|
};
|
|
14
|
-
export type CategoryKey = 'blockTemplates' | 'dataAndCharts' | 'embed' | 'media' | 'other' | 'rovo' | 'structure' | 'textFormatting';
|
|
14
|
+
export type CategoryKey = 'blockTemplates' | 'create' | 'dataAndCharts' | 'embed' | 'media' | 'other' | 'rovo' | 'structure' | 'textFormatting';
|
|
15
15
|
export type LegacyCategoryKey = 'admin' | 'ai' | 'block-templates' | 'communication' | 'confluence-content' | 'data-and-charts' | 'development' | 'embed' | 'external-content' | 'formatting' | 'media' | 'navigation' | 'other' | 'reporting' | 'skills' | 'structure' | 'text-formatting' | 'uncategorized' | 'visuals';
|
|
16
16
|
export type QuickInsertInformationAttributes = {
|
|
17
|
+
allCategories: CategoryInformation;
|
|
17
18
|
category: Record<CategoryKey, CategoryInformation>;
|
|
18
19
|
legacyCategory: Record<LegacyCategoryKey, CategoryInformation>;
|
|
19
|
-
allCategories: CategoryInformation;
|
|
20
20
|
};
|
|
21
21
|
export type QuickInsertInformationAEP = OperationalAEP<ACTION.QUICK_INSERT_INFORMATION, ACTION_SUBJECT.QUICK_INSERT, undefined, QuickInsertInformationAttributes>;
|
|
22
22
|
export type QuickInsertInformationEventPayload = QuickInsertInformationAEP;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
import type { QuickInsertMenuItemProps } from './QuickInsertMenuItem';
|
|
3
7
|
export declare const ElementBrowserQuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, shortcut, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;
|
|
@@ -14,6 +14,10 @@ export declare const MEDIA_SECTION: {
|
|
|
14
14
|
readonly key: 'quick-insert-media-section';
|
|
15
15
|
readonly type: 'menu-section';
|
|
16
16
|
};
|
|
17
|
+
export declare const CREATE_SECTION: {
|
|
18
|
+
readonly key: 'quick-insert-create-section';
|
|
19
|
+
readonly type: 'menu-section';
|
|
20
|
+
};
|
|
17
21
|
export declare const EMBED_SECTION: {
|
|
18
22
|
readonly key: 'quick-insert-embed-section';
|
|
19
23
|
readonly type: 'menu-section';
|
|
@@ -3,5 +3,5 @@ type Messages<Keys extends string> = Record<Keys, MessageDescriptor & {
|
|
|
3
3
|
defaultMessage: string;
|
|
4
4
|
id: string;
|
|
5
5
|
}>;
|
|
6
|
-
export declare const messages: Messages<'admin' | 'AI' | 'all' | 'browse' | 'categoryBlockTemplates' | 'categoryDataAndCharts' | 'categoryEmbed' | 'categoryMedia' | 'categoryOther' | 'categoryRecommended' | 'categoryRovo' | 'categoryStructure' | 'categoryTextFormatting' | 'previewAttributionBy' | 'previewAttributionAtlassian' | 'previewAttributionAssets' | 'previewAttributionConfluence' | 'previewAttributionJira' | 'previewAttributionJiraServiceManagement' | 'previewAttributionMicrosoft' | 'close' | 'communication' | 'confluence-content' | 'development' | 'external-content' | 'featuredWhiteboardDescription' | 'formatting' | 'help' | 'insert' | 'media' | 'navigation' | 'reporting' | 'visuals'>;
|
|
6
|
+
export declare const messages: Messages<'admin' | 'AI' | 'all' | 'browse' | 'categoryBlockTemplates' | 'categoryCreate' | 'categoryDataAndCharts' | 'categoryEmbed' | 'categoryMedia' | 'categoryOther' | 'categoryRecommended' | 'categoryRovo' | 'categoryStructure' | 'categoryTextFormatting' | 'previewAttributionBy' | 'previewAttributionAtlassian' | 'previewAttributionAssets' | 'previewAttributionConfluence' | 'previewAttributionJira' | 'previewAttributionJiraServiceManagement' | 'previewAttributionMicrosoft' | 'close' | 'communication' | 'confluence-content' | 'development' | 'external-content' | 'featuredWhiteboardDescription' | 'formatting' | 'help' | 'insert' | 'media' | 'navigation' | 'reporting' | 'visuals'>;
|
|
7
7
|
export {};
|
|
@@ -15,9 +15,8 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
|
|
|
15
15
|
private portalProviderAPI;
|
|
16
16
|
private _viewShouldUpdate?;
|
|
17
17
|
/**
|
|
18
|
-
* Tracks whether a React portal is currently mounted into `domRef`.
|
|
19
|
-
* `
|
|
20
|
-
* returns `null` does not mount one at all.
|
|
18
|
+
* Tracks whether a React portal is currently mounted into `domRef`. A node view whose
|
|
19
|
+
* `render()` returns `null` does not mount one at all.
|
|
21
20
|
*/
|
|
22
21
|
private hasMountedPortal;
|
|
23
22
|
protected eventDispatcher?: EventDispatcher;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "126.4.
|
|
3
|
+
"version": "126.4.4",
|
|
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/"
|
|
@@ -160,10 +160,6 @@
|
|
|
160
160
|
"platform_editor_ai_show_diff_patch_2": {
|
|
161
161
|
"type": "boolean"
|
|
162
162
|
},
|
|
163
|
-
"platform_editor_blocks_patch_7": {
|
|
164
|
-
"type": "boolean",
|
|
165
|
-
"referenceOnly": true
|
|
166
|
-
},
|
|
167
163
|
"platform_editor_nested_mbe_frames": {
|
|
168
164
|
"type": "boolean"
|
|
169
165
|
},
|
|
@@ -230,9 +226,6 @@
|
|
|
230
226
|
"platform_editor_fix_scroll_to_pos": {
|
|
231
227
|
"type": "boolean"
|
|
232
228
|
},
|
|
233
|
-
"platform_editor_embed_height_only_fallback": {
|
|
234
|
-
"type": "boolean"
|
|
235
|
-
},
|
|
236
229
|
"platform_editor_custom_emoji_unicode_fallback": {
|
|
237
230
|
"type": "boolean"
|
|
238
231
|
},
|