@atlaskit/editor-plugin-type-ahead 30.0.5 → 31.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 (87) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/pm-plugins/commands/insert-type-ahead-item.js +4 -8
  3. package/dist/cjs/ui/ContentComponent.js +1 -2
  4. package/dist/cjs/ui/InputQuery.js +49 -21
  5. package/dist/cjs/ui/WrapperTypeAhead.js +4 -5
  6. package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js +128 -227
  7. package/dist/es2019/pm-plugins/commands/insert-type-ahead-item.js +3 -7
  8. package/dist/es2019/ui/ContentComponent.js +1 -2
  9. package/dist/es2019/ui/InputQuery.js +44 -16
  10. package/dist/es2019/ui/WrapperTypeAhead.js +4 -5
  11. package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js +112 -200
  12. package/dist/esm/pm-plugins/commands/insert-type-ahead-item.js +4 -8
  13. package/dist/esm/ui/ContentComponent.js +1 -2
  14. package/dist/esm/ui/InputQuery.js +49 -21
  15. package/dist/esm/ui/WrapperTypeAhead.js +4 -5
  16. package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.js +129 -228
  17. package/dist/types/pm-plugins/commands/insert-type-ahead-item.d.ts +4 -4
  18. package/dist/types/ui/InputQuery.d.ts +4 -1
  19. package/dist/types/ui/registered-menu/RegisteredTypeAheadMenu.d.ts +2 -3
  20. package/package.json +11 -11
  21. package/dist/cjs/ui/registered-menu/PassThrough.js +0 -10
  22. package/dist/cjs/ui/registered-menu/TypeAheadContext.js +0 -8
  23. package/dist/cjs/ui/registered-menu/TypeAheadItemRow.js +0 -48
  24. package/dist/cjs/ui/registered-menu/TypeAheadMenuFooter.compiled.css +0 -3
  25. package/dist/cjs/ui/registered-menu/TypeAheadMenuFooter.js +0 -33
  26. package/dist/cjs/ui/registered-menu/TypeAheadMenuRenderer.js +0 -167
  27. package/dist/cjs/ui/registered-menu/TypeAheadProvider.js +0 -8
  28. package/dist/cjs/ui/registered-menu/TypeAheadSectionRow.js +0 -15
  29. package/dist/cjs/ui/registered-menu/buildTypeAheadMenuModel.js +0 -5
  30. package/dist/cjs/ui/registered-menu/createTypeAheadRowRenderer.js +0 -76
  31. package/dist/cjs/ui/registered-menu/getTypeAheadGlobalViewMoreId.js +0 -9
  32. package/dist/cjs/ui/registered-menu/getTypeAheadItemId.js +0 -9
  33. package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js +0 -40
  34. package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js +0 -66
  35. package/dist/cjs/ui/registered-menu/typeAheadMenuTypes.js +0 -5
  36. package/dist/cjs/ui/registered-menu/typeAheadSurfaces.js +0 -27
  37. package/dist/cjs/ui/registered-menu/useTypeAheadContext.js +0 -15
  38. package/dist/es2019/ui/registered-menu/PassThrough.js +0 -3
  39. package/dist/es2019/ui/registered-menu/TypeAheadContext.js +0 -2
  40. package/dist/es2019/ui/registered-menu/TypeAheadItemRow.js +0 -35
  41. package/dist/es2019/ui/registered-menu/TypeAheadMenuFooter.compiled.css +0 -3
  42. package/dist/es2019/ui/registered-menu/TypeAheadMenuFooter.js +0 -24
  43. package/dist/es2019/ui/registered-menu/TypeAheadMenuRenderer.js +0 -134
  44. package/dist/es2019/ui/registered-menu/TypeAheadProvider.js +0 -2
  45. package/dist/es2019/ui/registered-menu/TypeAheadSectionRow.js +0 -9
  46. package/dist/es2019/ui/registered-menu/buildTypeAheadMenuModel.js +0 -1
  47. package/dist/es2019/ui/registered-menu/createTypeAheadRowRenderer.js +0 -67
  48. package/dist/es2019/ui/registered-menu/getTypeAheadGlobalViewMoreId.js +0 -1
  49. package/dist/es2019/ui/registered-menu/getTypeAheadItemId.js +0 -1
  50. package/dist/es2019/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js +0 -31
  51. package/dist/es2019/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js +0 -58
  52. package/dist/es2019/ui/registered-menu/typeAheadMenuTypes.js +0 -1
  53. package/dist/es2019/ui/registered-menu/typeAheadSurfaces.js +0 -21
  54. package/dist/es2019/ui/registered-menu/useTypeAheadContext.js +0 -9
  55. package/dist/esm/ui/registered-menu/PassThrough.js +0 -4
  56. package/dist/esm/ui/registered-menu/TypeAheadContext.js +0 -2
  57. package/dist/esm/ui/registered-menu/TypeAheadItemRow.js +0 -40
  58. package/dist/esm/ui/registered-menu/TypeAheadMenuFooter.compiled.css +0 -3
  59. package/dist/esm/ui/registered-menu/TypeAheadMenuFooter.js +0 -26
  60. package/dist/esm/ui/registered-menu/TypeAheadMenuRenderer.js +0 -158
  61. package/dist/esm/ui/registered-menu/TypeAheadProvider.js +0 -2
  62. package/dist/esm/ui/registered-menu/TypeAheadSectionRow.js +0 -8
  63. package/dist/esm/ui/registered-menu/buildTypeAheadMenuModel.js +0 -1
  64. package/dist/esm/ui/registered-menu/createTypeAheadRowRenderer.js +0 -69
  65. package/dist/esm/ui/registered-menu/getTypeAheadGlobalViewMoreId.js +0 -3
  66. package/dist/esm/ui/registered-menu/getTypeAheadItemId.js +0 -3
  67. package/dist/esm/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js +0 -32
  68. package/dist/esm/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js +0 -58
  69. package/dist/esm/ui/registered-menu/typeAheadMenuTypes.js +0 -1
  70. package/dist/esm/ui/registered-menu/typeAheadSurfaces.js +0 -21
  71. package/dist/esm/ui/registered-menu/useTypeAheadContext.js +0 -9
  72. package/dist/types/ui/registered-menu/PassThrough.d.ts +0 -2
  73. package/dist/types/ui/registered-menu/TypeAheadContext.d.ts +0 -20
  74. package/dist/types/ui/registered-menu/TypeAheadItemRow.d.ts +0 -15
  75. package/dist/types/ui/registered-menu/TypeAheadMenuFooter.d.ts +0 -11
  76. package/dist/types/ui/registered-menu/TypeAheadMenuRenderer.d.ts +0 -19
  77. package/dist/types/ui/registered-menu/TypeAheadProvider.d.ts +0 -3
  78. package/dist/types/ui/registered-menu/TypeAheadSectionRow.d.ts +0 -5
  79. package/dist/types/ui/registered-menu/buildTypeAheadMenuModel.d.ts +0 -3
  80. package/dist/types/ui/registered-menu/createTypeAheadRowRenderer.d.ts +0 -17
  81. package/dist/types/ui/registered-menu/getTypeAheadGlobalViewMoreId.d.ts +0 -1
  82. package/dist/types/ui/registered-menu/getTypeAheadItemId.d.ts +0 -1
  83. package/dist/types/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.d.ts +0 -3
  84. package/dist/types/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.d.ts +0 -2
  85. package/dist/types/ui/registered-menu/typeAheadMenuTypes.d.ts +0 -8
  86. package/dist/types/ui/registered-menu/typeAheadSurfaces.d.ts +0 -17
  87. package/dist/types/ui/registered-menu/useTypeAheadContext.d.ts +0 -2
