@atlaskit/editor-plugin-quick-insert 30.0.3 → 30.0.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 CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-quick-insert
2
2
 
3
+ ## 30.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`fc6a743d65633`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc6a743d65633) -
8
+ Remove unused @atlaskit/platform-feature-flags and @atlaskit/tmp-editor-statsig dependencies
9
+ - [`7efec208f3bb4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7efec208f3bb4) -
10
+ Remove unused runtime dependencies
11
+ - [`b199ccfabf69b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b199ccfabf69b) -
12
+ EDITOR-9784: Under the platform_editor_slash_command experiment, the quick insert registered menus
13
+ pass the menu's selection source to RegisteredMenuList, so hovering an item no longer scrolls a
14
+ partially clipped item into view.
15
+ - Updated dependencies
16
+
3
17
  ## 30.0.3
4
18
 
5
19
  ### Patch Changes
@@ -27,7 +27,7 @@ var _selectQuickInsertCategoryItems = require("./selectQuickInsertCategoryItems"
27
27
  var _ToolbarQuickInsertMenu = require("./ToolbarQuickInsertMenu");
28
28
  var _TypeAheadQuickInsertMenu = require("./TypeAheadQuickInsertMenu");
29
29
  var _useQuickInsertSearchAnalytics = require("./useQuickInsertSearchAnalytics");
30
- var _excluded = ["rows", "selectableItems", "selectedItemIndex", "activeItemKey"];
30
+ var _excluded = ["rows", "selectableItems", "selectedItemIndex", "activeItemKey", "selectionSource"];
31
31
  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); }
32
32
  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; }
33
33
  var DEFAULT_MENU_MAX_HEIGHT = 480;
@@ -112,6 +112,7 @@ var QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
112
112
  selectableItems = _useRegisteredMenu.selectableItems,
113
113
  selectedItemIndex = _useRegisteredMenu.selectedItemIndex,
114
114
  activeItemKey = _useRegisteredMenu.activeItemKey,
115
+ selectionSource = _useRegisteredMenu.selectionSource,
115
116
  listEvents = (0, _objectWithoutProperties2.default)(_useRegisteredMenu, _excluded);
116
117
  var listId = (0, _react.useId)();
117
118
  var _useState = (0, _react.useState)({
@@ -198,7 +199,8 @@ var QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
198
199
  onRenderedItemsChange: setRenderedItems,
199
200
  query: query,
200
201
  rows: rows,
201
- selectedItemIndex: selectedItemIndex
202
+ selectedItemIndex: selectedItemIndex,
203
+ selectionSource: selectionSource
202
204
  }) : /*#__PURE__*/_react.default.createElement(_ToolbarQuickInsertMenu.ToolbarQuickInsertMenu, {
203
205
  Item: _RegisteredQuickInsertMenuItem.RegisteredQuickInsertMenuItem,
204
206
  activePreviewItemKey: activeItemKey,
@@ -216,7 +218,8 @@ var QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
216
218
  onRenderedItemsChange: setRenderedItems,
217
219
  query: query,
218
220
  rows: rows,
219
- selectedItemIndex: selectedItemIndex
221
+ selectedItemIndex: selectedItemIndex,
222
+ selectionSource: selectionSource
220
223
  }))));
221
224
  };
222
225
  var _default = exports.default = QuickInsertMenuRoot;
@@ -40,7 +40,8 @@ var ToolbarQuickInsertMenu = exports.ToolbarQuickInsertMenu = function ToolbarQu
40
40
  onItemVisibilityChange = _ref.onItemVisibilityChange,
41
41
  onRenderedItemsChange = _ref.onRenderedItemsChange,
42
42
  query = _ref.query,
43
- selectedItemIndex = _ref.selectedItemIndex;
43
+ selectedItemIndex = _ref.selectedItemIndex,
44
+ selectionSource = _ref.selectionSource;
44
45
  var footerItemIndex = itemCount - 1;
45
46
  var footerItemId = (0, _getQuickInsertMenuItemId.getQuickInsertMenuItemId)(listId, footerItemIndex);
46
47
  var isEmptySearch = query !== '' && model.sections.length === 0;
@@ -91,6 +92,7 @@ var ToolbarQuickInsertMenu = exports.ToolbarQuickInsertMenu = function ToolbarQu
91
92
  getItemId: getItemId,
92
93
  activeItemKey: activePreviewItemKey,
93
94
  selectedItemIndex: selectedItemIndex,
95
+ selectionSource: selectionSource,
94
96
  scrollResetKey: query,
