@rozie-ui/data-table-lit 0.3.1 → 0.4.0
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/README.md +48 -2
- package/dist/index.cjs +541 -146
- package/dist/index.d.cts +66 -18
- package/dist/index.d.mts +66 -18
- package/dist/index.mjs +541 -146
- package/package.json +2 -2
- package/src/DataTable.ts +511 -141
- package/src/helpers/columnDefUtils.ts +77 -1
package/dist/index.d.cts
CHANGED
|
@@ -192,6 +192,26 @@ declare class DataTable extends DataTable_base {
|
|
|
192
192
|
indeterminate: any;
|
|
193
193
|
toggle: any;
|
|
194
194
|
}) => unknown;
|
|
195
|
+
private _hasSlotDynamicColHeader;
|
|
196
|
+
private _slotDynamicColHeaderElements;
|
|
197
|
+
private _hasSlotDynamicFilter;
|
|
198
|
+
private _slotDynamicFilterElements;
|
|
199
|
+
private _hasSlotSelectCell;
|
|
200
|
+
private _slotSelectCellElements;
|
|
201
|
+
selectCell?: (scope: {
|
|
202
|
+
row: any;
|
|
203
|
+
checked: any;
|
|
204
|
+
toggle: any;
|
|
205
|
+
}) => unknown;
|
|
206
|
+
private _hasSlotDynamicCell;
|
|
207
|
+
private _slotDynamicCellElements;
|
|
208
|
+
private _hasSlotDynamicEditor;
|
|
209
|
+
private _slotDynamicEditorElements;
|
|
210
|
+
private _hasSlotDetail;
|
|
211
|
+
private _slotDetailElements;
|
|
212
|
+
detail?: (scope: {
|
|
213
|
+
row: any;
|
|
214
|
+
}) => unknown;
|
|
195
215
|
private _hasSlotColHeader;
|
|
196
216
|
private _slotColHeaderElements;
|
|
197
217
|
colHeader?: (scope: {
|
|
@@ -208,13 +228,6 @@ declare class DataTable extends DataTable_base {
|
|
|
208
228
|
minMax: any;
|
|
209
229
|
setFilter: any;
|
|
210
230
|
}) => unknown;
|
|
211
|
-
private _hasSlotSelectCell;
|
|
212
|
-
private _slotSelectCellElements;
|
|
213
|
-
selectCell?: (scope: {
|
|
214
|
-
row: any;
|
|
215
|
-
checked: any;
|
|
216
|
-
toggle: any;
|
|
217
|
-
}) => unknown;
|
|
218
231
|
private _hasSlotCell;
|
|
219
232
|
private _slotCellElements;
|
|
220
233
|
cell?: (scope: {
|
|
@@ -234,12 +247,35 @@ declare class DataTable extends DataTable_base {
|
|
|
234
247
|
cancel: any;
|
|
235
248
|
autofocus: any;
|
|
236
249
|
}) => unknown;
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
250
|
+
rozieSlots?: {
|
|
251
|
+
[key: `colHeader-${string}`]: (scope: {
|
|
252
|
+
columnId: any;
|
|
253
|
+
column: any;
|
|
254
|
+
label: any;
|
|
255
|
+
}) => unknown;
|
|
256
|
+
[key: `filter-${string}`]: (scope: {
|
|
257
|
+
columnId: any;
|
|
258
|
+
value: any;
|
|
259
|
+
uniqueValues: any;
|
|
260
|
+
minMax: any;
|
|
261
|
+
setFilter: any;
|
|
262
|
+
}) => unknown;
|
|
263
|
+
[key: `cell-${string}`]: (scope: {
|
|
264
|
+
columnId: any;
|
|
265
|
+
column: any;
|
|
266
|
+
row: any;
|
|
267
|
+
value: any;
|
|
268
|
+
}) => unknown;
|
|
269
|
+
[key: `editor-${string}`]: (scope: {
|
|
270
|
+
columnId: any;
|
|
271
|
+
column: any;
|
|
272
|
+
row: any;
|
|
273
|
+
value: any;
|
|
274
|
+
commit: any;
|
|
275
|
+
cancel: any;
|
|
276
|
+
autofocus: any;
|
|
277
|
+
}) => unknown;
|
|
278
|
+
} & Record<string, (scope: any) => unknown>;
|
|
243
279
|
private _disconnectCleanups;
|
|
244
280
|
private _rozieTornDown;
|
|
245
281
|
private _armListeners;
|
|
@@ -308,7 +344,9 @@ declare class DataTable extends DataTable_base {
|
|
|
308
344
|
columnDefsCache: any[] | null;
|
|
309
345
|
columnDefsCacheColumnsRef: any;
|
|
310
346
|
columnDefsCacheColRegRef: any;
|
|
347
|
+
columnDefsIndexCache: any;
|
|
311
348
|
columnDefs: () => any[];
|
|
349
|
+
defIndex: () => any;
|
|
312
350
|
SELECT_COL_ID: string;
|
|
313
351
|
EXPANDER_COL_ID: string;
|
|
314
352
|
selectionEnabled: () => boolean;
|
|
@@ -422,11 +460,9 @@ declare class DataTable extends DataTable_base {
|
|
|
422
460
|
columnEditable: (colId: any) => boolean;
|
|
423
461
|
editorTypeOf: (colId: any) => any;
|
|
424
462
|
editorOptionsOf: (colId: any) => any;
|
|
425
|
-
hasEditorSlot: (colId: any) => boolean;
|
|
426
|
-
hasFilterSlot: () => boolean;
|
|
427
463
|
columnIsFilterable: (colId: any) => boolean;
|
|
428
464
|
headerLabel: (colId: any) => any;
|
|
429
|
-
headerWidth: (
|
|
465
|
+
headerWidth: (header: any) => string;
|
|
430
466
|
onResizeStart: (colId: any, evt: any) => void;
|
|
431
467
|
findHeader: (colId: any) => any;
|
|
432
468
|
columnIsResizing: (colId: any) => boolean;
|
|
@@ -436,7 +472,7 @@ declare class DataTable extends DataTable_base {
|
|
|
436
472
|
columnPinSide: (colId: any) => any;
|
|
437
473
|
onPinColumn: (colId: any, side: any, evt: any) => void;
|
|
438
474
|
pinStyle: (colId: any, zIndex?: number) => string;
|
|
439
|
-
thStyle: (
|
|
475
|
+
thStyle: (header: any) => string;
|
|
440
476
|
onGlobalFilterInput: (evt: any) => void;
|
|
441
477
|
onColumnFilterInput: (colId: any, evt: any) => void;
|
|
442
478
|
globalFilterValue: () => any;
|
|
@@ -456,11 +492,16 @@ declare class DataTable extends DataTable_base {
|
|
|
456
492
|
onToggleExpand: (row: any, evt: any) => void;
|
|
457
493
|
bodyCellStyle: (row: any, colId: any) => string;
|
|
458
494
|
rowIsGrouped: (row: any) => boolean;
|
|
495
|
+
rowIndexIsGrouped: (rowIndex: any) => boolean;
|
|
459
496
|
groupingActive: () => boolean;
|
|
460
497
|
cellIsGrouped: (cellCtx: any) => boolean;
|
|
461
498
|
cellIsAggregated: (cellCtx: any) => boolean;
|
|
462
499
|
cellIsPlaceholder: (cellCtx: any) => boolean;
|
|
463
500
|
groupSubRowCount: (row: any) => any;
|
|
501
|
+
groupRowDescriptorCache: any;
|
|
502
|
+
groupRowDescriptorCacheVer: any;
|
|
503
|
+
groupRowDescriptor: (row: any) => any;
|
|
504
|
+
cellSlotRow: (row: any) => any;
|
|
464
505
|
groupingKeys: () => any;
|
|
465
506
|
groupableColumns: () => any[];
|
|
466
507
|
stopEvent: (evt: any) => void;
|
|
@@ -597,6 +638,12 @@ declare class DataTable extends DataTable_base {
|
|
|
597
638
|
dy: number;
|
|
598
639
|
};
|
|
599
640
|
teardownFillDrag: () => void;
|
|
641
|
+
FILL_HITTEST_PROBE_RADIUS_PX: number;
|
|
642
|
+
FILL_HITTEST_PROBE_STEP_PX: number;
|
|
643
|
+
resolveCellAt: (clientX: any, clientY: any) => {
|
|
644
|
+
r: number;
|
|
645
|
+
c: number;
|
|
646
|
+
};
|
|
600
647
|
cellIndexFromPoint: (clientX: any, clientY: any) => {
|
|
601
648
|
r: number;
|
|
602
649
|
c: number;
|
|
@@ -620,7 +667,8 @@ declare class DataTable extends DataTable_base {
|
|
|
620
667
|
editingCellValue: () => any;
|
|
621
668
|
editingRowOriginal: () => any;
|
|
622
669
|
editingRowId: () => any;
|
|
623
|
-
|
|
670
|
+
resolveEditFocusCellEl: (rowIndex: any, colIndex: any) => any;
|
|
671
|
+
focusEditorWhenReady: (rowIndex: any, colIndex: any, selectAll?: boolean) => void;
|
|
624
672
|
columnIdAt: (rowIndex: any, colIndex: any) => any;
|
|
625
673
|
cellValueAt: (rowIndex: any, colIndex: any) => any;
|
|
626
674
|
beginEdit: (rowIndex: any, colIndex: any, seed: any) => void;
|
package/dist/index.d.mts
CHANGED
|
@@ -192,6 +192,26 @@ declare class DataTable extends DataTable_base {
|
|
|
192
192
|
indeterminate: any;
|
|
193
193
|
toggle: any;
|
|
194
194
|
}) => unknown;
|
|
195
|
+
private _hasSlotDynamicColHeader;
|
|
196
|
+
private _slotDynamicColHeaderElements;
|
|
197
|
+
private _hasSlotDynamicFilter;
|
|
198
|
+
private _slotDynamicFilterElements;
|
|
199
|
+
private _hasSlotSelectCell;
|
|
200
|
+
private _slotSelectCellElements;
|
|
201
|
+
selectCell?: (scope: {
|
|
202
|
+
row: any;
|
|
203
|
+
checked: any;
|
|
204
|
+
toggle: any;
|
|
205
|
+
}) => unknown;
|
|
206
|
+
private _hasSlotDynamicCell;
|
|
207
|
+
private _slotDynamicCellElements;
|
|
208
|
+
private _hasSlotDynamicEditor;
|
|
209
|
+
private _slotDynamicEditorElements;
|
|
210
|
+
private _hasSlotDetail;
|
|
211
|
+
private _slotDetailElements;
|
|
212
|
+
detail?: (scope: {
|
|
213
|
+
row: any;
|
|
214
|
+
}) => unknown;
|
|
195
215
|
private _hasSlotColHeader;
|
|
196
216
|
private _slotColHeaderElements;
|
|
197
217
|
colHeader?: (scope: {
|
|
@@ -208,13 +228,6 @@ declare class DataTable extends DataTable_base {
|
|
|
208
228
|
minMax: any;
|
|
209
229
|
setFilter: any;
|
|
210
230
|
}) => unknown;
|
|
211
|
-
private _hasSlotSelectCell;
|
|
212
|
-
private _slotSelectCellElements;
|
|
213
|
-
selectCell?: (scope: {
|
|
214
|
-
row: any;
|
|
215
|
-
checked: any;
|
|
216
|
-
toggle: any;
|
|
217
|
-
}) => unknown;
|
|
218
231
|
private _hasSlotCell;
|
|
219
232
|
private _slotCellElements;
|
|
220
233
|
cell?: (scope: {
|
|
@@ -234,12 +247,35 @@ declare class DataTable extends DataTable_base {
|
|
|
234
247
|
cancel: any;
|
|
235
248
|
autofocus: any;
|
|
236
249
|
}) => unknown;
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
250
|
+
rozieSlots?: {
|
|
251
|
+
[key: `colHeader-${string}`]: (scope: {
|
|
252
|
+
columnId: any;
|
|
253
|
+
column: any;
|
|
254
|
+
label: any;
|
|
255
|
+
}) => unknown;
|
|
256
|
+
[key: `filter-${string}`]: (scope: {
|
|
257
|
+
columnId: any;
|
|
258
|
+
value: any;
|
|
259
|
+
uniqueValues: any;
|
|
260
|
+
minMax: any;
|
|
261
|
+
setFilter: any;
|
|
262
|
+
}) => unknown;
|
|
263
|
+
[key: `cell-${string}`]: (scope: {
|
|
264
|
+
columnId: any;
|
|
265
|
+
column: any;
|
|
266
|
+
row: any;
|
|
267
|
+
value: any;
|
|
268
|
+
}) => unknown;
|
|
269
|
+
[key: `editor-${string}`]: (scope: {
|
|
270
|
+
columnId: any;
|
|
271
|
+
column: any;
|
|
272
|
+
row: any;
|
|
273
|
+
value: any;
|
|
274
|
+
commit: any;
|
|
275
|
+
cancel: any;
|
|
276
|
+
autofocus: any;
|
|
277
|
+
}) => unknown;
|
|
278
|
+
} & Record<string, (scope: any) => unknown>;
|
|
243
279
|
private _disconnectCleanups;
|
|
244
280
|
private _rozieTornDown;
|
|
245
281
|
private _armListeners;
|
|
@@ -308,7 +344,9 @@ declare class DataTable extends DataTable_base {
|
|
|
308
344
|
columnDefsCache: any[] | null;
|
|
309
345
|
columnDefsCacheColumnsRef: any;
|
|
310
346
|
columnDefsCacheColRegRef: any;
|
|
347
|
+
columnDefsIndexCache: any;
|
|
311
348
|
columnDefs: () => any[];
|
|
349
|
+
defIndex: () => any;
|
|
312
350
|
SELECT_COL_ID: string;
|
|
313
351
|
EXPANDER_COL_ID: string;
|
|
314
352
|
selectionEnabled: () => boolean;
|
|
@@ -422,11 +460,9 @@ declare class DataTable extends DataTable_base {
|
|
|
422
460
|
columnEditable: (colId: any) => boolean;
|
|
423
461
|
editorTypeOf: (colId: any) => any;
|
|
424
462
|
editorOptionsOf: (colId: any) => any;
|
|
425
|
-
hasEditorSlot: (colId: any) => boolean;
|
|
426
|
-
hasFilterSlot: () => boolean;
|
|
427
463
|
columnIsFilterable: (colId: any) => boolean;
|
|
428
464
|
headerLabel: (colId: any) => any;
|
|
429
|
-
headerWidth: (
|
|
465
|
+
headerWidth: (header: any) => string;
|
|
430
466
|
onResizeStart: (colId: any, evt: any) => void;
|
|
431
467
|
findHeader: (colId: any) => any;
|
|
432
468
|
columnIsResizing: (colId: any) => boolean;
|
|
@@ -436,7 +472,7 @@ declare class DataTable extends DataTable_base {
|
|
|
436
472
|
columnPinSide: (colId: any) => any;
|
|
437
473
|
onPinColumn: (colId: any, side: any, evt: any) => void;
|
|
438
474
|
pinStyle: (colId: any, zIndex?: number) => string;
|
|
439
|
-
thStyle: (
|
|
475
|
+
thStyle: (header: any) => string;
|
|
440
476
|
onGlobalFilterInput: (evt: any) => void;
|
|
441
477
|
onColumnFilterInput: (colId: any, evt: any) => void;
|
|
442
478
|
globalFilterValue: () => any;
|
|
@@ -456,11 +492,16 @@ declare class DataTable extends DataTable_base {
|
|
|
456
492
|
onToggleExpand: (row: any, evt: any) => void;
|
|
457
493
|
bodyCellStyle: (row: any, colId: any) => string;
|
|
458
494
|
rowIsGrouped: (row: any) => boolean;
|
|
495
|
+
rowIndexIsGrouped: (rowIndex: any) => boolean;
|
|
459
496
|
groupingActive: () => boolean;
|
|
460
497
|
cellIsGrouped: (cellCtx: any) => boolean;
|
|
461
498
|
cellIsAggregated: (cellCtx: any) => boolean;
|
|
462
499
|
cellIsPlaceholder: (cellCtx: any) => boolean;
|
|
463
500
|
groupSubRowCount: (row: any) => any;
|
|
501
|
+
groupRowDescriptorCache: any;
|
|
502
|
+
groupRowDescriptorCacheVer: any;
|
|
503
|
+
groupRowDescriptor: (row: any) => any;
|
|
504
|
+
cellSlotRow: (row: any) => any;
|
|
464
505
|
groupingKeys: () => any;
|
|
465
506
|
groupableColumns: () => any[];
|
|
466
507
|
stopEvent: (evt: any) => void;
|
|
@@ -597,6 +638,12 @@ declare class DataTable extends DataTable_base {
|
|
|
597
638
|
dy: number;
|
|
598
639
|
};
|
|
599
640
|
teardownFillDrag: () => void;
|
|
641
|
+
FILL_HITTEST_PROBE_RADIUS_PX: number;
|
|
642
|
+
FILL_HITTEST_PROBE_STEP_PX: number;
|
|
643
|
+
resolveCellAt: (clientX: any, clientY: any) => {
|
|
644
|
+
r: number;
|
|
645
|
+
c: number;
|
|
646
|
+
};
|
|
600
647
|
cellIndexFromPoint: (clientX: any, clientY: any) => {
|
|
601
648
|
r: number;
|
|
602
649
|
c: number;
|
|
@@ -620,7 +667,8 @@ declare class DataTable extends DataTable_base {
|
|
|
620
667
|
editingCellValue: () => any;
|
|
621
668
|
editingRowOriginal: () => any;
|
|
622
669
|
editingRowId: () => any;
|
|
623
|
-
|
|
670
|
+
resolveEditFocusCellEl: (rowIndex: any, colIndex: any) => any;
|
|
671
|
+
focusEditorWhenReady: (rowIndex: any, colIndex: any, selectAll?: boolean) => void;
|
|
624
672
|
columnIdAt: (rowIndex: any, colIndex: any) => any;
|
|
625
673
|
cellValueAt: (rowIndex: any, colIndex: any) => any;
|
|
626
674
|
beginEdit: (rowIndex: any, colIndex: any, seed: any) => void;
|