oolib 2.109.2 → 2.109.3

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 (3) hide show
  1. package/dist/components/Lexical/Plugins/TableCellResizer/index.d.ts +13 -1
  2. package/dist/components/Lexical/Plugins/TableCellResizer/index.js +62 -23
  3. package/package.json +1 -1
package/dist/components/Lexical/Plugins/TableCellResizer/index.d.ts CHANGED
@@ -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;
package/dist/components/Lexical/Plugins/TableCellResizer/index.js CHANGED
@@ -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
- var table_1 = require("@lexical/table");
27
- var lexical_1 = require("lexical");
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(lexical_1.SELECTION_CHANGE_COMMAND, function (payload) {
46
- var selection = (0, lexical_1.$getSelection)();
47
- var isTableSelection = (0, table_1.$isTableSelection)(selection);
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
- }, lexical_1.COMMAND_PRIORITY_HIGH);
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 = (0, table_1.getDOMCellFromTarget)(target);
102
+ var cell_1 = getDOMCellFromTarget(target);
78
103
  if (cell_1 && activeCell !== cell_1) {
79
104
  editor.update(function () {
80
- var tableCellNode = (0, lexical_1.$getNearestNodeFromDOMNode)(cell_1.elem);
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 = (0, table_1.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
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 = (0, lexical_1.$getNearestNodeFromDOMNode)(activeCell.elem);
117
- if (!(0, table_1.$isTableCellNode)(tableCellNode)) {
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 = (0, table_1.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
121
- var tableRowIndex = (0, table_1.$getTableRowIndexFromTableCellNode)(tableCellNode);
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 (!(0, table_1.$isTableRowNode)(tableRow)) {
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 = (0, lexical_1.$getNearestNodeFromDOMNode)(activeCell.elem);
139
- if (!(0, table_1.$isTableCellNode)(tableCellNode)) {
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 = (0, table_1.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
143
- var tableColumnIndex = (0, table_1.$getTableColumnIndexFromTableCellNode)(tableCellNode);
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 (!(0, table_1.$isTableRowNode)(tableRow)) {
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 (!(0, table_1.$isTableCellNode)(tableCell)) {
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, { editor: editor }), document.body)
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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.109.2",
3
+ "version": "2.109.3",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",