overview-components 1.0.4 → 1.0.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.
Files changed (53) hide show
  1. package/dist/components/lit-data-grid-tanstack.d.ts +18 -14
  2. package/dist/components/lit-data-grid-tanstack.d.ts.map +1 -1
  3. package/dist/components/lit-data-grid-tanstack.js +108 -94
  4. package/dist/components/lit-data-grid-tanstack.js.map +1 -1
  5. package/dist/components/lit-filter-modal.d.ts +82 -0
  6. package/dist/components/lit-filter-modal.d.ts.map +1 -0
  7. package/dist/components/lit-filter-modal.js +495 -0
  8. package/dist/components/lit-filter-modal.js.map +1 -0
  9. package/dist/components/react-wrappers/filter-modal.d.ts +3 -0
  10. package/dist/components/react-wrappers/filter-modal.d.ts.map +1 -0
  11. package/dist/components/react-wrappers/filter-modal.js +9 -0
  12. package/dist/components/react-wrappers/filter-modal.js.map +1 -0
  13. package/dist/index.d.ts +4 -0
  14. package/dist/index.d.ts.map +1 -1
  15. package/dist/index.js +4 -0
  16. package/dist/index.js.map +1 -1
  17. package/dist/shared/filter-inputs.d.ts +2 -0
  18. package/dist/shared/filter-inputs.d.ts.map +1 -1
  19. package/dist/shared/filter-inputs.js +29 -26
  20. package/dist/shared/filter-inputs.js.map +1 -1
  21. package/dist/shared/lit-custom-popper.d.ts +7 -1
  22. package/dist/shared/lit-custom-popper.d.ts.map +1 -1
  23. package/dist/shared/lit-custom-popper.js +253 -59
  24. package/dist/shared/lit-custom-popper.js.map +1 -1
  25. package/dist/shared/lit-data-grid-row-actions.d.ts.map +1 -1
  26. package/dist/shared/lit-data-grid-row-actions.js +27 -23
  27. package/dist/shared/lit-data-grid-row-actions.js.map +1 -1
  28. package/dist/shared/lit-date-picker.d.ts +5 -1
  29. package/dist/shared/lit-date-picker.d.ts.map +1 -1
  30. package/dist/shared/lit-date-picker.js +26 -4
  31. package/dist/shared/lit-date-picker.js.map +1 -1
  32. package/dist/shared/lit-input.d.ts +25 -0
  33. package/dist/shared/lit-input.d.ts.map +1 -0
  34. package/dist/shared/lit-input.js +137 -0
  35. package/dist/shared/lit-input.js.map +1 -0
  36. package/dist/shared/lit-menu-item.js +2 -2
  37. package/dist/shared/lit-menu-item.js.map +1 -1
  38. package/dist/shared/lit-modal.d.ts +29 -0
  39. package/dist/shared/lit-modal.d.ts.map +1 -0
  40. package/dist/shared/lit-modal.js +154 -0
  41. package/dist/shared/lit-modal.js.map +1 -0
  42. package/dist/shared/lit-select.d.ts +1 -0
  43. package/dist/shared/lit-select.d.ts.map +1 -1
  44. package/dist/shared/lit-select.js +21 -1
  45. package/dist/shared/lit-select.js.map +1 -1
  46. package/dist/shared/simple-popper.js +1 -1
  47. package/dist/shared/simple-popper.js.map +1 -1
  48. package/dist/shared/simple-tooltip.d.ts.map +1 -1
  49. package/dist/shared/simple-tooltip.js +2 -1
  50. package/dist/shared/simple-tooltip.js.map +1 -1
  51. package/dist/utils/custom-filters.js +3 -3
  52. package/dist/utils/custom-filters.js.map +1 -1
  53. package/package.json +1 -1