95
97
  onItemHover: onItemHover,
96
98
  onItemFocus: onItemFocus,
@@ -38,6 +38,7 @@ var TypeAheadQuickInsertMenu = exports.TypeAheadQuickInsertMenu = function TypeA
38
38
  _ref$query = _ref.query,
39
39
  query = _ref$query === void 0 ? '' : _ref$query,
40
40
  selectedItemIndex = _ref.selectedItemIndex,
41
+ selectionSource = _ref.selectionSource,
41
42
  _ref$hasScrollPadding = _ref.hasScrollPadding,
42
43
  hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding;
43
44
  var footerItemIndex = itemCount - 1;
@@ -65,6 +66,7 @@ var TypeAheadQuickInsertMenu = exports.TypeAheadQuickInsertMenu = function TypeA
65
66
  getItemId: getItemId,
66
67
  activeItemKey: activeItemKey,
67
68
  selectedItemIndex: selectedItemIndex,
69
+ selectionSource: selectionSource,
68
70
  scrollResetKey: query,
69
71
  hasScrollPadding: hasScrollPadding,
70
72
  scrollTo: "top-on-reset",
@@ -84,6 +84,7 @@ const QuickInsertMenuRoot = ({
84
84
  selectableItems,
85
85
  selectedItemIndex,
86
86
  activeItemKey,
87
+ selectionSource,
87
88
  ...listEvents
88
89
  } = useRegisteredMenu({
89
90
  model,
@@ -169,7 +170,8 @@ const QuickInsertMenuRoot = ({
169
170
  onRenderedItemsChange: setRenderedItems,
170
171
  query: query,
171
172
  rows: rows,
172
- selectedItemIndex: selectedItemIndex
173
+ selectedItemIndex: selectedItemIndex,
174
+ selectionSource: selectionSource
173
175
  }) : /*#__PURE__*/React.createElement(ToolbarQuickInsertMenu, {
174
176
  Item: RegisteredQuickInsertMenuItem,
175
177
  activePreviewItemKey: activeItemKey,
@@ -187,7 +189,8 @@ const QuickInsertMenuRoot = ({
187
189
  onRenderedItemsChange: setRenderedItems,
188
190
  query: query,
189
191
  rows: rows,
190
- selectedItemIndex: selectedItemIndex
192
+ selectedItemIndex: selectedItemIndex,
193
+ selectionSource: selectionSource
191
194
  }))));
192
195
  };
193
196
  export default QuickInsertMenuRoot;
@@ -32,7 +32,8 @@ export const ToolbarQuickInsertMenu = ({
32
32
  onItemVisibilityChange,
33
33
  onRenderedItemsChange,
34
34
  query,
35
- selectedItemIndex
35
+ selectedItemIndex,
36
+ selectionSource
36
37
  }) => {
37
38
  const footerItemIndex = itemCount - 1;
38
39
  const footerItemId = getQuickInsertMenuItemId(listId, footerItemIndex);
@@ -79,6 +80,7 @@ export const ToolbarQuickInsertMenu = ({
79
80
  getItemId: getItemId,
80
81
  activeItemKey: activePreviewItemKey,
81
82
  selectedItemIndex: selectedItemIndex,
83
+ selectionSource: selectionSource,
82
84
  scrollResetKey: query,
83
85
  onItemHover: onItemHover,
84
86
  onItemFocus: onItemFocus,
@@ -29,6 +29,7 @@ export const TypeAheadQuickInsertMenu = ({
29
29
  onRenderedItemsChange,
30
30
  query = '',
31
31
  selectedItemIndex,
32
+ selectionSource,
32
33
  hasScrollPadding = false
33
34
  }) => {
34
35
  const footerItemIndex = itemCount - 1;
@@ -53,6 +54,7 @@ export const TypeAheadQuickInsertMenu = ({
53
54
  getItemId: getItemId,
54
55
  activeItemKey: activeItemKey,
55
56
  selectedItemIndex: selectedItemIndex,
57
+ selectionSource: selectionSource,
56
58
  scrollResetKey: query,
57
59
  hasScrollPadding: hasScrollPadding,
58
60
  scrollTo: "top-on-reset",
@@ -1,7 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _toArray from "@babel/runtime/helpers/toArray";
4
- var _excluded = ["rows", "selectableItems", "selectedItemIndex", "activeItemKey"];
4
+ var _excluded = ["rows", "selectableItems", "selectedItemIndex", "activeItemKey", "selectionSource"];
5
5
  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; }
6
6
  import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
7
7
  import { useIntl } from 'react-intl';
@@ -103,6 +103,7 @@ var QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
103
103
  selectableItems = _useRegisteredMenu.selectableItems,
104
104
  selectedItemIndex = _useRegisteredMenu.selectedItemIndex,
105
105
  activeItemKey = _useRegisteredMenu.activeItemKey,
106
+ selectionSource = _useRegisteredMenu.selectionSource,
106
107
  listEvents = _objectWithoutProperties(_useRegisteredMenu, _excluded);
107
108
  var listId = useId();
108
109
  var _useState = useState({
@@ -189,7 +190,8 @@ var QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
189
190
  onRenderedItemsChange: setRenderedItems,
190
191
  query: query,
191
192
  rows: rows,
192
- selectedItemIndex: selectedItemIndex
193
+ selectedItemIndex: selectedItemIndex,
194
+ selectionSource: selectionSource
193
195
  }) : /*#__PURE__*/React.createElement(ToolbarQuickInsertMenu, {
194
196
  Item: RegisteredQuickInsertMenuItem,
195
197
  activePreviewItemKey: activeItemKey,
@@ -207,7 +209,8 @@ var QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
207
209
  onRenderedItemsChange: setRenderedItems,
208
210
  query: query,
209
211
  rows: rows,
210
- selectedItemIndex: selectedItemIndex
212
+ selectedItemIndex: selectedItemIndex,
213
+ selectionSource: selectionSource
211
214
  }))));
212
215
  };
213
216
  export default QuickInsertMenuRoot;
@@ -32,7 +32,8 @@ export var ToolbarQuickInsertMenu = function ToolbarQuickInsertMenu(_ref) {
32
32
  onItemVisibilityChange = _ref.onItemVisibilityChange,
33
33
  onRenderedItemsChange = _ref.onRenderedItemsChange,
34
34
  query = _ref.query,
35
- selectedItemIndex = _ref.selectedItemIndex;
35
+ selectedItemIndex = _ref.selectedItemIndex,
36
+ selectionSource = _ref.selectionSource;
36
37
  var footerItemIndex = itemCount - 1;
37
38
  var footerItemId = getQuickInsertMenuItemId(listId, footerItemIndex);
38
39
  var isEmptySearch = query !== '' && model.sections.length === 0;
@@ -83,6 +84,7 @@ export var ToolbarQuickInsertMenu = function ToolbarQuickInsertMenu(_ref) {
83
84
  getItemId: getItemId,
84
85
  activeItemKey: activePreviewItemKey,
85
86
  selectedItemIndex: selectedItemIndex,
87
+ selectionSource: selectionSource,
86
88
  scrollResetKey: query,
87
89
  onItemHover: onItemHover,
88
90
  onItemFocus: onItemFocus,
@@ -30,6 +30,7 @@ export var TypeAheadQuickInsertMenu = function TypeAheadQuickInsertMenu(_ref) {
30
30
  _ref$query = _ref.query,
31
31
  query = _ref$query === void 0 ? '' : _ref$query,
32
32
  selectedItemIndex = _ref.selectedItemIndex,
33
+ selectionSource = _ref.selectionSource,
33
34
  _ref$hasScrollPadding = _ref.hasScrollPadding,
34
35
  hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding;
35
36
  var footerItemIndex = itemCount - 1;
@@ -57,6 +58,7 @@ export var TypeAheadQuickInsertMenu = function TypeAheadQuickInsertMenu(_ref) {
57
58
  getItemId: getItemId,
58
59
  activeItemKey: activeItemKey,
59
60
  selectedItemIndex: selectedItemIndex,
61
+ selectionSource: selectionSource,
60
62
  scrollResetKey: query,
61
63
  hasScrollPadding: hasScrollPadding,
62
64
  scrollTo: "top-on-reset",
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { RegisteredMenuModel, RegisteredMenuItemProps } from '@atlaskit/editor-common/registered-menu';
2
+ import type { RegisteredMenuModel, RegisteredMenuItemProps, RegisteredMenuSelectionSource } from '@atlaskit/editor-common/registered-menu';
3
3
  import type { EmptyStateHandler } from '@atlaskit/editor-common/types/empty-state-handler';
4
4
  import type { RegisterMenuItem, RegisterMenuSection } from '@atlaskit/editor-ui-control-model/types';
5
5
  type Props = {
@@ -23,6 +23,7 @@ type Props = {
23
23
  query: string;
24
24
  rows: Array<RegisterMenuItem | RegisterMenuSection>;
25
25
  selectedItemIndex: number;
26
+ selectionSource?: RegisteredMenuSelectionSource;
26
27
  };
27
- export declare const ToolbarQuickInsertMenu: ({ Item, model, emptyStateHandler, listLabel, activePreviewItemKey, itemCount, listId, maxHeight, rows, onItemBlur, onItemFocus, onItemHover, onItemLeave, onItemVisibilityChange, onRenderedItemsChange, query, selectedItemIndex, }: Props) => React.JSX.Element | null;
28
+ export declare const ToolbarQuickInsertMenu: ({ Item, model, emptyStateHandler, listLabel, activePreviewItemKey, itemCount, listId, maxHeight, rows, onItemBlur, onItemFocus, onItemHover, onItemLeave, onItemVisibilityChange, onRenderedItemsChange, query, selectedItemIndex, selectionSource, }: Props) => React.JSX.Element | null;
28
29
  export {};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { RegisteredMenuItemProps, RegisteredMenuModel } from '@atlaskit/editor-common/registered-menu';
2
+ import type { RegisteredMenuItemProps, RegisteredMenuModel, RegisteredMenuSelectionSource } from '@atlaskit/editor-common/registered-menu';
3
3
  import type { RegisterMenuItem, RegisterMenuSection } from '@atlaskit/editor-ui-control-model/types';
4
4
  type Props = {
5
5
  activeItemKey?: string;
@@ -22,6 +22,7 @@ type Props = {
22
22
  query?: string;
23
23
  rows: Array<RegisterMenuItem | RegisterMenuSection>;
24
24
  selectedItemIndex: number;
25
+ selectionSource?: RegisteredMenuSelectionSource;
25
26
  };
26
- export declare const TypeAheadQuickInsertMenu: ({ Item, rows, activeItemKey, itemCount, listId, listLabel, maxHeight, model, onItemFocus, onItemBlur, onItemHover, onItemLeave, onItemVisibilityChange, onRenderedItemsChange, query, selectedItemIndex, hasScrollPadding, }: Props) => React.JSX.Element | null;
27
+ export declare const TypeAheadQuickInsertMenu: ({ Item, rows, activeItemKey, itemCount, listId, listLabel, maxHeight, model, onItemFocus, onItemBlur, onItemHover, onItemLeave, onItemVisibilityChange, onRenderedItemsChange, query, selectedItemIndex, selectionSource, hasScrollPadding, }: Props) => React.JSX.Element | null;
27
28
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-quick-insert",
3
- "version": "30.0.3",
3
+ "version": "30.0.4",
4
4
  "description": "Quick insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,7 +36,6 @@
36
36
  "@atlaskit/editor-plugin-type-ahead": "^31.0.0",
37
37
  "@atlaskit/editor-plugin-ui-control-registry": "^24.0.0",
38
38
  "@atlaskit/editor-prosemirror": "^9.0.0",
39
- "@atlaskit/editor-shared-styles": "^4.6.0",
40
39
  "@atlaskit/editor-tables": "^3.2.0",
41
40
  "@atlaskit/editor-ui-control-model": "^3.0.0",
42
41
  "@atlaskit/heading": "^8.0.0",
@@ -47,7 +46,6 @@
47
46
  "@atlaskit/platform-feature-flags": "^2.2.0",
48
47
  "@atlaskit/primitives": "^22.6.0",
49
48
  "@atlaskit/textfield": "^10.3.0",
50
- "@atlaskit/tmp-editor-statsig": "^248.0.0",
51
49
  "@atlaskit/tokens": "^20.8.0",
52
50
  "@atlaskit/tooltip": "^24.4.0",
53
51
  "@babel/runtime": "^7.0.0",
@@ -56,14 +54,13 @@
56
54
  "react-loosely-lazy": "^1.0.0"
57
55
  },
58
56
  "peerDependencies": {
59
- "@atlaskit/editor-common": "^134.1.0",
57
+ "@atlaskit/editor-common": "^134.2.0",
60
58
  "react": "^18.2.0 || ^19.2.0",
61
59
  "react-dom": "^18.2.0 || ^19.2.0",
62
60
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
63
61
  },
64
62
  "devDependencies": {
65
63
  "@atlassian/structured-docs-types": "workspace:^",
66
- "@testing-library/react": "^16.3.0",
67
64
  "react": "^19.2.0",
68
65
  "react-dom": "^19.2.0",
69
66
  "react-intl": "^7.0.0"