@lofcz/platejs-table 52.0.11 → 52.3.6
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/dist/{constants-B6Sm9BNa.js → constants-DGdhsla3.js} +679 -523
- package/dist/{index-CbSGuAlP.d.ts → index-CU48xuSN.d.ts} +186 -33
- package/dist/index.d.ts +2 -2
- package/dist/index.js +28 -8
- package/dist/react/index.d.ts +119 -22
- package/dist/react/index.js +355 -234
- package/package.json +4 -3
- package/dist/constants-B6Sm9BNa.js.map +0 -1
- package/dist/index-CbSGuAlP.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/react/index.d.ts.map +0 -1
- package/dist/react/index.js.map +0 -1
package/dist/react/index.d.ts
CHANGED
|
@@ -1,15 +1,112 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { A as insertTable, G as getTableCellSize, It as getEmptyRowNode, K as BorderStylesDefault, Lt as getEmptyCellNode, M as deleteRow, N as deleteColumn, O as insertTableRow, Pt as getEmptyTableNode, Rt as BorderDirection, Ut as CellIndices, _ as TableConfig, at as getSelectedCells, ct as isCellSelected, it as getSelectedCellIds, j as deleteTable, k as insertTableColumn, lt as isSelectingCell, mt as getColSpan, nt as getSelectedCell, ot as getSelectedTableIds, q as getTableCellBorders, st as getSelectedTables, ut as getRowSpan, vt as splitTableCell, yt as mergeTableCells } from "../index-CU48xuSN";
|
|
2
|
+
import * as platejs0 from "platejs";
|
|
2
3
|
import { SlateEditor, TElement, TTableCellElement, TTableElement } from "platejs";
|
|
4
|
+
import * as platejs_react0 from "platejs/react";
|
|
3
5
|
import { KeyboardHandler } from "platejs/react";
|
|
4
6
|
import React from "react";
|
|
5
7
|
import { ResizeHandle } from "@platejs/resizable";
|
|
6
8
|
|
|
7
9
|
//#region src/react/TablePlugin.d.ts
|
|
8
|
-
declare const TableRowPlugin:
|
|
9
|
-
declare const TableCellPlugin:
|
|
10
|
-
declare const TableCellHeaderPlugin:
|
|
10
|
+
declare const TableRowPlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<"tr", {}, {}, {}, {}>>;
|
|
11
|
+
declare const TableCellPlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<"td", {}, {}, {}, {}>>;
|
|
12
|
+
declare const TableCellHeaderPlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<"th", {}, {}, {}, {}>>;
|
|
11
13
|
/** Enables support for tables with React-specific features. */
|
|
12
|
-
declare const TablePlugin:
|
|
14
|
+
declare const TablePlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<"table", {
|
|
15
|
+
_cellIndices: Record<string, {
|
|
16
|
+
col: number;
|
|
17
|
+
row: number;
|
|
18
|
+
}>;
|
|
19
|
+
_selectedCellIds: string[] | null | undefined;
|
|
20
|
+
_selectedTableIds: string[] | null | undefined;
|
|
21
|
+
_selectionVersion: number;
|
|
22
|
+
selectedCells: platejs0.TElement[] | null;
|
|
23
|
+
selectedTables: platejs0.TElement[] | null;
|
|
24
|
+
disableExpandOnInsert?: boolean;
|
|
25
|
+
disableMarginLeft?: boolean;
|
|
26
|
+
disableMerge?: boolean;
|
|
27
|
+
enableUnsetSingleColSize?: boolean;
|
|
28
|
+
initialTableWidth?: number;
|
|
29
|
+
minColumnWidth?: number;
|
|
30
|
+
}, {
|
|
31
|
+
create: {
|
|
32
|
+
table: platejs0.OmitFirst<typeof getEmptyTableNode>;
|
|
33
|
+
tableCell: platejs0.OmitFirst<typeof getEmptyCellNode>;
|
|
34
|
+
tableRow: platejs0.OmitFirst<typeof getEmptyRowNode>;
|
|
35
|
+
};
|
|
36
|
+
table: {
|
|
37
|
+
getCellBorders: platejs0.OmitFirst<typeof getTableCellBorders>;
|
|
38
|
+
getCellSize: platejs0.OmitFirst<typeof getTableCellSize>;
|
|
39
|
+
getSelectedCell: platejs0.OmitFirst<typeof getSelectedCell>;
|
|
40
|
+
getSelectedCellIds: platejs0.OmitFirst<typeof getSelectedCellIds>;
|
|
41
|
+
getSelectedCells: platejs0.OmitFirst<typeof getSelectedCells>;
|
|
42
|
+
getSelectedTableIds: platejs0.OmitFirst<typeof getSelectedTableIds>;
|
|
43
|
+
getSelectedTables: platejs0.OmitFirst<typeof getSelectedTables>;
|
|
44
|
+
getColSpan: typeof getColSpan;
|
|
45
|
+
getRowSpan: typeof getRowSpan;
|
|
46
|
+
getCellChildren: (cell: platejs0.TTableCellElement) => platejs0.Descendant[];
|
|
47
|
+
isCellSelected: platejs0.OmitFirst<typeof isCellSelected>;
|
|
48
|
+
isSelectingCell: platejs0.OmitFirst<typeof isSelectingCell>;
|
|
49
|
+
};
|
|
50
|
+
} & {
|
|
51
|
+
create: {
|
|
52
|
+
table: platejs0.OmitFirst<typeof getEmptyTableNode>;
|
|
53
|
+
tableCell: platejs0.OmitFirst<typeof getEmptyCellNode>;
|
|
54
|
+
tableRow: platejs0.OmitFirst<typeof getEmptyRowNode>;
|
|
55
|
+
};
|
|
56
|
+
table: {
|
|
57
|
+
getCellBorders: platejs0.OmitFirst<typeof getTableCellBorders>;
|
|
58
|
+
getCellSize: platejs0.OmitFirst<typeof getTableCellSize>;
|
|
59
|
+
getSelectedCell: platejs0.OmitFirst<typeof getSelectedCell>;
|
|
60
|
+
getSelectedCellIds: platejs0.OmitFirst<typeof getSelectedCellIds>;
|
|
61
|
+
getSelectedCells: platejs0.OmitFirst<typeof getSelectedCells>;
|
|
62
|
+
getSelectedTableIds: platejs0.OmitFirst<typeof getSelectedTableIds>;
|
|
63
|
+
getSelectedTables: platejs0.OmitFirst<typeof getSelectedTables>;
|
|
64
|
+
getColSpan: typeof getColSpan;
|
|
65
|
+
getRowSpan: typeof getRowSpan;
|
|
66
|
+
getCellChildren: (cell: platejs0.TTableCellElement) => platejs0.Descendant[];
|
|
67
|
+
isCellSelected: platejs0.OmitFirst<typeof isCellSelected>;
|
|
68
|
+
isSelectingCell: platejs0.OmitFirst<typeof isSelectingCell>;
|
|
69
|
+
};
|
|
70
|
+
}, {
|
|
71
|
+
insert: {
|
|
72
|
+
table: platejs0.OmitFirst<typeof insertTable>;
|
|
73
|
+
tableColumn: platejs0.OmitFirst<typeof insertTableColumn>;
|
|
74
|
+
tableRow: platejs0.OmitFirst<typeof insertTableRow>;
|
|
75
|
+
};
|
|
76
|
+
remove: {
|
|
77
|
+
table: platejs0.OmitFirst<typeof deleteTable>;
|
|
78
|
+
tableColumn: platejs0.OmitFirst<typeof deleteColumn>;
|
|
79
|
+
tableRow: platejs0.OmitFirst<typeof deleteRow>;
|
|
80
|
+
};
|
|
81
|
+
table: {
|
|
82
|
+
merge: platejs0.OmitFirst<typeof mergeTableCells>;
|
|
83
|
+
split: platejs0.OmitFirst<typeof splitTableCell>;
|
|
84
|
+
};
|
|
85
|
+
} & {
|
|
86
|
+
insert: {
|
|
87
|
+
table: platejs0.OmitFirst<typeof insertTable>;
|
|
88
|
+
tableColumn: platejs0.OmitFirst<typeof insertTableColumn>;
|
|
89
|
+
tableRow: platejs0.OmitFirst<typeof insertTableRow>;
|
|
90
|
+
};
|
|
91
|
+
remove: {
|
|
92
|
+
table: platejs0.OmitFirst<typeof deleteTable>;
|
|
93
|
+
tableColumn: platejs0.OmitFirst<typeof deleteColumn>;
|
|
94
|
+
tableRow: platejs0.OmitFirst<typeof deleteRow>;
|
|
95
|
+
};
|
|
96
|
+
table: {
|
|
97
|
+
merge: platejs0.OmitFirst<typeof mergeTableCells>;
|
|
98
|
+
split: platejs0.OmitFirst<typeof splitTableCell>;
|
|
99
|
+
};
|
|
100
|
+
}, {
|
|
101
|
+
cellIndices?: (id: string) => CellIndices;
|
|
102
|
+
isCellSelected?: (id?: string | null) => boolean;
|
|
103
|
+
isSelectingCell?: () => boolean;
|
|
104
|
+
selectedCell?: (id?: string | null) => platejs0.TElement | null;
|
|
105
|
+
selectedCellIds?: () => string[] | null;
|
|
106
|
+
selectedCells?: () => platejs0.TElement[] | null;
|
|
107
|
+
selectedTableIds?: () => string[] | null;
|
|
108
|
+
selectedTables?: () => platejs0.TElement[] | null;
|
|
109
|
+
}>>;
|
|
13
110
|
//#endregion
|
|
14
111
|
//#region src/react/onKeyDownTable.d.ts
|
|
15
112
|
declare const onKeyDownTable: KeyboardHandler<TableConfig>;
|
|
@@ -33,7 +130,7 @@ declare function setSelectedCellsBorder(editor: SlateEditor, {
|
|
|
33
130
|
* selection has one or many cells, it's the same approach: we read the bounding
|
|
34
131
|
* rectangle, then decide which edges to flip on/off.
|
|
35
132
|
*/
|
|
36
|
-
declare const getOnSelectTableBorderFactory: (editor: SlateEditor
|
|
133
|
+
declare const getOnSelectTableBorderFactory: (editor: SlateEditor) => (border: BorderDirection | "none" | "outer") => () => void;
|
|
37
134
|
//#endregion
|
|
38
135
|
//#region src/react/components/TableCellElement/roundCellSizeToStep.d.ts
|
|
39
136
|
/**
|
|
@@ -52,12 +149,12 @@ declare const useTableBordersDropdownMenuContentState: ({
|
|
|
52
149
|
element?: TTableElement;
|
|
53
150
|
}) => {
|
|
54
151
|
getOnSelectTableBorder: (border: BorderDirection | "none" | "outer") => () => void;
|
|
55
|
-
hasBottomBorder:
|
|
56
|
-
hasLeftBorder:
|
|
57
|
-
hasNoBorders:
|
|
58
|
-
hasOuterBorders:
|
|
59
|
-
hasRightBorder:
|
|
60
|
-
hasTopBorder:
|
|
152
|
+
hasBottomBorder: boolean;
|
|
153
|
+
hasLeftBorder: boolean;
|
|
154
|
+
hasNoBorders: boolean;
|
|
155
|
+
hasOuterBorders: boolean;
|
|
156
|
+
hasRightBorder: boolean;
|
|
157
|
+
hasTopBorder: boolean;
|
|
61
158
|
};
|
|
62
159
|
//#endregion
|
|
63
160
|
//#region src/react/components/TableCellElement/useTableCellBorders.d.ts
|
|
@@ -107,13 +204,12 @@ declare function useTableCellSize({
|
|
|
107
204
|
element: el
|
|
108
205
|
}?: {
|
|
109
206
|
element?: TTableCellElement;
|
|
110
|
-
}):
|
|
207
|
+
}): {
|
|
208
|
+
minHeight: number;
|
|
209
|
+
width: number;
|
|
210
|
+
};
|
|
111
211
|
//#endregion
|
|
112
212
|
//#region src/react/components/TableElement/useSelectedCells.d.ts
|
|
113
|
-
/**
|
|
114
|
-
* Many grid cells above and diff -> set No many grid cells above and diff ->
|
|
115
|
-
* unset No selection -> unset
|
|
116
|
-
*/
|
|
117
213
|
declare const useSelectedCells: () => void;
|
|
118
214
|
//#endregion
|
|
119
215
|
//#region src/react/components/TableElement/useTableColSizes.d.ts
|
|
@@ -131,20 +227,22 @@ declare const useTableColSizes: ({
|
|
|
131
227
|
//#endregion
|
|
132
228
|
//#region src/react/components/TableElement/useTableElement.d.ts
|
|
133
229
|
declare const useTableElement: () => {
|
|
134
|
-
isSelectingCell: boolean;
|
|
135
230
|
marginLeft: any;
|
|
136
231
|
props: {
|
|
137
232
|
onMouseDown: () => void;
|
|
138
233
|
};
|
|
139
234
|
};
|
|
140
235
|
//#endregion
|
|
236
|
+
//#region src/react/components/TableElement/useTableSelectionDom.d.ts
|
|
237
|
+
declare const useTableSelectionDom: (tableRef: React.RefObject<HTMLTableElement | null>) => void;
|
|
238
|
+
//#endregion
|
|
141
239
|
//#region src/react/hooks/useCellIndices.d.ts
|
|
142
240
|
declare const useCellIndices: () => any;
|
|
143
241
|
//#endregion
|
|
144
242
|
//#region src/react/hooks/useTableMergeState.d.ts
|
|
145
243
|
declare const useTableMergeState: () => {
|
|
146
|
-
canMerge:
|
|
147
|
-
canSplit:
|
|
244
|
+
canMerge: boolean;
|
|
245
|
+
canSplit: boolean;
|
|
148
246
|
};
|
|
149
247
|
//#endregion
|
|
150
248
|
//#region src/react/stores/useTableStore.d.ts
|
|
@@ -153,5 +251,4 @@ declare const useOverrideColSize: () => (index: number, size: number | null) =>
|
|
|
153
251
|
declare const useOverrideRowSize: () => (index: number, size: number | null) => void;
|
|
154
252
|
declare const useOverrideMarginLeft: () => any;
|
|
155
253
|
//#endregion
|
|
156
|
-
export { TableCellElementResizableOptions, TableCellElementState, TableCellHeaderPlugin, TableCellPlugin, TablePlugin, TableProvider, TableRowPlugin, getOnSelectTableBorderFactory, onKeyDownTable, roundCellSizeToStep, setSelectedCellsBorder, tableStore, useCellIndices, useIsCellSelected, useOverrideColSize, useOverrideMarginLeft, useOverrideRowSize, useSelectedCells, useTableBordersDropdownMenuContentState, useTableCellBorders, useTableCellElement, useTableCellElementResizable, useTableCellSize, useTableColSizes, useTableElement, useTableMergeState, useTableSet, useTableState, useTableStore, useTableValue };
|
|
157
|
-
//# sourceMappingURL=index.d.ts.map
|
|
254
|
+
export { TableCellElementResizableOptions, TableCellElementState, TableCellHeaderPlugin, TableCellPlugin, TablePlugin, TableProvider, TableRowPlugin, getOnSelectTableBorderFactory, onKeyDownTable, roundCellSizeToStep, setSelectedCellsBorder, tableStore, useCellIndices, useIsCellSelected, useOverrideColSize, useOverrideMarginLeft, useOverrideRowSize, useSelectedCells, useTableBordersDropdownMenuContentState, useTableCellBorders, useTableCellElement, useTableCellElementResizable, useTableCellSize, useTableColSizes, useTableElement, useTableMergeState, useTableSelectionDom, useTableSet, useTableState, useTableStore, useTableValue };
|