@@ -1,167 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.TypeAheadMenuRenderer = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _reactIntl = require("react-intl");
12
- var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
13
- var _List = require("react-virtualized/dist/commonjs/List");
14
- var _emptyState = require("@atlaskit/editor-common/quick-insert/empty-state");
15
- var _registeredMenuModel = require("@atlaskit/editor-common/quick-insert/registered-menu-model");
16
- var _useMenuListHeight2 = require("@atlaskit/editor-common/quick-insert/use-menu-list-height");
17
- var _messages = require("@atlaskit/editor-common/type-ahead/messages");
18
- var _box = require("@atlaskit/primitives/compiled/box");
19
- var _text = require("@atlaskit/primitives/compiled/text");
20
- var _createTypeAheadRowRenderer = require("./createTypeAheadRowRenderer");
21
- var _getTypeAheadGlobalViewMoreId = require("./getTypeAheadGlobalViewMoreId");
22
- var _PassThrough = require("./PassThrough");
23
- var _TypeAheadMenuFooter = require("./TypeAheadMenuFooter");
24
- 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); }
25
- 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; } } }; }
26
- 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; } }
27
- 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; }
28
- var LIST_WIDTH = 320;
29
- var ESTIMATED_ROW_HEIGHT = 44;
30
- // 44px item + 1px separator.
31
- var MENU_FOOTER_HEIGHT = 45;
32
- var MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
33
- var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
34
- var _model$root$component, _model$fallbackItems;
35
- var Item = _ref.Item,
36
- listLabel = _ref.listLabel,
37
- listId = _ref.listId,
38
- maxHeight = _ref.maxHeight,
39
- model = _ref.model,
40
- _ref$query = _ref.query,
41
- query = _ref$query === void 0 ? '' : _ref$query,
42
- _ref$hasScrollPadding = _ref.hasScrollPadding,
43
- hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
44
- onItemHover = _ref.onItemHover,
45
- onItemLeave = _ref.onItemLeave,
46
- onItemVisibilityChange = _ref.onItemVisibilityChange,
47
- selectedItemIndex = _ref.selectedItemIndex;
48
- var intl = (0, _reactIntl.useIntl)();
49
- var listRef = (0, _react.useRef)(null);
50
- var rows = (0, _react.useMemo)(function () {
51
- return (0, _registeredMenuModel.getQuickInsertMenuRows)(model);
52
- }, [model]);
53
- var cache = (0, _react.useMemo)(function () {
54
- return new _CellMeasurer.CellMeasurerCache({
55
- defaultHeight: ESTIMATED_ROW_HEIGHT,
56
- fixedWidth: true
57
- });
58
- }, []);
59
- var itemIndexByRowIndex = (0, _react.useMemo)(function () {
60
- var indexes = new Map();
61
- var itemIndex = 0;
62
- rows.forEach(function (registration, rowIndex) {
63
- if (registration.type === 'menu-item') {
64
- indexes.set(rowIndex, itemIndex++);
65
- }
66
- });
67
- return indexes;
68
- }, [rows]);
69
- var selectedRowIndex = (0, _react.useMemo)(function () {
70
- var _iterator = _createForOfIteratorHelper(itemIndexByRowIndex),
71
- _step;
72
- try {
73
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
74
- var _step$value = (0, _slicedToArray2.default)(_step.value, 2),
75
- rowIndex = _step$value[0],
76
- itemIndex = _step$value[1];
77
- if (itemIndex === selectedItemIndex) {
78
- return rowIndex;
79
- }
80
- }
81
- } catch (err) {
82
- _iterator.e(err);
83
- } finally {
84
- _iterator.f();
85
- }
86
- return -1;
87
- }, [itemIndexByRowIndex, selectedItemIndex]);
88
- var rowKeySignature = (0, _react.useMemo)(function () {
89
- return rows.map(function (_ref2) {
90
- var key = _ref2.key,
91
- type = _ref2.type;
92
- return "".concat(type, ":").concat(key);
93
- }).join('\0');
94
- }, [rows]);
95
- var _useMenuListHeight = (0, _useMenuListHeight2.useMenuListHeight)(cache, rows.length, rowKeySignature),
96
- measuredHeight = _useMenuListHeight.height,
97
- updateHeight = _useMenuListHeight.updateHeight;
98
- (0, _react.useLayoutEffect)(function () {
99
- var _listRef$current, _listRef$current2;
100
- cache.clearAll();
101
- (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.recomputeRowHeights();
102
- (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.scrollToPosition(0);
103
- }, [cache, rowKeySignature]);
104
- (0, _react.useLayoutEffect)(function () {
105
- if (selectedRowIndex >= 0) {
106
- var _listRef$current3;
107
- (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || _listRef$current3.scrollToRow(selectedRowIndex);
108
- }
109
- }, [selectedRowIndex]);
110
- var renderRow = (0, _createTypeAheadRowRenderer.createTypeAheadRowRenderer)({
111
- cache: cache,
112
- onMeasured: updateHeight,
113
- itemIndexByRowIndex: itemIndexByRowIndex,
114
- Item: Item,
115
- listId: listId,
116
- onItemHover: onItemHover,
117
- onItemLeave: onItemLeave,
118
- onItemVisibilityChange: onItemVisibilityChange,
119
- rows: rows,
120
- hasScrollPadding: hasScrollPadding,
121
- selectedItemIndex: selectedItemIndex
122
- });
123
- var footerItemIndex = itemIndexByRowIndex.size;
124
- var onFooterItemHover = (0, _react.useCallback)(function () {
125
- return onItemHover(footerItemIndex);
126
- }, [footerItemIndex, onItemHover]);
127
- if (!model.root) {
128
- return null;
129
- }
130
- var RootComponent = (_model$root$component = model.root.component) !== null && _model$root$component !== void 0 ? _model$root$component : _PassThrough.PassThrough;
131
- var listMaxHeight = Math.max(0, maxHeight - (model.footer ? hasScrollPadding ? MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING : MENU_FOOTER_HEIGHT : 0));
132
- var hasListboxContent = rows.length > 0 || model.footer !== undefined;
133
- return /*#__PURE__*/_react.default.createElement(RootComponent, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
134
- "aria-label": hasListboxContent ? intl.formatMessage(listLabel) : undefined,
135
- id: listId,
136
- role: hasListboxContent ? 'listbox' : undefined
137
- }, rows.length > 0 ? /*#__PURE__*/_react.default.createElement(_List.List, {
138
- containerRole: "presentation",
139
- height: Math.min(measuredHeight, listMaxHeight),
140
- onRowsRendered: updateHeight,
141
- overscanRowCount: 3,
142
- ref: listRef,
143
- role: "presentation",
144
- rowCount: rows.length,
145
- rowHeight: cache.rowHeight,
146
- rowRenderer: renderRow,
147
- scrollToAlignment: "auto",
148
- width: LIST_WIDTH
149
- }) : query !== '' && ((_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) === 0 ? /*#__PURE__*/_react.default.createElement(_emptyState.QuickInsertEmptyState, {
150
- mode: "inline",
151
- spacing: "spacious"
152
- }) : model.fallbackItems === undefined ? /*#__PURE__*/_react.default.createElement(_box.Box, {
153
- paddingBlock: "space.150",
154
- paddingInline: "space.250",
155
- role: "group"
156
- }, /*#__PURE__*/_react.default.createElement(_text.Text, {
157
- align: "center",
158
- as: "p"
159
- }, intl.formatMessage(_messages.typeAheadListMessages.emptySearchResults))) : null, model.footer && /*#__PURE__*/_react.default.createElement(_TypeAheadMenuFooter.TypeAheadMenuFooter, {
160
- id: (0, _getTypeAheadGlobalViewMoreId.getTypeAheadGlobalViewMoreId)(listId),
161
- isSelected: selectedItemIndex === footerItemIndex,
162
- Item: Item,
163
- onMouseMove: onFooterItemHover,
164
- registration: model.footer,
165
- hasScrollPadding: hasScrollPadding
166
- })));
167
- };
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TypeAheadProvider = void 0;
7
- var _TypeAheadContext = require("./TypeAheadContext");
8
- var TypeAheadProvider = exports.TypeAheadProvider = _TypeAheadContext.TypeAheadContext.Provider;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TypeAheadSectionRow = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _PassThrough = require("./PassThrough");
10
- var TypeAheadSectionRow = exports.TypeAheadSectionRow = function TypeAheadSectionRow(_ref) {
11
- var _registration$compone;
12
- var registration = _ref.registration;
13
- var Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : _PassThrough.PassThrough;
14
- return /*#__PURE__*/_react.default.createElement(Component, null, null);
15
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.createTypeAheadRowRenderer = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
10
- var _box = require("@atlaskit/primitives/compiled/box");
11
- var _ListRow = require("../ListRow");
12
- var _TypeAheadItemRow = require("./TypeAheadItemRow");
13
- var _TypeAheadSectionRow = require("./TypeAheadSectionRow");
14
- var noOp = function noOp() {};
15
- var createTypeAheadRowRenderer = exports.createTypeAheadRowRenderer = function createTypeAheadRowRenderer(_ref) {
16
- var cache = _ref.cache,
17
- _ref$hasScrollPadding = _ref.hasScrollPadding,
18
- hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
19
- onMeasured = _ref.onMeasured,
20
- itemIndexByRowIndex = _ref.itemIndexByRowIndex,
21
- Item = _ref.Item,
22
- listId = _ref.listId,
23
- onItemHover = _ref.onItemHover,
24
- onItemLeave = _ref.onItemLeave,
25
- onItemVisibilityChange = _ref.onItemVisibilityChange,
26
- rows = _ref.rows,
27
- selectedItemIndex = _ref.selectedItemIndex;
28
- return function (_ref2) {
29
- var index = _ref2.index,
30
- key = _ref2.key,
31
- parent = _ref2.parent,
32
- style = _ref2.style,
33
- isScrolling = _ref2.isScrolling,
34
- isVisible = _ref2.isVisible;
35
- var registration = rows[index];
36
- if (!registration) {
37
- return null;
38
- }
39
- var itemIndex = itemIndexByRowIndex.get(index);
40
- var rowContent = registration.type === 'menu-section' ? /*#__PURE__*/_react.default.createElement(_TypeAheadSectionRow.TypeAheadSectionRow, {
41
- registration: registration
42
- }) : /*#__PURE__*/_react.default.createElement(_TypeAheadItemRow.TypeAheadItemRow, {
43
- Item: Item,
44
- isSelected: itemIndex === selectedItemIndex,
45
- itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
46
- listId: listId,
47
- onItemHover: onItemHover,
48
- onItemLeave: onItemLeave,
49
- onItemVisibilityChange: onItemVisibilityChange,
50
- isVisible: isVisible,
51
- registration: registration,
52
- rowIndex: index
53
- });
54
- return /*#__PURE__*/_react.default.createElement(_CellMeasurer.CellMeasurer, {
55
- key: key,
56
- cache: cache,
57
- parent: parent,
58
- columnIndex: 0,
59
- rowIndex: index
60
- }, function (_ref3) {
61
- var measure = _ref3.measure;
62
- return /*#__PURE__*/_react.default.createElement(_ListRow.ListRow, {
63
- index: index,
64
- isScrolling: isScrolling,
65
- isVisible: isVisible,
66
- measure: measure,
67
- onMeasured: onMeasured,
68
- onMouseMove: noOp,
69
- style: style
70
- }, hasScrollPadding ? /*#__PURE__*/_react.default.createElement(_box.Box, {
71
- paddingBlockStart: index === 0 ? 'space.100' : undefined,
72
- paddingBlockEnd: index === rows.length - 1 ? 'space.100' : undefined
73
- }, rowContent) : rowContent);
74
- });
75
- };
76
- };
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getTypeAheadGlobalViewMoreId = void 0;
7
- var getTypeAheadGlobalViewMoreId = exports.getTypeAheadGlobalViewMoreId = function getTypeAheadGlobalViewMoreId(listId) {
8
- return "".concat(listId, "-view-all");
9
- };
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getTypeAheadItemId = void 0;
7
- var getTypeAheadItemId = exports.getTypeAheadItemId = function getTypeAheadItemId(listId, itemIndex) {
8
- return "".concat(listId, "--").concat(itemIndex);
9
- };
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TypeAheadQuickInsertItem = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _provider = require("@atlaskit/editor-common/quick-insert/provider");
10
- var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
11
- var _PassThrough = require("../PassThrough");
12
- 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); }
13
- var TypeAheadQuickInsertItem = exports.TypeAheadQuickInsertItem = function TypeAheadQuickInsertItem(_ref) {
14
- var _registration$compone;
15
- var id = _ref.id,
16
- isSelected = _ref.isSelected,
17
- registration = _ref.registration;
18
- var quickInsertContext = (0, _useQuickInsertContext.useQuickInsertContext)();
19
- var Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : _PassThrough.PassThrough;
20
- var contextValue = (0, _react.useMemo)(function () {
21
- return {
22
- activePreviewItemKey: quickInsertContext.activePreviewItemKey,
23
- editorView: quickInsertContext.editorView,
24
- isOffline: quickInsertContext.isOffline,
25
- menuOpenId: quickInsertContext.menuOpenId,
26
- popupsMountPoint: quickInsertContext.popupsMountPoint,
27
- surfaceContext: quickInsertContext.surfaceContext,
28
- surface: 'typeahead',
29
- item: {
30
- id: id,
31
- isPreviewActive: quickInsertContext.activePreviewItemKey === registration.key,
32
- isSelected: isSelected
33
- },
34
- select: quickInsertContext.select
35
- };
36
- }, [id, isSelected, quickInsertContext, registration.key]);
37
- return /*#__PURE__*/_react.default.createElement(_provider.QuickInsertProvider, {
38
- value: contextValue
39
- }, /*#__PURE__*/_react.default.createElement(Component, null, null));
40
- };
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TypeAheadQuickInsertProvider = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
10
- var _provider = require("@atlaskit/editor-common/quick-insert/provider");
11
- var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
12
- var _insertTypeAheadItem = require("../../../pm-plugins/commands/insert-type-ahead-item");
13
- var _useTypeAheadContext2 = require("../useTypeAheadContext");
14
- 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); }
15
- var TypeAheadQuickInsertProvider = exports.TypeAheadQuickInsertProvider = function TypeAheadQuickInsertProvider(_ref) {
16
- var children = _ref.children;
17
- var _useTypeAheadContext = (0, _useTypeAheadContext2.useTypeAheadContext)(),
18
- activePreviewItemKey = _useTypeAheadContext.activePreviewItemKey,
19
- api = _useTypeAheadContext.api,
20
- editorView = _useTypeAheadContext.editorView,
21
- inputMethod = _useTypeAheadContext.inputMethod,
22
- menuOpenId = _useTypeAheadContext.menuOpenId,
23
- onClose = _useTypeAheadContext.onClose,
24
- popupsMountPoint = _useTypeAheadContext.popupsMountPoint,
25
- query = _useTypeAheadContext.query,
26
- surfaceContext = _useTypeAheadContext.surfaceContext,
27
- triggerHandler = _useTypeAheadContext.triggerHandler;
28
- var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['connectivity'], function (_ref2) {
29
- var connectivityState = _ref2.connectivityState;
30
- return {
31
- isOffline: (0, _isOfflineMode.isOfflineMode)(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
32
- };
33
- }),
34
- isOffline = _useSharedPluginState.isOffline;
35
- var select = (0, _react.useCallback)(function (selectionHandler) {
36
- onClose();
37
- queueMicrotask(function () {
38
- (0, _insertTypeAheadItem.performTypeAheadSelection)(editorView)({
39
- handler: triggerHandler,
40
- inputMethod: inputMethod,
41
- query: query,
42
- selectionHandler: selectionHandler
43
- });
44
- });
45
- }, [editorView, inputMethod, onClose, query, triggerHandler]);
46
- var contextValue = (0, _react.useMemo)(function () {
47
- return {
48
- activePreviewItemKey: activePreviewItemKey,
49
- editorView: editorView,
50
- isOffline: isOffline,
51
- menuOpenId: menuOpenId,
52
- popupsMountPoint: popupsMountPoint,
53
- item: {
54
- id: 'typeahead-quick-insert',
55
- isPreviewActive: false,
56
- isSelected: false
57
- },
58
- surface: 'typeahead',
59
- select: select,
60
- surfaceContext: surfaceContext
61
- };
62
- }, [activePreviewItemKey, editorView, isOffline, menuOpenId, popupsMountPoint, select, surfaceContext]);
63
- return /*#__PURE__*/_react.default.createElement(_provider.QuickInsertProvider, {
64
- value: contextValue
65
- }, children);
66
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getTypeAheadSurface = void 0;
7
- var _enums = require("@atlaskit/editor-common/analytics/types/enums");
8
- var _keys = require("@atlaskit/editor-common/quick-insert/keys");
9
- var _typeAhead = require("@atlaskit/editor-common/type-ahead");
10
- var _messages = require("@atlaskit/editor-common/type-ahead/messages");
11
- var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
12
- var _TypeAheadQuickInsertItem = require("./quick-insert/TypeAheadQuickInsertItem");
13
- var _TypeAheadQuickInsertProvider = require("./quick-insert/TypeAheadQuickInsertProvider");
14
- var quickInsertSurface = {
15
- inputMethod: _enums.INPUT_METHOD.QUICK_INSERT,
16
- Item: _TypeAheadQuickInsertItem.TypeAheadQuickInsertItem,
17
- listIdPrefix: 'quick-insert-menu',
18
- listLabel: _messages.typeAheadListMessages.quickInsertInputLabel,
19
- Provider: _TypeAheadQuickInsertProvider.TypeAheadQuickInsertProvider,
20
- root: _keys.MENU
21
- };
22
- var getTypeAheadSurface = exports.getTypeAheadSurface = function getTypeAheadSurface(id) {
23
- if (id === _typeAhead.TypeAheadAvailableNodes.QUICK_INSERT && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')) {
24
- return quickInsertSurface;
25
- }
26
- return undefined;
27
- };
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useTypeAheadContext = void 0;
7
- var _react = require("react");
8
- var _TypeAheadContext = require("./TypeAheadContext");
9
- var useTypeAheadContext = exports.useTypeAheadContext = function useTypeAheadContext() {
10
- var value = (0, _react.useContext)(_TypeAheadContext.TypeAheadContext);
11
- if (!value) {
12
- throw new Error('useTypeAheadContext must be used within TypeAheadProvider');
13
- }
14
- return value;
15
- };
@@ -1,3 +0,0 @@
1
- export const PassThrough = ({
2
- children
3
- }) => children;
@@ -1,2 +0,0 @@
1
- import { createContext } from 'react';
2
- export const TypeAheadContext = /*#__PURE__*/createContext(null);
@@ -1,35 +0,0 @@
1
- import React, { useCallback, useLayoutEffect } from 'react';
2
- import { getTypeAheadItemId } from './getTypeAheadItemId';
3
- export const TypeAheadItemRow = ({
4
- isSelected,
5
- itemIndex,
6
- Item,
7
- listId,
8
- onItemHover,
9
- onItemLeave,
10
- onItemVisibilityChange,
11
- registration,
12
- rowIndex,
13
- isVisible
14
- }) => {
15
- const onMouseMove = useCallback(() => onItemHover(itemIndex, registration.key), [itemIndex, onItemHover, registration.key]);
16
- const onMouseLeave = useCallback(() => onItemLeave(registration.key), [onItemLeave, registration.key]);
17
- const onBlur = useCallback(event => {
18
- if (!event.currentTarget.contains(event.relatedTarget)) {
19
- onItemLeave(registration.key);
20
- }
21
- }, [onItemLeave, registration.key]);
22
- useLayoutEffect(() => {
23
- onItemVisibilityChange(registration.key, isVisible);
24
- return () => onItemVisibilityChange(registration.key, false);
25
- }, [isVisible, onItemVisibilityChange, registration.key]);
26
- return /*#__PURE__*/React.createElement("div", {
27
- onBlur: onBlur,
28
- onMouseLeave: onMouseLeave,
29
- onMouseMove: onMouseMove
30
- }, /*#__PURE__*/React.createElement(Item, {
31
- id: getTypeAheadItemId(listId, rowIndex),
32
- isSelected: isSelected,
33
- registration: registration
34
- }));
35
- };
@@ -1,3 +0,0 @@
1
- ._15a5nqa1{border-top-style:solid}
2
- ._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
3
- ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
@@ -1,24 +0,0 @@
1
- /* TypeAheadMenuFooter.tsx generated by @compiled/babel-plugin v3.0.2 */
2
- import "./TypeAheadMenuFooter.compiled.css";
3
- import { ax, ix } from "@compiled/react/runtime";
4
- import React from 'react';
5
- import { Box } from '@atlaskit/primitives/compiled/box';
6
- const styles = {
7
- footer: "_1i531l7x _15a5nqa1 _uwhke4h9"
8
- };
9
- export const TypeAheadMenuFooter = ({
10
- id,
11
- isSelected,
12
- Item,
13
- onMouseMove,
14
- registration,
15
- hasScrollPadding = false
16
- }) => /*#__PURE__*/React.createElement(Box, {
17
- onMouseMove: onMouseMove,
18
- paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
19
- xcss: styles.footer
20
- }, /*#__PURE__*/React.createElement(Item, {
21
- id: id,
22
- isSelected: isSelected,
23
- registration: registration
24
- }));