oolib 2.109.2 → 2.109.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.
|
@@ -111,12 +111,14 @@ function DropdownSingle(_a) {
|
|
|
111
111
|
});
|
|
112
112
|
return (!isSearchable && !isTagsStyle)
|
|
113
113
|
? ops
|
|
114
|
-
:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
114
|
+
: !!observerRef === true //if this exists that means search is being handled on the backend via elastic search
|
|
115
|
+
? ops
|
|
116
|
+
: (0, keywordSearchOptions_1.keywordSearchOptions)({
|
|
117
|
+
options: ops,
|
|
118
|
+
searchString: searchString,
|
|
119
|
+
searchFieldsConfig: searchFieldsConfig,
|
|
120
|
+
setFilteredOptionsInParent: setFilteredOptionsInParent,
|
|
121
|
+
});
|
|
120
122
|
}, [optionsProp, optionsFn === null || optionsFn === void 0 ? void 0 : optionsFn.fn, searchString]);
|
|
121
123
|
var genSelectTagsInput = function () { return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, __assign({}, {
|
|
122
124
|
id: id,
|
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
import { ReactPortal } from 'react';
|
|
2
|
-
export default function TableCellResizerPlugin({ useLexicalComposerContext, useLexicalEditable }: {
|
|
2
|
+
export default function TableCellResizerPlugin({ useLexicalComposerContext, useLexicalEditable, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $isTableCellNode, $isTableRowNode, $isTableSelection, getDOMCellFromTarget, $getNearestNodeFromDOMNode, $getSelection, TableCellNode, COMMAND_PRIORITY_HIGH, SELECTION_CHANGE_COMMAND, }: {
|
|
3
3
|
useLexicalComposerContext: any;
|
|
4
4
|
useLexicalEditable: any;
|
|
5
|
+
$getTableColumnIndexFromTableCellNode: any;
|
|
6
|
+
$getTableNodeFromLexicalNodeOrThrow: any;
|
|
7
|
+
$getTableRowIndexFromTableCellNode: any;
|
|
8
|
+
$isTableCellNode: any;
|
|
9
|
+
$isTableRowNode: any;
|
|
10
|
+
$isTableSelection: any;
|
|
11
|
+
getDOMCellFromTarget: any;
|
|
12
|
+
$getNearestNodeFromDOMNode: any;
|
|
13
|
+
$getSelection: any;
|
|
14
|
+
TableCellNode: any;
|
|
15
|
+
COMMAND_PRIORITY_HIGH: any;
|
|
16
|
+
SELECTION_CHANGE_COMMAND: any;
|
|
5
17
|
}): null | ReactPortal;
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -23,8 +34,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
34
|
return result;
|
|
24
35
|
};
|
|
25
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
|
|
27
|
-
|
|
37
|
+
// import {
|
|
38
|
+
// $getTableColumnIndexFromTableCellNode,
|
|
39
|
+
// $getTableNodeFromLexicalNodeOrThrow,
|
|
40
|
+
// $getTableRowIndexFromTableCellNode,
|
|
41
|
+
// $isTableCellNode,
|
|
42
|
+
// $isTableRowNode,
|
|
43
|
+
// $isTableSelection,
|
|
44
|
+
// getDOMCellFromTarget,
|
|
45
|
+
// TableCellNode,
|
|
46
|
+
// } from '@lexical/table';
|
|
47
|
+
// import {
|
|
48
|
+
// $getNearestNodeFromDOMNode,
|
|
49
|
+
// $getSelection,
|
|
50
|
+
// COMMAND_PRIORITY_HIGH,
|
|
51
|
+
// SELECTION_CHANGE_COMMAND,
|
|
52
|
+
// } from 'lexical';
|
|
28
53
|
var React = __importStar(require("react"));
|
|
29
54
|
var react_1 = require("react");
|
|
30
55
|
var react_dom_1 = require("react-dom");
|
|
@@ -32,7 +57,7 @@ var index_styled_1 = require("./index.styled");
|
|
|
32
57
|
var MIN_ROW_HEIGHT = 33;
|
|
33
58
|
var MIN_COLUMN_WIDTH = 50;
|
|
34
59
|
function TableCellResizer(_a) {
|
|
35
|
-
var editor = _a.editor;
|
|
60
|
+
var $getTableColumnIndexFromTableCellNode = _a.$getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow = _a.$getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode = _a.$getTableRowIndexFromTableCellNode, $isTableCellNode = _a.$isTableCellNode, $isTableRowNode = _a.$isTableRowNode, $isTableSelection = _a.$isTableSelection, getDOMCellFromTarget = _a.getDOMCellFromTarget, $getNearestNodeFromDOMNode = _a.$getNearestNodeFromDOMNode, $getSelection = _a.$getSelection, COMMAND_PRIORITY_HIGH = _a.COMMAND_PRIORITY_HIGH, TableCellNode = _a.TableCellNode, SELECTION_CHANGE_COMMAND = _a.SELECTION_CHANGE_COMMAND, editor = _a.editor;
|
|
36
61
|
var targetRef = (0, react_1.useRef)(null);
|
|
37
62
|
var resizerRef = (0, react_1.useRef)(null);
|
|
38
63
|
var tableRectRef = (0, react_1.useRef)(null);
|
|
@@ -42,14 +67,14 @@ function TableCellResizer(_a) {
|
|
|
42
67
|
var _d = (0, react_1.useState)(false), isSelectingGrid = _d[0], updateIsSelectingGrid = _d[1];
|
|
43
68
|
var _e = (0, react_1.useState)(null), draggingDirection = _e[0], updateDraggingDirection = _e[1];
|
|
44
69
|
(0, react_1.useEffect)(function () {
|
|
45
|
-
return editor.registerCommand(
|
|
46
|
-
var selection =
|
|
47
|
-
var isTableSelection =
|
|
70
|
+
return editor.registerCommand(SELECTION_CHANGE_COMMAND, function (payload) {
|
|
71
|
+
var selection = $getSelection();
|
|
72
|
+
var isTableSelection = $isTableSelection(selection);
|
|
48
73
|
if (isSelectingGrid !== isTableSelection) {
|
|
49
74
|
updateIsSelectingGrid(isTableSelection);
|
|
50
75
|
}
|
|
51
76
|
return false;
|
|
52
|
-
},
|
|
77
|
+
}, COMMAND_PRIORITY_HIGH);
|
|
53
78
|
});
|
|
54
79
|
var resetState = (0, react_1.useCallback)(function () {
|
|
55
80
|
updateActiveCell(null);
|
|
@@ -74,14 +99,14 @@ function TableCellResizer(_a) {
|
|
|
74
99
|
}
|
|
75
100
|
if (targetRef.current !== target) {
|
|
76
101
|
targetRef.current = target;
|
|
77
|
-
var cell_1 =
|
|
102
|
+
var cell_1 = getDOMCellFromTarget(target);
|
|
78
103
|
if (cell_1 && activeCell !== cell_1) {
|
|
79
104
|
editor.update(function () {
|
|
80
|
-
var tableCellNode =
|
|
105
|
+
var tableCellNode = $getNearestNodeFromDOMNode(cell_1.elem);
|
|
81
106
|
if (!tableCellNode) {
|
|
82
107
|
throw new Error('TableCellResizer: Table cell node not found.');
|
|
83
108
|
}
|
|
84
|
-
var tableNode =
|
|
109
|
+
var tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
|
|
85
110
|
var tableElement = editor.getElementByKey(tableNode.getKey());
|
|
86
111
|
if (!tableElement) {
|
|
87
112
|
throw new Error('TableCellResizer: Table element not found.');
|
|
@@ -113,18 +138,18 @@ function TableCellResizer(_a) {
|
|
|
113
138
|
throw new Error('TableCellResizer: Expected active cell.');
|
|
114
139
|
}
|
|
115
140
|
editor.update(function () {
|
|
116
|
-
var tableCellNode =
|
|
117
|
-
if (
|
|
141
|
+
var tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
|
|
142
|
+
if (!$isTableCellNode(tableCellNode)) {
|
|
118
143
|
throw new Error('TableCellResizer: Table cell node not found.');
|
|
119
144
|
}
|
|
120
|
-
var tableNode =
|
|
121
|
-
var tableRowIndex =
|
|
145
|
+
var tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
|
|
146
|
+
var tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode);
|
|
122
147
|
var tableRows = tableNode.getChildren();
|
|
123
148
|
if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {
|
|
124
149
|
throw new Error('Expected table cell to be inside of table row.');
|
|
125
150
|
}
|
|
126
151
|
var tableRow = tableRows[tableRowIndex];
|
|
127
|
-
if (
|
|
152
|
+
if (!$isTableRowNode(tableRow)) {
|
|
128
153
|
throw new Error('Expected table row');
|
|
129
154
|
}
|
|
130
155
|
tableRow.setHeight(newHeight);
|
|
@@ -135,16 +160,16 @@ function TableCellResizer(_a) {
|
|
|
135
160
|
throw new Error('TableCellResizer: Expected active cell.');
|
|
136
161
|
}
|
|
137
162
|
editor.update(function () {
|
|
138
|
-
var tableCellNode =
|
|
139
|
-
if (
|
|
163
|
+
var tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
|
|
164
|
+
if (!$isTableCellNode(tableCellNode)) {
|
|
140
165
|
throw new Error('TableCellResizer: Table cell node not found.');
|
|
141
166
|
}
|
|
142
|
-
var tableNode =
|
|
143
|
-
var tableColumnIndex =
|
|
167
|
+
var tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
|
|
168
|
+
var tableColumnIndex = $getTableColumnIndexFromTableCellNode(tableCellNode);
|
|
144
169
|
var tableRows = tableNode.getChildren();
|
|
145
170
|
for (var r = 0; r < tableRows.length; r++) {
|
|
146
171
|
var tableRow = tableRows[r];
|
|
147
|
-
if (
|
|
172
|
+
if (!$isTableRowNode(tableRow)) {
|
|
148
173
|
throw new Error('Expected table row');
|
|
149
174
|
}
|
|
150
175
|
var rowCells = tableRow.getChildren();
|
|
@@ -161,7 +186,7 @@ function TableCellResizer(_a) {
|
|
|
161
186
|
throw new Error('Expected table cell to be inside of table row.');
|
|
162
187
|
}
|
|
163
188
|
var tableCell = rowCells[rowColumnIndexWithSpan];
|
|
164
|
-
if (
|
|
189
|
+
if (!$isTableCellNode(tableCell)) {
|
|
165
190
|
throw new Error('Expected table cell');
|
|
166
191
|
}
|
|
167
192
|
tableCell.setWidth(newWidth);
|
|
@@ -270,12 +295,26 @@ function TableCellResizer(_a) {
|
|
|
270
295
|
React.createElement(index_styled_1.StyledTableCellResizer, { className: "TableCellResizer__resizer TableCellResizer__ui", style: resizerStyles.bottom || undefined, onMouseDown: toggleResize('bottom') })))));
|
|
271
296
|
}
|
|
272
297
|
function TableCellResizerPlugin(_a) {
|
|
273
|
-
var useLexicalComposerContext = _a.useLexicalComposerContext, useLexicalEditable = _a.useLexicalEditable;
|
|
298
|
+
var useLexicalComposerContext = _a.useLexicalComposerContext, useLexicalEditable = _a.useLexicalEditable, $getTableColumnIndexFromTableCellNode = _a.$getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow = _a.$getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode = _a.$getTableRowIndexFromTableCellNode, $isTableCellNode = _a.$isTableCellNode, $isTableRowNode = _a.$isTableRowNode, $isTableSelection = _a.$isTableSelection, getDOMCellFromTarget = _a.getDOMCellFromTarget, $getNearestNodeFromDOMNode = _a.$getNearestNodeFromDOMNode, $getSelection = _a.$getSelection, TableCellNode = _a.TableCellNode, COMMAND_PRIORITY_HIGH = _a.COMMAND_PRIORITY_HIGH, SELECTION_CHANGE_COMMAND = _a.SELECTION_CHANGE_COMMAND;
|
|
274
299
|
var editor = useLexicalComposerContext()[0];
|
|
275
300
|
var isEditable = useLexicalEditable();
|
|
276
301
|
return (0, react_1.useMemo)(function () {
|
|
277
302
|
return isEditable
|
|
278
|
-
? (0, react_dom_1.createPortal)(React.createElement(TableCellResizer, {
|
|
303
|
+
? (0, react_dom_1.createPortal)(React.createElement(TableCellResizer, __assign({}, {
|
|
304
|
+
$getTableColumnIndexFromTableCellNode: $getTableColumnIndexFromTableCellNode,
|
|
305
|
+
$getTableNodeFromLexicalNodeOrThrow: $getTableNodeFromLexicalNodeOrThrow,
|
|
306
|
+
$getTableRowIndexFromTableCellNode: $getTableRowIndexFromTableCellNode,
|
|
307
|
+
$isTableCellNode: $isTableCellNode,
|
|
308
|
+
$isTableRowNode: $isTableRowNode,
|
|
309
|
+
$isTableSelection: $isTableSelection,
|
|
310
|
+
getDOMCellFromTarget: getDOMCellFromTarget,
|
|
311
|
+
$getNearestNodeFromDOMNode: $getNearestNodeFromDOMNode,
|
|
312
|
+
$getSelection: $getSelection,
|
|
313
|
+
COMMAND_PRIORITY_HIGH: COMMAND_PRIORITY_HIGH,
|
|
314
|
+
SELECTION_CHANGE_COMMAND: SELECTION_CHANGE_COMMAND,
|
|
315
|
+
TableCellNode: TableCellNode,
|
|
316
|
+
editor: editor
|
|
317
|
+
})), document.body)
|
|
279
318
|
: null;
|
|
280
319
|
}, [editor, isEditable]);
|
|
281
320
|
}
|