@keenmate/web-grid 1.0.0-rc09 → 1.0.0-rc10
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/grid.d.ts +61 -65
- package/dist/modules/navigation/index.d.ts +1 -1
- package/dist/types.d.ts +34 -34
- package/dist/web-component.d.ts +39 -42
- package/dist/web-grid.js +5130 -5118
- package/dist/web-grid.umd.js +237 -233
- package/package.json +78 -78
- package/src/css/_cells.css +13 -2
- package/src/css/_dialogs.css +2 -2
- package/src/css/_dropdown.css +33 -3
- package/src/css/_freeze.css +2 -2
- package/src/css/_header.css +46 -8
- package/src/css/_toolbar.css +7 -7
- package/src/css/_variables.css +35 -5
package/dist/grid.d.ts
CHANGED
|
@@ -9,25 +9,25 @@ export declare class WebGrid<T = unknown> {
|
|
|
9
9
|
protected _items: T[];
|
|
10
10
|
protected _columns: Column<T>[];
|
|
11
11
|
protected _sortMode: SortMode;
|
|
12
|
-
protected
|
|
13
|
-
protected
|
|
12
|
+
protected _isFilterable: boolean;
|
|
13
|
+
protected _isPageable: boolean;
|
|
14
14
|
protected _pageSize: number;
|
|
15
15
|
protected _pageSizes: number[];
|
|
16
|
-
protected
|
|
17
|
-
protected
|
|
18
|
-
protected
|
|
16
|
+
protected _isStriped: boolean;
|
|
17
|
+
protected _isHoverable: boolean;
|
|
18
|
+
protected _isEditable: boolean;
|
|
19
19
|
protected _editTrigger: EditTrigger;
|
|
20
20
|
protected _editStartSelection: EditStartSelection;
|
|
21
21
|
protected _mode: GridMode;
|
|
22
22
|
protected _dropdownToggleVisibility: ToggleVisibility;
|
|
23
|
-
protected
|
|
24
|
-
protected
|
|
25
|
-
protected
|
|
26
|
-
protected
|
|
27
|
-
protected
|
|
23
|
+
protected _shouldShowDropdownOnFocus: boolean;
|
|
24
|
+
protected _shouldOpenDropdownOnEnter: boolean;
|
|
25
|
+
protected _isCheckboxAlwaysEditable: boolean;
|
|
26
|
+
protected _isRowNumbersVisible: boolean;
|
|
27
|
+
protected _isStickyRowNumbers: boolean;
|
|
28
28
|
protected _freezeColumns: number;
|
|
29
29
|
protected _invalidCells: CellValidationState[];
|
|
30
|
-
protected
|
|
30
|
+
protected _isRowToolbarVisible: boolean;
|
|
31
31
|
protected _rowToolbar: RowToolbarConfig<T>[];
|
|
32
32
|
protected _toolbarVerticalAlign: 'top' | 'center' | 'bottom';
|
|
33
33
|
protected _toolbarHorizontalAlign: 'start' | 'center' | 'end' | 'cursor';
|
|
@@ -39,7 +39,7 @@ export declare class WebGrid<T = unknown> {
|
|
|
39
39
|
protected _contextMenuYOffset: number;
|
|
40
40
|
protected _headerContextMenu: HeaderMenuConfig<T>[] | undefined;
|
|
41
41
|
protected _rowShortcuts: RowShortcut<T>[] | undefined;
|
|
42
|
-
protected
|
|
42
|
+
protected _isShortcutsHelpVisible: boolean;
|
|
43
43
|
protected _shortcutsHelpPosition: 'top-right' | 'top-left';
|
|
44
44
|
protected _shortcutsHelpContentCallback: (() => string) | undefined;
|
|
45
45
|
protected _idValueMember: keyof T | undefined;
|
|
@@ -48,15 +48,15 @@ export declare class WebGrid<T = unknown> {
|
|
|
48
48
|
protected _externalLocks: Map<unknown, RowLockInfo>;
|
|
49
49
|
protected _onrowlockchange: ((detail: RowLockChangeDetail<T>) => void) | undefined;
|
|
50
50
|
protected _gridName: string | null;
|
|
51
|
-
protected
|
|
51
|
+
protected _shouldPersistColumnWidths: boolean;
|
|
52
52
|
protected _columnWidths: Map<string, string>;
|
|
53
53
|
protected _oncolumnresize: ((detail: ColumnResizeDetail) => void) | undefined;
|
|
54
|
-
protected
|
|
55
|
-
protected
|
|
54
|
+
protected _isColumnReorderAllowed: boolean;
|
|
55
|
+
protected _shouldPersistColumnOrder: boolean;
|
|
56
56
|
protected _columnOrder: Map<string, number>;
|
|
57
57
|
protected _oncolumnreorder: ((detail: ColumnReorderDetail) => void) | undefined;
|
|
58
58
|
protected _fillDirection: FillDirection;
|
|
59
|
-
protected
|
|
59
|
+
protected _fillDragCallback: ((detail: FillDragDetail) => boolean | void) | undefined;
|
|
60
60
|
protected _onrowchange: ((detail: RowChangeDetail<T>) => void) | undefined;
|
|
61
61
|
protected _onroweditstart: ((detail: {
|
|
62
62
|
row: T;
|
|
@@ -95,15 +95,15 @@ export declare class WebGrid<T = unknown> {
|
|
|
95
95
|
protected _summaryPosition?: string;
|
|
96
96
|
protected _summaryContentCallback?: SummaryContentCallback<T>;
|
|
97
97
|
protected _summaryMetadata: unknown;
|
|
98
|
-
protected
|
|
98
|
+
protected _isSummaryInline: boolean;
|
|
99
99
|
protected _customStylesCallback?: () => string;
|
|
100
100
|
protected _rowClassCallback?: (row: T, rowIndex: number) => string | null;
|
|
101
101
|
protected _labels: GridLabels;
|
|
102
|
-
protected
|
|
102
|
+
protected _isVirtualScrollEnabled: boolean;
|
|
103
103
|
protected _virtualScrollThreshold: number;
|
|
104
104
|
protected _virtualScrollRowHeight: number;
|
|
105
105
|
protected _virtualScrollBuffer: number;
|
|
106
|
-
protected
|
|
106
|
+
protected _isInfiniteScrollEnabled: boolean;
|
|
107
107
|
protected _infiniteScrollThreshold: number;
|
|
108
108
|
protected _hasMoreItems: boolean;
|
|
109
109
|
protected _isLoadingMore: boolean;
|
|
@@ -128,20 +128,20 @@ export declare class WebGrid<T = unknown> {
|
|
|
128
128
|
set columns(value: Column<T>[]);
|
|
129
129
|
get sortMode(): SortMode;
|
|
130
130
|
set sortMode(value: SortMode);
|
|
131
|
-
get
|
|
132
|
-
set
|
|
133
|
-
get
|
|
134
|
-
set
|
|
131
|
+
get isFilterable(): boolean;
|
|
132
|
+
set isFilterable(value: boolean);
|
|
133
|
+
get isPageable(): boolean;
|
|
134
|
+
set isPageable(value: boolean);
|
|
135
135
|
get pageSize(): number;
|
|
136
136
|
set pageSize(value: number);
|
|
137
137
|
get pageSizes(): number[];
|
|
138
138
|
set pageSizes(value: number[]);
|
|
139
|
-
get
|
|
140
|
-
set
|
|
141
|
-
get
|
|
142
|
-
set
|
|
143
|
-
get
|
|
144
|
-
set
|
|
139
|
+
get isStriped(): boolean;
|
|
140
|
+
set isStriped(value: boolean);
|
|
141
|
+
get isHoverable(): boolean;
|
|
142
|
+
set isHoverable(value: boolean);
|
|
143
|
+
get isEditable(): boolean;
|
|
144
|
+
set isEditable(value: boolean);
|
|
145
145
|
get editTrigger(): EditTrigger;
|
|
146
146
|
set editTrigger(value: EditTrigger);
|
|
147
147
|
get editStartSelection(): EditStartSelection;
|
|
@@ -154,20 +154,20 @@ export declare class WebGrid<T = unknown> {
|
|
|
154
154
|
* Get effective toggle visibility for a column (column override or grid default)
|
|
155
155
|
*/
|
|
156
156
|
getEffectiveToggleVisibility(column: Column<T>): ToggleVisibility;
|
|
157
|
-
get
|
|
158
|
-
set
|
|
159
|
-
get
|
|
160
|
-
set
|
|
161
|
-
/**
|
|
162
|
-
* Get effective
|
|
163
|
-
*/
|
|
164
|
-
|
|
165
|
-
get
|
|
166
|
-
set
|
|
167
|
-
get
|
|
168
|
-
set
|
|
169
|
-
get
|
|
170
|
-
set
|
|
157
|
+
get shouldShowDropdownOnFocus(): boolean;
|
|
158
|
+
set shouldShowDropdownOnFocus(value: boolean);
|
|
159
|
+
get shouldOpenDropdownOnEnter(): boolean;
|
|
160
|
+
set shouldOpenDropdownOnEnter(value: boolean);
|
|
161
|
+
/**
|
|
162
|
+
* Get effective shouldOpenDropdownOnEnter for a column (column override or grid default)
|
|
163
|
+
*/
|
|
164
|
+
getEffectiveShouldOpenDropdownOnEnter(column: Column<T>): boolean;
|
|
165
|
+
get isCheckboxAlwaysEditable(): boolean;
|
|
166
|
+
set isCheckboxAlwaysEditable(value: boolean);
|
|
167
|
+
get isRowNumbersVisible(): boolean;
|
|
168
|
+
set isRowNumbersVisible(value: boolean);
|
|
169
|
+
get isStickyRowNumbers(): boolean;
|
|
170
|
+
set isStickyRowNumbers(value: boolean);
|
|
171
171
|
get freezeColumns(): number;
|
|
172
172
|
set freezeColumns(value: number);
|
|
173
173
|
/**
|
|
@@ -193,8 +193,8 @@ export declare class WebGrid<T = unknown> {
|
|
|
193
193
|
get isValidating(): boolean;
|
|
194
194
|
get currentCellError(): string | null;
|
|
195
195
|
get hoveredRowIndex(): number | null;
|
|
196
|
-
get
|
|
197
|
-
set
|
|
196
|
+
get isRowToolbarVisible(): boolean;
|
|
197
|
+
set isRowToolbarVisible(value: boolean);
|
|
198
198
|
get rowToolbar(): RowToolbarConfig<T>[];
|
|
199
199
|
set rowToolbar(value: RowToolbarConfig<T>[]);
|
|
200
200
|
get toolbarVerticalAlign(): 'top' | 'center' | 'bottom';
|
|
@@ -221,8 +221,8 @@ export declare class WebGrid<T = unknown> {
|
|
|
221
221
|
set headerContextMenu(value: HeaderMenuConfig<T>[] | undefined);
|
|
222
222
|
get rowShortcuts(): RowShortcut<T>[] | undefined;
|
|
223
223
|
set rowShortcuts(value: RowShortcut<T>[] | undefined);
|
|
224
|
-
get
|
|
225
|
-
set
|
|
224
|
+
get isShortcutsHelpVisible(): boolean;
|
|
225
|
+
set isShortcutsHelpVisible(value: boolean);
|
|
226
226
|
get shortcutsHelpPosition(): 'top-right' | 'top-left';
|
|
227
227
|
set shortcutsHelpPosition(value: 'top-right' | 'top-left');
|
|
228
228
|
get shortcutsHelpContentCallback(): (() => string) | undefined;
|
|
@@ -247,24 +247,24 @@ export declare class WebGrid<T = unknown> {
|
|
|
247
247
|
set summaryContentCallback(value: SummaryContentCallback<T> | undefined);
|
|
248
248
|
get summaryMetadata(): unknown;
|
|
249
249
|
set summaryMetadata(value: unknown);
|
|
250
|
-
get
|
|
251
|
-
set
|
|
250
|
+
get isSummaryInline(): boolean;
|
|
251
|
+
set isSummaryInline(value: boolean);
|
|
252
252
|
get customStylesCallback(): (() => string) | undefined;
|
|
253
253
|
set customStylesCallback(value: (() => string) | undefined);
|
|
254
254
|
get rowClassCallback(): ((row: T, rowIndex: number) => string | null) | undefined;
|
|
255
255
|
set rowClassCallback(value: ((row: T, rowIndex: number) => string | null) | undefined);
|
|
256
256
|
get labels(): GridLabels;
|
|
257
257
|
set labels(value: Partial<GridLabels>);
|
|
258
|
-
get
|
|
259
|
-
set
|
|
258
|
+
get isVirtualScrollEnabled(): boolean;
|
|
259
|
+
set isVirtualScrollEnabled(value: boolean);
|
|
260
260
|
get virtualScrollThreshold(): number;
|
|
261
261
|
set virtualScrollThreshold(value: number);
|
|
262
262
|
get virtualScrollRowHeight(): number;
|
|
263
263
|
set virtualScrollRowHeight(value: number);
|
|
264
264
|
get virtualScrollBuffer(): number;
|
|
265
265
|
set virtualScrollBuffer(value: number);
|
|
266
|
-
get
|
|
267
|
-
set
|
|
266
|
+
get isInfiniteScrollEnabled(): boolean;
|
|
267
|
+
set isInfiniteScrollEnabled(value: boolean);
|
|
268
268
|
get infiniteScrollThreshold(): number;
|
|
269
269
|
set infiniteScrollThreshold(value: number);
|
|
270
270
|
get hasMoreItems(): boolean;
|
|
@@ -275,10 +275,6 @@ export declare class WebGrid<T = unknown> {
|
|
|
275
275
|
* Check if virtual scroll should be used
|
|
276
276
|
*/
|
|
277
277
|
shouldUseVirtualScroll(): boolean;
|
|
278
|
-
get showRowActions(): boolean;
|
|
279
|
-
set showRowActions(value: boolean);
|
|
280
|
-
get rowActions(): RowToolbarConfig<T>[];
|
|
281
|
-
set rowActions(value: RowToolbarConfig<T>[]);
|
|
282
278
|
set onrowchange(value: ((detail: RowChangeDetail<T>) => void) | undefined);
|
|
283
279
|
set onroweditstart(value: ((detail: {
|
|
284
280
|
row: T;
|
|
@@ -324,20 +320,20 @@ export declare class WebGrid<T = unknown> {
|
|
|
324
320
|
set onrowlockchange(value: ((detail: RowLockChangeDetail<T>) => void) | undefined);
|
|
325
321
|
get gridName(): string | null;
|
|
326
322
|
set gridName(value: string | null);
|
|
327
|
-
get
|
|
328
|
-
set
|
|
323
|
+
get shouldPersistColumnWidths(): boolean;
|
|
324
|
+
set shouldPersistColumnWidths(value: boolean);
|
|
329
325
|
get oncolumnresize(): ((detail: ColumnResizeDetail) => void) | undefined;
|
|
330
326
|
set oncolumnresize(value: ((detail: ColumnResizeDetail) => void) | undefined);
|
|
331
|
-
get
|
|
332
|
-
set
|
|
333
|
-
get
|
|
334
|
-
set
|
|
327
|
+
get isColumnReorderAllowed(): boolean;
|
|
328
|
+
set isColumnReorderAllowed(value: boolean);
|
|
329
|
+
get shouldPersistColumnOrder(): boolean;
|
|
330
|
+
set shouldPersistColumnOrder(value: boolean);
|
|
335
331
|
get oncolumnreorder(): ((detail: ColumnReorderDetail) => void) | undefined;
|
|
336
332
|
set oncolumnreorder(value: ((detail: ColumnReorderDetail) => void) | undefined);
|
|
337
333
|
get fillDirection(): FillDirection;
|
|
338
334
|
set fillDirection(value: FillDirection);
|
|
339
|
-
get
|
|
340
|
-
set
|
|
335
|
+
get fillDragCallback(): ((detail: FillDragDetail) => boolean | void) | undefined;
|
|
336
|
+
set fillDragCallback(value: ((detail: FillDragDetail) => boolean | void) | undefined);
|
|
341
337
|
get selectedRows(): number[];
|
|
342
338
|
get rangeShortcuts(): RangeShortcut<T>[];
|
|
343
339
|
set rangeShortcuts(value: RangeShortcut<T>[]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { focusCellElement, updateFocusVisual, clearEditingVisual, handleCellFocus, moveFocus, tryStartEdit, getCursorPositionFromClick, handleTableFocusOut, scrollToRowPosition } from './focus.js';
|
|
1
|
+
export { focusCellElement, updateFocusVisual, clearEditingVisual, restoreEditingCellToDisplayMode, handleCellFocus, moveFocus, tryStartEdit, getCursorPositionFromClick, handleTableFocusOut, scrollToRowPosition } from './focus.js';
|
package/dist/types.d.ts
CHANGED
|
@@ -41,6 +41,7 @@ export type EditorOptions<T = unknown> = {
|
|
|
41
41
|
emptyLabel?: string;
|
|
42
42
|
noOptionsText?: string;
|
|
43
43
|
searchingText?: string;
|
|
44
|
+
dropdownMinWidth?: string;
|
|
44
45
|
maxLength?: number;
|
|
45
46
|
placeholder?: string;
|
|
46
47
|
pattern?: string;
|
|
@@ -58,7 +59,7 @@ export type EditorOptions<T = unknown> = {
|
|
|
58
59
|
dateFormat?: string;
|
|
59
60
|
outputFormat?: DateOutputFormat;
|
|
60
61
|
initialOptions?: EditorOption[];
|
|
61
|
-
|
|
62
|
+
searchCallback?: (query: string, row: T, signal?: AbortSignal) => Promise<EditorOption[]>;
|
|
62
63
|
minSearchLength?: number;
|
|
63
64
|
debounceMs?: number;
|
|
64
65
|
multiple?: boolean;
|
|
@@ -95,37 +96,41 @@ export type Column<T> = {
|
|
|
95
96
|
field: keyof T | string;
|
|
96
97
|
title: string;
|
|
97
98
|
headerInfo?: string;
|
|
98
|
-
|
|
99
|
-
|
|
99
|
+
isSortable?: boolean;
|
|
100
|
+
isFilterable?: boolean;
|
|
100
101
|
width?: string;
|
|
101
102
|
minWidth?: string;
|
|
102
103
|
maxWidth?: string;
|
|
103
104
|
textOverflow?: 'wrap' | 'ellipsis';
|
|
104
|
-
|
|
105
|
+
maxLines?: number;
|
|
106
|
+
horizontalAlign?: "left" | "center" | "right" | "justify";
|
|
107
|
+
verticalAlign?: "top" | "middle" | "bottom";
|
|
108
|
+
headerHorizontalAlign?: "left" | "center" | "right" | "justify";
|
|
109
|
+
headerVerticalAlign?: "top" | "middle" | "bottom";
|
|
105
110
|
cellClass?: string;
|
|
106
111
|
cellClassCallback?: (value: unknown, row: T) => string | null;
|
|
107
112
|
formatCallback?: (value: unknown, row: T) => string;
|
|
108
113
|
templateCallback?: (row: T) => string;
|
|
109
114
|
renderCallback?: CellRenderCallback<T>;
|
|
110
|
-
|
|
115
|
+
isEditable?: boolean;
|
|
111
116
|
editor?: EditorType;
|
|
112
117
|
editTrigger?: EditTrigger;
|
|
113
118
|
dropdownToggleVisibility?: ToggleVisibility;
|
|
114
|
-
|
|
119
|
+
shouldOpenDropdownOnEnter?: boolean;
|
|
115
120
|
editorOptions?: EditorOptions<T>;
|
|
116
121
|
validateCallback?: (value: unknown, row: T) => string | null | Promise<string | null>;
|
|
117
122
|
beforeCommitCallback?: (context: BeforeCommitContext<T>) => BeforeCommitResult | Promise<BeforeCommitResult>;
|
|
118
123
|
cellEditCallback?: (context: CustomEditorContext<T>) => void;
|
|
119
|
-
|
|
124
|
+
isEditButtonVisible?: boolean;
|
|
120
125
|
tooltipMember?: string;
|
|
121
126
|
tooltipCallback?: (value: unknown, row: T) => string | null;
|
|
122
127
|
beforeCopyCallback?: (value: unknown, row: T) => string;
|
|
123
128
|
beforePasteCallback?: (value: string, row: T) => unknown;
|
|
124
129
|
validationTooltipCallback?: (context: ValidationTooltipContext<T>) => string | null;
|
|
125
|
-
|
|
126
|
-
|
|
130
|
+
isFrozen?: boolean;
|
|
131
|
+
isResizable?: boolean;
|
|
127
132
|
fillDirection?: FillDirection;
|
|
128
|
-
|
|
133
|
+
isHidden?: boolean;
|
|
129
134
|
};
|
|
130
135
|
export type ValidationTooltipContext<T> = {
|
|
131
136
|
field: string;
|
|
@@ -261,13 +266,13 @@ export type ParsedKeyCombo = {
|
|
|
261
266
|
export type QuickGridProps<T> = {
|
|
262
267
|
items: T[];
|
|
263
268
|
columns: Column<T>[];
|
|
264
|
-
|
|
265
|
-
|
|
269
|
+
isFilterable?: boolean;
|
|
270
|
+
isPageable?: boolean;
|
|
266
271
|
pageSize?: number;
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
272
|
+
isStriped?: boolean;
|
|
273
|
+
isHoverable?: boolean;
|
|
274
|
+
isRowNumbersVisible?: boolean;
|
|
275
|
+
isStickyRowNumbers?: boolean;
|
|
271
276
|
freezeColumns?: number;
|
|
272
277
|
class?: string;
|
|
273
278
|
style?: string;
|
|
@@ -284,27 +289,23 @@ export type QuickGridProps<T> = {
|
|
|
284
289
|
paginationLayout?: string;
|
|
285
290
|
summaryPosition?: string;
|
|
286
291
|
summaryContentCallback?: SummaryContentCallback<T>;
|
|
287
|
-
|
|
288
|
-
|
|
292
|
+
isSummaryInline?: boolean;
|
|
293
|
+
isEditable?: boolean;
|
|
289
294
|
editTrigger?: EditTrigger;
|
|
290
295
|
editStartSelection?: EditStartSelection;
|
|
291
296
|
mode?: GridMode;
|
|
292
297
|
dropdownToggleVisibility?: ToggleVisibility;
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
298
|
+
shouldShowDropdownOnFocus?: boolean;
|
|
299
|
+
shouldOpenDropdownOnEnter?: boolean;
|
|
300
|
+
isCheckboxAlwaysEditable?: boolean;
|
|
296
301
|
invalidCells?: CellValidationState[];
|
|
297
|
-
|
|
302
|
+
isRowToolbarVisible?: boolean;
|
|
298
303
|
rowToolbar?: RowToolbarConfig<T>[];
|
|
299
304
|
toolbarVerticalAlign?: 'top' | 'center' | 'bottom';
|
|
300
305
|
toolbarHorizontalAlign?: 'start' | 'center' | 'end' | 'cursor';
|
|
301
306
|
toolbarTrigger?: 'hover' | 'click' | 'button';
|
|
302
307
|
toolbarPosition?: ToolbarPosition;
|
|
303
308
|
inlineActionsTitle?: string;
|
|
304
|
-
showRowActions?: boolean;
|
|
305
|
-
rowActions?: RowToolbarConfig<T>[];
|
|
306
|
-
toolbarAlign?: 'top' | 'center' | 'bottom';
|
|
307
|
-
toolbarTopPosition?: 'start' | 'center' | 'end' | 'cursor';
|
|
308
309
|
contextMenu?: ContextMenuItem<T>[];
|
|
309
310
|
contextMenuXOffset?: number;
|
|
310
311
|
contextMenuYOffset?: number;
|
|
@@ -312,14 +313,14 @@ export type QuickGridProps<T> = {
|
|
|
312
313
|
headerContextMenu?: HeaderMenuConfig<T>[];
|
|
313
314
|
onheadercontextmenuopen?: (context: HeaderMenuContext<T>) => void;
|
|
314
315
|
rowShortcuts?: RowShortcut<T>[];
|
|
315
|
-
|
|
316
|
+
isShortcutsHelpVisible?: boolean;
|
|
316
317
|
shortcutsHelpPosition?: 'top-right' | 'top-left';
|
|
317
318
|
shortcutsHelpContentCallback?: () => string;
|
|
318
|
-
|
|
319
|
+
isVirtualScrollEnabled?: boolean;
|
|
319
320
|
virtualScrollThreshold?: number;
|
|
320
321
|
virtualScrollRowHeight?: number;
|
|
321
322
|
virtualScrollBuffer?: number;
|
|
322
|
-
|
|
323
|
+
isInfiniteScrollEnabled?: boolean;
|
|
323
324
|
infiniteScrollThreshold?: number;
|
|
324
325
|
hasMoreItems?: boolean;
|
|
325
326
|
onrowchange?: (detail: RowChangeDetail<T>) => void;
|
|
@@ -341,19 +342,18 @@ export type QuickGridProps<T> = {
|
|
|
341
342
|
}) => void;
|
|
342
343
|
validationTooltipCallback?: (context: ValidationTooltipContext<T>) => string | null;
|
|
343
344
|
ontoolbarclick?: (detail: ToolbarClickDetail<T>) => void;
|
|
344
|
-
onrowaction?: (detail: RowActionClickDetail<T>) => void;
|
|
345
345
|
ondatarequest?: (detail: DataRequestDetail) => void;
|
|
346
346
|
onrowdelete?: (detail: {
|
|
347
347
|
rowIndex: number;
|
|
348
348
|
row: T;
|
|
349
349
|
}) => void;
|
|
350
350
|
gridName?: string;
|
|
351
|
-
|
|
351
|
+
shouldPersistColumnWidths?: boolean;
|
|
352
352
|
oncolumnresize?: (detail: ColumnResizeDetail) => void;
|
|
353
|
-
|
|
354
|
-
|
|
353
|
+
isColumnReorderAllowed?: boolean;
|
|
354
|
+
shouldPersistColumnOrder?: boolean;
|
|
355
355
|
oncolumnreorder?: (detail: ColumnReorderDetail) => void;
|
|
356
|
-
|
|
356
|
+
fillDragCallback?: (detail: FillDragDetail) => boolean | void;
|
|
357
357
|
};
|
|
358
358
|
export type EditingCell = {
|
|
359
359
|
rowIndex: number;
|
package/dist/web-component.d.ts
CHANGED
|
@@ -40,6 +40,7 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
40
40
|
isUserFiltering: boolean;
|
|
41
41
|
justSelected: boolean;
|
|
42
42
|
isOpeningDropdown: boolean;
|
|
43
|
+
isClosingViaToggle: boolean;
|
|
43
44
|
private isProgrammaticScroll;
|
|
44
45
|
searchDebounceTimer: ReturnType<typeof setTimeout> | null;
|
|
45
46
|
searchAbortController: AbortController | null;
|
|
@@ -69,20 +70,20 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
69
70
|
set items(value: T[]);
|
|
70
71
|
get columns(): Column<T>[];
|
|
71
72
|
set columns(value: Column<T>[]);
|
|
72
|
-
get
|
|
73
|
-
set
|
|
74
|
-
get
|
|
75
|
-
set
|
|
73
|
+
get isFilterable(): boolean;
|
|
74
|
+
set isFilterable(value: boolean);
|
|
75
|
+
get isPageable(): boolean;
|
|
76
|
+
set isPageable(value: boolean);
|
|
76
77
|
get pageSize(): number;
|
|
77
78
|
set pageSize(value: number);
|
|
78
79
|
get pageSizes(): number[];
|
|
79
80
|
set pageSizes(value: number[]);
|
|
80
|
-
get
|
|
81
|
-
set
|
|
82
|
-
get
|
|
83
|
-
set
|
|
84
|
-
get
|
|
85
|
-
set
|
|
81
|
+
get isStriped(): boolean;
|
|
82
|
+
set isStriped(value: boolean);
|
|
83
|
+
get isHoverable(): boolean;
|
|
84
|
+
set isHoverable(value: boolean);
|
|
85
|
+
get isEditable(): boolean;
|
|
86
|
+
set isEditable(value: boolean);
|
|
86
87
|
get editTrigger(): EditTrigger;
|
|
87
88
|
set editTrigger(value: EditTrigger);
|
|
88
89
|
get editStartSelection(): EditStartSelection;
|
|
@@ -91,22 +92,22 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
91
92
|
set mode(value: GridMode);
|
|
92
93
|
get dropdownToggleVisibility(): ToggleVisibility;
|
|
93
94
|
set dropdownToggleVisibility(value: ToggleVisibility);
|
|
94
|
-
get
|
|
95
|
-
set
|
|
96
|
-
get
|
|
97
|
-
set
|
|
98
|
-
get
|
|
99
|
-
set
|
|
100
|
-
get
|
|
101
|
-
set
|
|
102
|
-
get
|
|
103
|
-
set
|
|
95
|
+
get shouldShowDropdownOnFocus(): boolean;
|
|
96
|
+
set shouldShowDropdownOnFocus(value: boolean);
|
|
97
|
+
get shouldOpenDropdownOnEnter(): boolean;
|
|
98
|
+
set shouldOpenDropdownOnEnter(value: boolean);
|
|
99
|
+
get isCheckboxAlwaysEditable(): boolean;
|
|
100
|
+
set isCheckboxAlwaysEditable(value: boolean);
|
|
101
|
+
get isRowNumbersVisible(): boolean;
|
|
102
|
+
set isRowNumbersVisible(value: boolean);
|
|
103
|
+
get isStickyRowNumbers(): boolean;
|
|
104
|
+
set isStickyRowNumbers(value: boolean);
|
|
104
105
|
get freezeColumns(): number;
|
|
105
106
|
set freezeColumns(value: number);
|
|
106
107
|
get invalidCells(): CellValidationState[];
|
|
107
108
|
set invalidCells(value: CellValidationState[]);
|
|
108
|
-
get
|
|
109
|
-
set
|
|
109
|
+
get isRowToolbarVisible(): boolean;
|
|
110
|
+
set isRowToolbarVisible(value: boolean);
|
|
110
111
|
get rowToolbar(): RowToolbarConfig<T>[];
|
|
111
112
|
set rowToolbar(value: RowToolbarConfig<T>[]);
|
|
112
113
|
get toolbarVerticalAlign(): 'top' | 'center' | 'bottom';
|
|
@@ -142,16 +143,12 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
142
143
|
clearSelection(): void;
|
|
143
144
|
isRowSelected(rowIndex: number): boolean;
|
|
144
145
|
getSelectedRowsData(): T[];
|
|
145
|
-
get
|
|
146
|
-
set
|
|
146
|
+
get isShortcutsHelpVisible(): boolean;
|
|
147
|
+
set isShortcutsHelpVisible(value: boolean);
|
|
147
148
|
get shortcutsHelpPosition(): 'top-right' | 'top-left';
|
|
148
149
|
set shortcutsHelpPosition(value: 'top-right' | 'top-left');
|
|
149
150
|
get shortcutsHelpContentCallback(): (() => string) | undefined;
|
|
150
151
|
set shortcutsHelpContentCallback(value: (() => string) | undefined);
|
|
151
|
-
get showRowActions(): boolean;
|
|
152
|
-
set showRowActions(value: boolean);
|
|
153
|
-
get rowActions(): RowToolbarConfig<T>[];
|
|
154
|
-
set rowActions(value: RowToolbarConfig<T>[]);
|
|
155
152
|
set onrowchange(value: ((detail: RowChangeDetail<T>) => void) | undefined);
|
|
156
153
|
set onroweditstart(value: ((detail: {
|
|
157
154
|
row: T;
|
|
@@ -212,8 +209,8 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
212
209
|
set labels(value: Partial<GridLabels>);
|
|
213
210
|
get summaryMetadata(): unknown;
|
|
214
211
|
set summaryMetadata(value: unknown);
|
|
215
|
-
get
|
|
216
|
-
set
|
|
212
|
+
get isSummaryInline(): boolean;
|
|
213
|
+
set isSummaryInline(value: boolean);
|
|
217
214
|
get idValueMember(): keyof T | undefined;
|
|
218
215
|
set idValueMember(value: keyof T | undefined);
|
|
219
216
|
get idValueCallback(): ((row: T) => unknown) | undefined;
|
|
@@ -224,12 +221,12 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
224
221
|
set onrowlockchange(value: ((detail: RowLockChangeDetail<T>) => void) | undefined);
|
|
225
222
|
get gridName(): string | null;
|
|
226
223
|
set gridName(value: string | null);
|
|
227
|
-
get
|
|
228
|
-
set
|
|
229
|
-
get
|
|
230
|
-
set
|
|
231
|
-
get
|
|
232
|
-
set
|
|
224
|
+
get shouldPersistColumnWidths(): boolean;
|
|
225
|
+
set shouldPersistColumnWidths(value: boolean);
|
|
226
|
+
get isColumnReorderAllowed(): boolean;
|
|
227
|
+
set isColumnReorderAllowed(value: boolean);
|
|
228
|
+
get shouldPersistColumnOrder(): boolean;
|
|
229
|
+
set shouldPersistColumnOrder(value: boolean);
|
|
233
230
|
/**
|
|
234
231
|
* Try to load persisted state (widths/order) if conditions are met
|
|
235
232
|
*/
|
|
@@ -239,18 +236,18 @@ export declare class GridElement<T = unknown> extends HTMLElement implements Gri
|
|
|
239
236
|
set oncolumnresize(value: ((detail: ColumnResizeDetail) => void) | undefined);
|
|
240
237
|
get oncolumnreorder(): ((detail: ColumnReorderDetail) => void) | undefined;
|
|
241
238
|
set oncolumnreorder(value: ((detail: ColumnReorderDetail) => void) | undefined);
|
|
242
|
-
get
|
|
243
|
-
set
|
|
244
|
-
get
|
|
245
|
-
set
|
|
239
|
+
get fillDragCallback(): ((detail: FillDragDetail) => boolean | void) | undefined;
|
|
240
|
+
set fillDragCallback(value: ((detail: FillDragDetail) => boolean | void) | undefined);
|
|
241
|
+
get isVirtualScrollEnabled(): boolean;
|
|
242
|
+
set isVirtualScrollEnabled(value: boolean);
|
|
246
243
|
get virtualScrollThreshold(): number;
|
|
247
244
|
set virtualScrollThreshold(value: number);
|
|
248
245
|
get virtualScrollRowHeight(): number;
|
|
249
246
|
set virtualScrollRowHeight(value: number);
|
|
250
247
|
get virtualScrollBuffer(): number;
|
|
251
248
|
set virtualScrollBuffer(value: number);
|
|
252
|
-
get
|
|
253
|
-
set
|
|
249
|
+
get isInfiniteScrollEnabled(): boolean;
|
|
250
|
+
set isInfiniteScrollEnabled(value: boolean);
|
|
254
251
|
get infiniteScrollThreshold(): number;
|
|
255
252
|
set infiniteScrollThreshold(value: number);
|
|
256
253
|
get hasMoreItems(): boolean;
|