@atlaskit/editor-plugin-type-ahead 26.0.0 → 26.0.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js +2 -4
  3. package/dist/cjs/ui/registered-menu/TypeAheadMenuRenderer.js +3 -4
  4. package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js +2 -5
  5. package/dist/es2019/ui/registered-menu/TypeAheadMenuRenderer.js +2 -4
  6. package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.js +3 -5
  7. package/dist/esm/ui/registered-menu/TypeAheadMenuRenderer.js +3 -4
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-plugin-type-ahead
2
2
 
3
+ ## 26.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5351e01090c9c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5351e01090c9c) -
8
+ Show the five strongest matches first, then remaining matches in category order without category
9
+ titles, in slash-command and toolbar insert search. Share the row projection across rendering and
10
+ keyboard selection under the platform_editor_slash_command experiment.
11
+ - Updated dependencies
12
+
3
13
  ## 26.0.0
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js CHANGED
@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
9
9
  exports.RegisteredTypeAheadMenu = void 0;
10
10
  require("./RegisteredTypeAheadMenu.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
14
13
  var _react = _interopRequireWildcard(require("react"));
15
14
  var _reactIntl = require("react-intl");
@@ -107,9 +106,8 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
107
106
  });
108
107
  }, [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root]);
109
108
  var rows = (0, _react.useMemo)(function () {
110
- var _menuModel$fallbackIt;
111
- return [].concat((0, _toConsumableArray2.default)(menuModel.sections.flat()), (0, _toConsumableArray2.default)((_menuModel$fallbackIt = menuModel.fallbackItems) !== null && _menuModel$fallbackIt !== void 0 ? _menuModel$fallbackIt : []));
112
- }, [menuModel.fallbackItems, menuModel.sections]);
109
+ return (0, _registeredMenuModel.getQuickInsertMenuRows)(menuModel);
110
+ }, [menuModel]);
113
111
  var _useState5 = (0, _react.useState)(),
114
112
  _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
115
113
  previewActivation = _useState6[0],
package/dist/cjs/ui/registered-menu/TypeAheadMenuRenderer.js CHANGED
@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.TypeAheadMenuRenderer = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
10
  var _react = _interopRequireWildcard(require("react"));
12
11
  var _reactIntl = require("react-intl");
13
12
  var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
14
13
  var _List = require("react-virtualized/dist/commonjs/List");
14
+ var _registeredMenuModel = require("@atlaskit/editor-common/quick-insert/registered-menu-model");
15
15
  var _useMenuListHeight2 = require("@atlaskit/editor-common/quick-insert/use-menu-list-height");
16
16
  var _typeAhead = require("@atlaskit/editor-common/type-ahead");
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
@@ -41,9 +41,8 @@ var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMe
41
41
  var intl = (0, _reactIntl.useIntl)();
42
42
  var listRef = (0, _react.useRef)(null);
