@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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/pm-plugins/commands/insert-type-ahead-item.js +4 -8
- package/dist/cjs/ui/ContentComponent.js +1 -2
- package/dist/cjs/ui/InputQuery.js +49 -21
- package/dist/cjs/ui/WrapperTypeAhead.js +4 -5
- package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js +128 -227
- package/dist/es2019/pm-plugins/commands/insert-type-ahead-item.js +3 -7
- package/dist/es2019/ui/ContentComponent.js +1 -2
- package/dist/es2019/ui/InputQuery.js +44 -16
- package/dist/es2019/ui/WrapperTypeAhead.js +4 -5
- package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js +112 -200
- package/dist/esm/pm-plugins/commands/insert-type-ahead-item.js +4 -8
- package/dist/esm/ui/ContentComponent.js +1 -2
- package/dist/esm/ui/InputQuery.js +49 -21
- package/dist/esm/ui/WrapperTypeAhead.js +4 -5
- package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.js +129 -228
- package/dist/types/pm-plugins/commands/insert-type-ahead-item.d.ts +4 -4
- package/dist/types/ui/InputQuery.d.ts +4 -1
- package/dist/types/ui/registered-menu/RegisteredTypeAheadMenu.d.ts +2 -3
- package/package.json +11 -11
- package/dist/cjs/ui/registered-menu/PassThrough.js +0 -10
- package/dist/cjs/ui/registered-menu/TypeAheadContext.js +0 -8
- package/dist/cjs/ui/registered-menu/TypeAheadItemRow.js +0 -48
- package/dist/cjs/ui/registered-menu/TypeAheadMenuFooter.compiled.css +0 -3
- package/dist/cjs/ui/registered-menu/TypeAheadMenuFooter.js +0 -33
- package/dist/cjs/ui/registered-menu/TypeAheadMenuRenderer.js +0 -167
- package/dist/cjs/ui/registered-menu/TypeAheadProvider.js +0 -8
- package/dist/cjs/ui/registered-menu/TypeAheadSectionRow.js +0 -15
- package/dist/cjs/ui/registered-menu/buildTypeAheadMenuModel.js +0 -5
- package/dist/cjs/ui/registered-menu/createTypeAheadRowRenderer.js +0 -76
- package/dist/cjs/ui/registered-menu/getTypeAheadGlobalViewMoreId.js +0 -9
- package/dist/cjs/ui/registered-menu/getTypeAheadItemId.js +0 -9
- package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js +0 -40
- package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js +0 -66
- package/dist/cjs/ui/registered-menu/typeAheadMenuTypes.js +0 -5
- package/dist/cjs/ui/registered-menu/typeAheadSurfaces.js +0 -27
- package/dist/cjs/ui/registered-menu/useTypeAheadContext.js +0 -15
- package/dist/es2019/ui/registered-menu/PassThrough.js +0 -3
- package/dist/es2019/ui/registered-menu/TypeAheadContext.js +0 -2
- package/dist/es2019/ui/registered-menu/TypeAheadItemRow.js +0 -35
- package/dist/es2019/ui/registered-menu/TypeAheadMenuFooter.compiled.css +0 -3
- package/dist/es2019/ui/registered-menu/TypeAheadMenuFooter.js +0 -24
- package/dist/es2019/ui/registered-menu/TypeAheadMenuRenderer.js +0 -134
- package/dist/es2019/ui/registered-menu/TypeAheadProvider.js +0 -2
- package/dist/es2019/ui/registered-menu/TypeAheadSectionRow.js +0 -9
- package/dist/es2019/ui/registered-menu/buildTypeAheadMenuModel.js +0 -1
- package/dist/es2019/ui/registered-menu/createTypeAheadRowRenderer.js +0 -67
- package/dist/es2019/ui/registered-menu/getTypeAheadGlobalViewMoreId.js +0 -1
- package/dist/es2019/ui/registered-menu/getTypeAheadItemId.js +0 -1
- package/dist/es2019/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js +0 -31
- package/dist/es2019/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js +0 -58
- package/dist/es2019/ui/registered-menu/typeAheadMenuTypes.js +0 -1
- package/dist/es2019/ui/registered-menu/typeAheadSurfaces.js +0 -21
- package/dist/es2019/ui/registered-menu/useTypeAheadContext.js +0 -9
- package/dist/esm/ui/registered-menu/PassThrough.js +0 -4
- package/dist/esm/ui/registered-menu/TypeAheadContext.js +0 -2
- package/dist/esm/ui/registered-menu/TypeAheadItemRow.js +0 -40
- package/dist/esm/ui/registered-menu/TypeAheadMenuFooter.compiled.css +0 -3
- package/dist/esm/ui/registered-menu/TypeAheadMenuFooter.js +0 -26
- package/dist/esm/ui/registered-menu/TypeAheadMenuRenderer.js +0 -158
- package/dist/esm/ui/registered-menu/TypeAheadProvider.js +0 -2
- package/dist/esm/ui/registered-menu/TypeAheadSectionRow.js +0 -8
- package/dist/esm/ui/registered-menu/buildTypeAheadMenuModel.js +0 -1
- package/dist/esm/ui/registered-menu/createTypeAheadRowRenderer.js +0 -69
- package/dist/esm/ui/registered-menu/getTypeAheadGlobalViewMoreId.js +0 -3
- package/dist/esm/ui/registered-menu/getTypeAheadItemId.js +0 -3
- package/dist/esm/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js +0 -32
- package/dist/esm/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js +0 -58
- package/dist/esm/ui/registered-menu/typeAheadMenuTypes.js +0 -1
- package/dist/esm/ui/registered-menu/typeAheadSurfaces.js +0 -21
- package/dist/esm/ui/registered-menu/useTypeAheadContext.js +0 -9
- package/dist/types/ui/registered-menu/PassThrough.d.ts +0 -2
- package/dist/types/ui/registered-menu/TypeAheadContext.d.ts +0 -20
- package/dist/types/ui/registered-menu/TypeAheadItemRow.d.ts +0 -15
- package/dist/types/ui/registered-menu/TypeAheadMenuFooter.d.ts +0 -11
- package/dist/types/ui/registered-menu/TypeAheadMenuRenderer.d.ts +0 -19
- package/dist/types/ui/registered-menu/TypeAheadProvider.d.ts +0 -3
- package/dist/types/ui/registered-menu/TypeAheadSectionRow.d.ts +0 -5
- package/dist/types/ui/registered-menu/buildTypeAheadMenuModel.d.ts +0 -3
- package/dist/types/ui/registered-menu/createTypeAheadRowRenderer.d.ts +0 -17
- package/dist/types/ui/registered-menu/getTypeAheadGlobalViewMoreId.d.ts +0 -1
- package/dist/types/ui/registered-menu/getTypeAheadItemId.d.ts +0 -1
- package/dist/types/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.d.ts +0 -3
- package/dist/types/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.d.ts +0 -2
- package/dist/types/ui/registered-menu/typeAheadMenuTypes.d.ts +0 -8
- package/dist/types/ui/registered-menu/typeAheadSurfaces.d.ts +0 -17
- 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,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,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,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,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
|
-
}));
|