@@ -31,6 +31,7 @@ export type Column = {
31
31
  columnAggregation?: 'sum' | 'median' | 'min' | 'max';
32
32
  enableGrouping?: boolean;
33
33
  enableFilter?: boolean;
34
+ enableSorting?: boolean;
34
35
  size?: number;
35
36
  minSize?: number;
36
37
  maxSize?: number;
@@ -43,6 +44,10 @@ export type Column = {
43
44
  enableResizing?: boolean;
44
45
  getActions?: (row: any) => ActionButton[];
45
46
  enablePinning?: boolean;
47
+ valueOptions?: {
48
+ value: string | number;
49
+ label: string;
50
+ }[];
46
51
  };
47
52
  export type DataGridTanstackProps = {
48
53
  row?: any[];
@@ -59,9 +64,9 @@ export type DataGridTanstackProps = {
59
64
  id?: string;
60
65
  initialGroups?: string[];
61
66
  initialSorting?: any[];
62
- initialColumnVisibility?: {
63
- [key: string]: boolean;
64
- };
67
+ initialColumnVisibility?: Record<string, boolean>;
68
+ initialFiltering?: ColumnFiltersState;
69
+ initialRowExpanded?: Record<string, boolean>;
65
70
  requestUrl?: string;
66
71
  leftPinnedColumns?: string[];
67
72
  rightPinnedColumns?: string[];
@@ -74,14 +79,13 @@ export type DataGridTanstackProps = {
74
79
  onRowClick?: (table: any, row: any) => void;
75
80
  onRowDoubleClick?: (table: any, row: any) => void;
76
81
  onRowsScrollEnd?: () => void;
77
- enableRowSelectionOnClick?: boolean;
82
+ enableRowSelection?: boolean;
78
83
  onColumnFiltersChanged?: Function;
79
84
  onColumnSortChanged?: Function;
80
- initialFiltering?: ColumnFiltersState;
81
85
  server?: boolean;
82
86
  scrollEndThreshold?: number;
83
87
  rowDensity?: 'compact' | 'standard' | 'comfort';
84
- checkboxSelection?: boolean;
88
+ enableMultiRowSelection?: boolean;
85
89
  onRowSelectionChanged?: Function;
86
90
  columnSizing: Record<string, number>;
87
91
  onColumnResize: (table: any, columnSizing: {
@@ -93,7 +97,7 @@ export type DataGridTanstackProps = {
93
97
  getTotalNumberFn?: Function;
94
98
  minFilterCharacters?: Number;
95
99
  getRowId?: (row: any, index: number) => string;
96
- rowSelected?: Record<string, boolean>;
100
+ rowsSelected?: Record<string, boolean>;
97
101
  };
98
102
  export declare class LitDataGridTanstack extends LitElement {
99
103
  row?: any[];
@@ -112,9 +116,8 @@ export declare class LitDataGridTanstack extends LitElement {
112
116
  id: string;
113
117
  initialGroups?: string[];
114
118
  initialSorting?: never[] | undefined;
115
- initialColumnVisibility?: {
116
- [key: string]: boolean;
117
- };
119
+ initialColumnVisibility?: Record<string, boolean>;
120
+ initialRowExpanded: Record<string, boolean> | true;
118
121
  columnSizing: {};
119
122
  requestUrl?: string;
120
123
  leftPinnedColumns?: string[];
@@ -135,25 +138,25 @@ export declare class LitDataGridTanstack extends LitElement {
135
138
  onRowSelectionChanged?: Function;
136
139
  exportExcelFn?: Function;
137
140
  exportCsvFn?: Function;
138
- enableRowSelectionOnClick?: boolean;
141
+ enableRowSelection?: boolean;
139
142
  initialFiltering?: ColumnFiltersState;
140
143
  server?: boolean;
141
144
  scrollEndThreshold?: number;
142
145
  rowDensity?: 'compact' | 'standard' | 'comfort';
143
- checkboxSelection?: boolean;
146
+ enableMultiRowSelection?: boolean;
144
147
  getTotalNumberFn?: Function;
145
148
  totalNumberRows?: number;
146
149
  minFilterCharacters: number;
147
150
  localizeDate: boolean;
148
- rowSelected: Record<string, boolean>;
151
+ rowsSelected: Record<string, boolean>;
149
152
  getRowId?: (row: any, index: number) => string;
150
153
  rowsCount: any;
151
- private selectedRowId;
152
154
  private isScrollable;
153
155
  private disableScrollLeft;
154
156
  private disableScrollRight;
155
157
  private filters;
156
158
  private sorting;
159
+ private rowExpanded;
157
160
  table: any;
158
161
  private rowHeight;
159
162
  private scrollToEnd;
@@ -163,6 +166,7 @@ export declare class LitDataGridTanstack extends LitElement {
163
166
  private columnVirtualizerController;
164
167
  private scrollInterval;
165
168
  private currentScrollTop;
169
+ private lastSelectedIndex;
166
170
  get rows(): any[];
167
171
  get getColumns(): Column[];
168
172
  connectedCallback(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"lit-data-grid-tanstack.d.ts","sourceRoot":"","sources":["../../src/components/lit-data-grid-tanstack.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lit-data-grid-tanstack.d.ts","sourceRoot":"","sources":["../../src/components/lit-data-grid-tanstack.ts"],"names":[],"mappings":"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"}
@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  import { css, html, LitElement } from 'lit';
8
+ import _ from 'lodash';
8
9
  import { msg } from '@lit/localize';
9
10
  import { customElement, property, state } from 'lit/decorators.js';
10
11
  import { unsafeHTML } from 'lit/directives/unsafe-html.js';
@@ -46,6 +47,7 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
46
47
  this.actionButtonsInMenu = false;
47
48
  this.id = '';
48
49
  this.initialSorting = [];
50
+ this.initialRowExpanded = {};
49
51
  this.columnSizing = {};
50
52
  this.leftPinnedColumns = [];
51
53
  this.rightPinnedColumns = [];
@@ -57,27 +59,28 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
57
59
  this.onColumnFiltersChanged = (table, filterModel) => { };
58
60
  this.onColumnSortChanged = (table, sortModel) => { };
59
61
  this.onRowSelectionChanged = (table, selectedRows) => { };
60
- this.enableRowSelectionOnClick = false;
62
+ this.enableRowSelection = false;
61
63
  this.initialFiltering = [];
62
64
  this.server = false;
63
65
  this.scrollEndThreshold = 100;
64
66
  this.rowDensity = 'standard';
65
- this.checkboxSelection = false;
67
+ this.enableMultiRowSelection = false;
66
68
  this.minFilterCharacters = 3;
67
69
  this.localizeDate = true;
68
- this.rowSelected = {};
70
+ this.rowsSelected = {};
69
71
  this.rowsCount = 0;
70
- this.selectedRowId = null;
71
72
  this.isScrollable = false;
72
73
  this.disableScrollLeft = true;
73
74
  this.disableScrollRight = false;
74
75
  this.filters = [];
75
76
  this.sorting = [];
77
+ this.rowExpanded = {};
76
78
  this.rowHeight = 31;
77
79
  this.scrollToEnd = false;
78
80
  this.tableContainerRef = createRef();
79
81
  this.scrollInterval = null;
80
82
  this.currentScrollTop = 0;
83
+ this.lastSelectedIndex = null;
81
84
  this.getCellBackgroundColor = (cell) => {
82
85
  if (cell.getIsGrouped()) {
83
86
  return this.columnGroupedColor ?? `var(--color-primary-light, #f0fadf)`;
@@ -144,6 +147,9 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
144
147
  if (changedProperties.has('rowDensity')) {
145
148
  this.rowHeight = this.getRowHeight();
146
149
  }
150
+ if (changedProperties.has('initialRowExpanded')) {
151
+ this.rowExpanded = this.initialRowExpanded;
152
+ }
147
153
  if (changedProperties.has('row') || changedProperties.has('columns')) {
148
154
  this.initTable();
149
155
  this.requestUpdate();
@@ -251,56 +257,26 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
251
257
  }
252
258
  // scroll by keyboard arrows
253
259
  handleKeyDown(event) {
254
- // if (event.key === 'Tab') {
255
- // // Získajte aktuálne fokusovaný element v shadow DOM
256
- // const active = this.shadowRoot?.activeElement;
257
- // // Ak nie je focusovaný element v rámci filter-inputs
258
- // if (!active || !active.closest('filter-inputs')) {
259
- // const grid = this.shadowRoot?.querySelector('.grid') as HTMLElement;
260
- // // Ak grid nie je úplne scrollnutý na začiatok, najprv scrollnite na začiatok
261
- // if (grid && grid.scrollLeft !== 0) {
262
- // grid.scrollLeft = 0;
263
- // // Po krátkej oneskorení, kým sa scroll dokončí, zvoľte prvý filter
264
- // setTimeout(() => {
265
- // const firstFilter = this.shadowRoot?.querySelector('filter-inputs');
266
- // if (firstFilter) {
267
- // event.preventDefault();
268
- // (firstFilter as HTMLElement).focus();
269
- // }
270
- // }, 0);
271
- // } else {
272
- // const firstFilter = this.shadowRoot?.querySelector('filter-inputs');
273
- // if (firstFilter) {
274
- // event.preventDefault();
275
- // (firstFilter as HTMLElement).focus();
276
- // }
277
- // }
278
- // }
279
- // }
280
- if (!this.enableRowSelectionOnClick)
260
+ if (_.isEmpty(this.rowsSelected) && this.enableMultiRowSelection)
281
261
  return;
282
262
  const rows = this.table.getRowModel().rows;
283
- const currentIndex = rows.findIndex((row) => row.id === this.selectedRowId);
263
+ const selectedRowId = Object.keys(this.rowsSelected).find((key) => this.rowsSelected[key]);
264
+ const currentIndex = selectedRowId
265
+ ? this.table.getSelectedRowModel().rowsById[selectedRowId].index
266
+ : {};
284
267
  if (event.key === 'ArrowDown') {
285
- if (!this.selectedRowId) {
286
- // this.selectedRowId = rows[0]?.id; // Select first row if none selected
287
- return;
288
- }
289
268
  const nextIndex = Math.min(currentIndex + 1, (rows.length ?? 0) - 1);
290
- this.selectedRowId = rows[nextIndex].id;
269
+ this.rowsSelected = { [rows[nextIndex].id]: true };
270
+ this.lastSelectedIndex = nextIndex;
291
271
  }
292
272
  else if (event.key === 'ArrowUp') {
293
- if (!this.selectedRowId) {
294
- // this.selectedRowId = rows[0]?.id; // Select first row if none selected
295
- return;
296
- }
297
273
  const prevIndex = Math.max(currentIndex - 1, 0);
298
- this.selectedRowId = rows[prevIndex].id;
274
+ this.rowsSelected = { [rows[prevIndex].id]: true };
275
+ this.lastSelectedIndex = prevIndex;
299
276
  }
300
- else if (event.key === 'Enter' && this.selectedRowId) {
301
- const selectedRow = rows.find((row) => row.id === this.selectedRowId);
302
- if (selectedRow) {
303
- this.handleRowDoubleClick(selectedRow);
277
+ else if (event.key === 'Enter' && this.rowsSelected) {
278
+ if (selectedRowId) {
279
+ this.handleRowDoubleClick(this.table.getSelectedRowModel().rowsById[selectedRowId].original);
304
280
  }
305
281
  }
306
282
  }
@@ -326,19 +302,33 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
326
302
  overscan: 5,
327
303
  });
328
304
  }
329
- handleRowClick(row) {
330
- if (this.onRowClick && !this.checkboxSelection) {
305
+ handleRowClick(event, row) {
306
+ const isShiftPressed = event.shiftKey;
307
+ if (this.onRowClick) {
331
308
  this.onRowClick(this.table, row);
332
309
  }
333
- if (this.enableRowSelectionOnClick && !this.checkboxSelection) {
334
- this.selectedRowId = row.id;
310
+ if (this.enableRowSelection && !this.enableMultiRowSelection) {
311
+ this.rowsSelected = { [row.id]: true };
335
312
  }
336
- if (this.checkboxSelection) {
337
- row.toggleSelected();
313
+ if (this.enableMultiRowSelection && this.enableRowSelection) {
314
+ if (isShiftPressed && this.lastSelectedIndex !== null) {
315
+ const selectedRows = this.table
316
+ .getRowModel()
317
+ .rows.slice(Math.min(this.lastSelectedIndex, row.index), Math.max(this.lastSelectedIndex, row.index) + 1);
318
+ const selectedRowsIds = selectedRows.map((r) => r.id);
319
+ this.rowsSelected = {
320
+ ...this.rowsSelected,
321
+ ...selectedRowsIds.reduce((acc, id) => ({ ...acc, [id]: true }), {}),
322
+ };
323
+ }
324
+ else {
325
+ row.toggleSelected();
326
+ this.lastSelectedIndex = row.index;
327
+ }
338
328
  }
339
329
  }
340
330
  handleRowDoubleClick(row) {
341
- if (this.onRowDoubleClick && !this.checkboxSelection) {
331
+ if (this.onRowDoubleClick) {
342
332
  this.onRowDoubleClick(this.table, row);
343
333
  }
344
334
  }
@@ -351,6 +341,7 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
351
341
  column.type === 'dateTime' ||
352
342
  column.type === 'dateTimeRange' ||
353
343
  column.type === 'dateRange') &&
344
+ !this.server &&
354
345
  this.localizeDate
355
346
  ? column.accessorFn
356
347
  ? formatDate(column.accessorFn(originalRow), this.userLang || 'cs', column.type === 'date' || column.type === 'dateRange'
@@ -396,12 +387,14 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
396
387
  return filterFns.includesString;
397
388
  }
398
389
  })(),
390
+ enableSorting: column.enableSorting ?? true,
399
391
  enableColumnFilter: this.enableFiltering && (column.enableFilter ?? true),
400
392
  size: column.size || this.columnDefaultSize || undefined,
401
393
  maxSize: column.maxSize || this.columnDefaultMaxSize || 500,
402
394
  minSize: column.minSize || this.columnDefaultMinSize || 100,
403
395
  meta: {
404
396
  filterVariant: column.type ?? 'string',
397
+ valueOptions: column.valueOptions,
405
398
  },
406
399
  aggregationFn: column.columnAggregation ?? undefined,
407
400
  enableGrouping: column.enableGrouping ?? true,
@@ -576,7 +569,7 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
576
569
  }
577
570
  }
578
571
  render() {
579
- const checkboxColumn = this.checkboxSelection
572
+ const checkboxColumn = this.enableMultiRowSelection
580
573
  ? [
581
574
  {
582
575
  id: 'checkbox',
@@ -624,7 +617,8 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
624
617
  },
625
618
  initialState: {
626
619
  // columnFilters: [...(this.initialFiltering || [])],
627
- sorting: [...(this.initialSorting || [])],
620
+ // sorting: [...(this.initialSorting || [])],
621
+ // expanded: { ...this.initialRowExpanded },
628
622
  grouping: [...(this.initialGroups || [])],
629
623
  columnVisibility: { ...this.initialColumnVisibility },
630
624
  columnPinning: {
@@ -635,8 +629,9 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
635
629
  state: {
636
630
  columnFilters: this.filters,
637
631
  sorting: this.sorting,
638
- rowSelection: this.rowSelected,
632
+ rowSelection: this.rowsSelected,
639
633
  columnSizing: this.columnSizing,
634
+ expanded: this.rowExpanded,
640
635
  },
641
636
  filterFns: {
642
637
  dateRangeFilterFn: dateRangeFilterFn,
@@ -644,7 +639,8 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
644
639
  multiselectFilterFn: multiselectFilterFn,
645
640
  },
646
641
  // debugTable: true,
647
- enableRowSelection: this.checkboxSelection,
642
+ enableRowSelection: this.enableRowSelection,
643
+ enableMultiRowSelection: this.enableMultiRowSelection,
648
644
  enableColumnPinning: this.enableColumnPinning,
649
645
  enableGrouping: this.enableGrouping,
650
646
  manualFiltering: this.server,
@@ -687,10 +683,12 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
687
683
  }
688
684
  },
689
685
  onRowSelectionChange: (updaterOrValue) => {
690
- const rowSelection = typeof updaterOrValue === 'function'
691
- ? updaterOrValue(this.rowSelected)
692
- : updaterOrValue;
693
- this.rowSelected = rowSelection;
686
+ const rowSelection = this.enableRowSelection && this.enableMultiRowSelection
687
+ ? typeof updaterOrValue === 'function'
688
+ ? updaterOrValue(this.rowsSelected)
689
+ : updaterOrValue
690
+ : this.rowsSelected;
691
+ this.rowsSelected = rowSelection;
694
692
  if (this.onRowSelectionChanged) {
695
693
  this.onRowSelectionChanged(this.table, rowSelection);
696
694
  }
@@ -704,6 +702,16 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
704
702
  this.onColumnResize(this.table, columnSizingState);
705
703
  }
706
704
  },
705
+ onExpandedChange: (updaterOrValue) => {
706
+ const rowExpanded = typeof updaterOrValue === 'function'
707
+ ? updaterOrValue(this.rowExpanded)
708
+ : updaterOrValue;
709
+ this.rowExpanded = _.isEmpty(rowExpanded) ? this.rowExpanded : rowExpanded;
710
+ this.requestUpdate();
711
+ // if (this.onColumnResize) {
712
+ // this.onColumnResize(this.table, columnSizingState);
713
+ // }
714
+ },
707
715
  });
708
716
  this.rowsCount = this.table.getRowModel().rows.length;
709
717
  // Ak virtualizácia nie je povolená, použijeme celý zoznam riadkov alebo stĺpcov
@@ -850,35 +858,37 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
850
858
  <div
851
859
  class="icons-group-pin"
852
860
  >
853
- ${header.column.getIsSorted()
854
- ? header.column.getIsSorted() ===
855
- 'asc'
856
- ? html `<slot
857
- name="iconSortUp"
858
- ><lit-icon
859
- @click=${header.column.getToggleSortingHandler()}
860
- size="0.75rem"
861
- icon="chevronUpFilled"
862
- ></lit-icon
863
- ></slot>`
864
- : html `<slot
865
- name="iconSortDown"
861
+ ${header.column.getCanSort()
862
+ ? header.column.getIsSorted()
863
+ ? header.column.getIsSorted() ===
864
+ 'asc'
865
+ ? html `<slot
866
+ name="iconSortUp"
867
+ ><lit-icon
868
+ @click=${header.column.getToggleSortingHandler()}
869
+ size="0.75rem"
870
+ icon="chevronUpFilled"
871
+ ></lit-icon
872
+ ></slot>`
873
+ : html `<slot
874
+ name="iconSortDown"
875
+ >
876
+ <lit-icon
877
+ @click=${header.column.getToggleSortingHandler()}
878
+ size="0.75rem"
879
+ icon="chevronDownFilled"
880
+ ></lit-icon>
881
+ </slot>`
882
+ : html `<div
883
+ class="sortFilled"
866
884
  >
867
885
  <lit-icon
868
886
  @click=${header.column.getToggleSortingHandler()}
869
887
  size="0.75rem"
870
- icon="chevronDownFilled"
888
+ icon="sortFilled"
871
889
  ></lit-icon>
872
- </slot>`
873
- : html `<div
874
- class="sortFilled"
875
- >
876
- <lit-icon
877
- @click=${header.column.getToggleSortingHandler()}
878
- size="0.75rem"
879
- icon="sortFilled"
880
- ></lit-icon>
881
- </div>`}
890
+ </div>`
891
+ : html `<div></div>`}
882
892
  <div class="flex">
883
893
  ${!this
884
894
  .actionButtonsInMenu
@@ -947,6 +957,8 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
947
957
  .userLang}
948
958
  @filter-tab=${this
949
959
  .handleFilterTabNavigation}
960
+ .server=${this
961
+ .server}
950
962
  ></filter-inputs>
951
963
  </div>
952
964
  `
@@ -1020,14 +1032,13 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
1020
1032
  return row
1021
1033
  ? html `
1022
1034
  <tr
1023
- class="${this.selectedRowId === row.id ||
1024
- this.rowSelected[row.id]
1035
+ class="${this.rowsSelected[row.id]
1025
1036
  ? 'selected body'
1026
1037
  : 'body'}"
1027
1038
  data-index="${item.index}"
1028
1039
  @click="${row.getIsGrouped()
1029
1040
  ? row.getToggleExpandedHandler()
1030
- : () => this.handleRowClick(row)}"
1041
+ : (e) => this.handleRowClick(e, row)}"
1031
1042
  @dblclick="${() => this.handleRowDoubleClick(row)}"
1032
1043
  style="${styleMap(rowStyle)}"
1033
1044
  ${ref((node) => {
@@ -1501,6 +1512,9 @@ __decorate([
1501
1512
  __decorate([
1502
1513
  property({ type: Object })
1503
1514
  ], LitDataGridTanstack.prototype, "initialColumnVisibility", void 0);
1515
+ __decorate([
1516
+ property({ type: Object })
1517
+ ], LitDataGridTanstack.prototype, "initialRowExpanded", void 0);
1504
1518
  __decorate([
1505
1519
  property({ type: Object })
1506
1520
  ], LitDataGridTanstack.prototype, "columnSizing", void 0);
@@ -1557,7 +1571,7 @@ __decorate([
1557
1571
  ], LitDataGridTanstack.prototype, "exportCsvFn", void 0);
1558
1572
  __decorate([
1559
1573
  property({ type: Boolean })
1560
- ], LitDataGridTanstack.prototype, "enableRowSelectionOnClick", void 0);
1574
+ ], LitDataGridTanstack.prototype, "enableRowSelection", void 0);
1561
1575
  __decorate([
1562
1576
  property({ type: Array })
1563
1577
  ], LitDataGridTanstack.prototype, "initialFiltering", void 0);
@@ -1572,7 +1586,7 @@ __decorate([
1572
1586
  ], LitDataGridTanstack.prototype, "rowDensity", void 0);
1573
1587
  __decorate([
1574
1588
  property({ type: Boolean })
1575
- ], LitDataGridTanstack.prototype, "checkboxSelection", void 0);
1589
+ ], LitDataGridTanstack.prototype, "enableMultiRowSelection", void 0);
1576
1590
  __decorate([
1577
1591
  property({ type: Function })
1578
1592
  ], LitDataGridTanstack.prototype, "getTotalNumberFn", void 0);
@@ -1587,16 +1601,13 @@ __decorate([
1587
1601
  ], LitDataGridTanstack.prototype, "localizeDate", void 0);
1588
1602
  __decorate([
1589
1603
  property({ type: Boolean })
1590
- ], LitDataGridTanstack.prototype, "rowSelected", void 0);
1604
+ ], LitDataGridTanstack.prototype, "rowsSelected", void 0);
1591
1605
  __decorate([
1592
1606
  property({ type: Function })
1593
1607
  ], LitDataGridTanstack.prototype, "getRowId", void 0);
1594
1608
  __decorate([
1595
1609
  state()
1596
1610
  ], LitDataGridTanstack.prototype, "rowsCount", void 0);
1597
- __decorate([
1598
- state()
1599
- ], LitDataGridTanstack.prototype, "selectedRowId", void 0);
1600
1611
  __decorate([
1601
1612
  state()
1602
1613
  ], LitDataGridTanstack.prototype, "isScrollable", void 0);
@@ -1612,6 +1623,9 @@ __decorate([
1612
1623
  __decorate([
1613
1624
  state()
1614
1625
  ], LitDataGridTanstack.prototype, "sorting", void 0);
1626
+ __decorate([
1627
+ state()
1628
+ ], LitDataGridTanstack.prototype, "rowExpanded", void 0);
1615
1629
  __decorate([
1616
1630
  state()
1617
1631
  ], LitDataGridTanstack.prototype, "table", void 0);