43
43
  var rows = (0, _react.useMemo)(function () {
44
- var _model$fallbackItems;
45
- return [].concat((0, _toConsumableArray2.default)(model.sections.flat()), (0, _toConsumableArray2.default)((_model$fallbackItems = model.fallbackItems) !== null && _model$fallbackItems !== void 0 ? _model$fallbackItems : []));
46
- }, [model.fallbackItems, model.sections]);
44
+ return (0, _registeredMenuModel.getQuickInsertMenuRows)(model);
45
+ }, [model]);
47
46
  var cache = (0, _react.useMemo)(function () {
48
47
  return new _CellMeasurer.CellMeasurerCache({
49
48
  defaultHeight: ESTIMATED_ROW_HEIGHT,
package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js CHANGED
@@ -3,7 +3,7 @@ import "./RegisteredTypeAheadMenu.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
5
5
  import { useIntl } from 'react-intl';
6
- import { buildQuickInsertMenuModel, getMatchingQuickInsertComponents, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
6
+ import { buildQuickInsertMenuModel, getMatchingQuickInsertComponents, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
7
7
  import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
8
8
  import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
9
9
  import { TYPE_AHEAD_SURFACE_CONTEXT } from '@atlaskit/editor-common/type-ahead-surface-context';
@@ -80,10 +80,7 @@ export const RegisteredTypeAheadMenu = ({
80
80
  formatMessage,
81
81
  surfaceContext
82
82
  }), [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root]);
83
- const rows = useMemo(() => {
84
- var _menuModel$fallbackIt;
85
- return [...menuModel.sections.flat(), ...((_menuModel$fallbackIt = menuModel.fallbackItems) !== null && _menuModel$fallbackIt !== void 0 ? _menuModel$fallbackIt : [])];
86
- }, [menuModel.fallbackItems, menuModel.sections]);
83
+ const rows = useMemo(() => getQuickInsertMenuRows(menuModel), [menuModel]);
87
84
  const [previewActivation, setPreviewActivation] = useState();
88
85
  const activePreviewItemKey = (previewActivation === null || previewActivation === void 0 ? void 0 : previewActivation.menuModel) === menuModel ? previewActivation.itemKey : undefined;
89
86
  const selectableRowIndexes = useMemo(() => rows.flatMap((registration, rowIndex) => registration.type === 'menu-item' ? [rowIndex] : []), [rows]);
package/dist/es2019/ui/registered-menu/TypeAheadMenuRenderer.js CHANGED
@@ -2,6 +2,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
2
2
  import { useIntl } from 'react-intl';
3
3
  import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
4
4
  import { List } from 'react-virtualized/dist/commonjs/List';
5
+ import { getQuickInsertMenuRows } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
5
6
  import { useMenuListHeight } from '@atlaskit/editor-common/quick-insert/use-menu-list-height';
6
7
  import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
7
8
  import { Box, Text } from '@atlaskit/primitives/compiled';
@@ -27,10 +28,7 @@ export const TypeAheadMenuRenderer = ({
27
28
  var _model$root$component;
28
29
  const intl = useIntl();
29
30
  const listRef = useRef(null);
30
- const rows = useMemo(() => {
31
- var _model$fallbackItems;
32
- return [...model.sections.flat(), ...((_model$fallbackItems = model.fallbackItems) !== null && _model$fallbackItems !== void 0 ? _model$fallbackItems : [])];
33
- }, [model.fallbackItems, model.sections]);
31
+ const rows = useMemo(() => getQuickInsertMenuRows(model), [model]);
34
32
  const cache = useMemo(() => new CellMeasurerCache({
35
33
  defaultHeight: ESTIMATED_ROW_HEIGHT,
36
34
  fixedWidth: true
package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.js CHANGED
@@ -1,11 +1,10 @@
1
1
  /* RegisteredTypeAheadMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
2
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
3
  import "./RegisteredTypeAheadMenu.compiled.css";
5
4
  import { ax, ix } from "@compiled/react/runtime";
6
5
  import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
7
6
  import { useIntl } from 'react-intl';
8
- import { buildQuickInsertMenuModel, getMatchingQuickInsertComponents, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
7
+ import { buildQuickInsertMenuModel, getMatchingQuickInsertComponents, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
9
8
  import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
10
9
  import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
11
10
  import { TYPE_AHEAD_SURFACE_CONTEXT } from '@atlaskit/editor-common/type-ahead-surface-context';
@@ -98,9 +97,8 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
98
97
  });
99
98
  }, [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root]);
100
99
  var rows = useMemo(function () {
101
- var _menuModel$fallbackIt;
102
- return [].concat(_toConsumableArray(menuModel.sections.flat()), _toConsumableArray((_menuModel$fallbackIt = menuModel.fallbackItems) !== null && _menuModel$fallbackIt !== void 0 ? _menuModel$fallbackIt : []));
103
- }, [menuModel.fallbackItems, menuModel.sections]);
100
+ return getQuickInsertMenuRows(menuModel);
101
+ }, [menuModel]);
104
102
  var _useState5 = useState(),
105
103
  _useState6 = _slicedToArray(_useState5, 2),
106
104
  previewActivation = _useState6[0],
package/dist/esm/ui/registered-menu/TypeAheadMenuRenderer.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
2
  function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
4
3
  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; } }
5
4
  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,6 +6,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
7
6
  import { useIntl } from 'react-intl';
8
7
  import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
9
8
  import { List } from 'react-virtualized/dist/commonjs/List';
9
+ import { getQuickInsertMenuRows } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
10
10
  import { useMenuListHeight } from '@atlaskit/editor-common/quick-insert/use-menu-list-height';
11
11
  import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
12
12
  import { Box, Text } from '@atlaskit/primitives/compiled';
@@ -32,9 +32,8 @@ export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
32
32
  var intl = useIntl();
33
33
  var listRef = useRef(null);
34
34
  var rows = useMemo(function () {
35
- var _model$fallbackItems;
36
- return [].concat(_toConsumableArray(model.sections.flat()), _toConsumableArray((_model$fallbackItems = model.fallbackItems) !== null && _model$fallbackItems !== void 0 ? _model$fallbackItems : []));
37
- }, [model.fallbackItems, model.sections]);
35
+ return getQuickInsertMenuRows(model);
36
+ }, [model]);
38
37
  var cache = useMemo(function () {
39
38
  return new CellMeasurerCache({
40
39
  defaultHeight: ESTIMATED_ROW_HEIGHT,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-type-ahead",
3
- "version": "26.0.0",
3
+ "version": "26.0.1",
4
4
  "description": "Type-ahead plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -42,7 +42,7 @@
42
42
  "@atlaskit/primitives": "^22.5.0",
43
43
  "@atlaskit/prosemirror-history": "^1.3.0",
44
44
  "@atlaskit/prosemirror-input-rules": "^4.1.0",
45
- "@atlaskit/tmp-editor-statsig": "^224.0.0",
45
+ "@atlaskit/tmp-editor-statsig": "^225.0.0",
46
46
  "@atlaskit/tokens": "^20.3.0",
47
47
  "@atlaskit/visually-hidden": "^4.4.0",
48
48
  "@babel/runtime": "^7.0.0",
@@ -54,7 +54,7 @@
54
54
  "w3c-keyname": "^2.1.8"
55
55
  },
56
56
  "peerDependencies": {
57
- "@atlaskit/editor-common": "^129.0.0",
57
+ "@atlaskit/editor-common": "^129.1.0",
58
58
  "react": "^18.2.0 || ^19.2.0",
59
59
  "react-dom": "^18.2.0 || ^19.2.0",
60
60
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"