@vuu-ui/vuu-table 0.8.24-debug → 0.8.25-debug
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/cjs/index.js +255 -276
- package/cjs/index.js.map +4 -4
- package/esm/index.js +235 -259
- package/esm/index.js.map +4 -4
- package/index.css +44 -78
- package/index.css.map +3 -3
- package/package.json +8 -8
- package/types/Row.d.ts +2 -2
- package/types/Table.d.ts +2 -3
- package/types/cell-renderers/checkbox-cell/CheckboxCell.d.ts +1 -0
- package/types/column-menu/ColumnMenu.d.ts +1 -1
- package/types/header-cell/{GroupHeaderCellNext.d.ts → GroupHeaderCell.d.ts} +2 -2
- package/types/header-cell/index.d.ts +1 -1
- package/types/index.d.ts +1 -1
- package/types/useSelection.d.ts +4 -4
- package/types/useTable.d.ts +2 -2
package/index.css
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
.vuuColumnHeaderPill {
|
|
3
3
|
--vuu-icon-size: 14px;
|
|
4
4
|
--menu-item-icon-color: black;
|
|
5
|
-
--vuu-icon-color:
|
|
5
|
+
--vuu-icon-color: var(--salt-actionable-primary-foreground);
|
|
6
6
|
--vuu-icon-height: 12px;
|
|
7
7
|
--vuu-icon-width: 12px;
|
|
8
8
|
align-items: center;
|
|
9
|
-
background: var(--salt-
|
|
10
|
-
color:
|
|
9
|
+
background: var(--salt-actionable-primary-background);
|
|
10
|
+
color: var(--salt-actionable-primary-foreground);
|
|
11
11
|
border-radius: 4px;
|
|
12
12
|
flex: var(--vuuColumnHeaderPill-flex, none);
|
|
13
13
|
font-size: 11px;
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
position: relative;
|
|
20
20
|
}
|
|
21
21
|
.vuuColumnHeaderPill:hover {
|
|
22
|
-
--vuu-icon-color: var(--
|
|
23
|
-
background-color: var(--salt-
|
|
24
|
-
color: var(--
|
|
22
|
+
--vuu-icon-color: var(--salt-actionable-primary-foreground-hover);
|
|
23
|
+
background-color: var(--salt-actionable-primary-background-hover);
|
|
24
|
+
color: var(--salt-actionable-primary-foreground-hover);
|
|
25
25
|
}
|
|
26
26
|
.vuuColumnHeaderPill-removeButton {
|
|
27
27
|
cursor: pointer;
|
|
@@ -127,33 +127,19 @@
|
|
|
127
127
|
.vuuMenuItem {
|
|
128
128
|
--vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z"/></svg>');
|
|
129
129
|
}
|
|
130
|
-
.
|
|
131
|
-
--
|
|
132
|
-
--
|
|
130
|
+
.vuuColumnMenu {
|
|
131
|
+
--menu-button-size: calc(var(--salt-size-base) - var(--salt-spacing-100));
|
|
132
|
+
--saltButton-padding: var(--salt-spacing-50);
|
|
133
|
+
--saltButton-minWidth: var(--menu-button-size);
|
|
134
|
+
--saltButton-height: var(--menu-button-size);
|
|
135
|
+
--saltButton-width: var(--menu-button-size);
|
|
136
|
+
--vuu-icon-height: var(--menu-button-size);
|
|
133
137
|
--vuu-icon-left: 0px;
|
|
134
|
-
--vuu-icon-size: 16px;
|
|
135
138
|
--vuu-icon-top: 0px;
|
|
136
|
-
--vuu-icon-width:
|
|
139
|
+
--vuu-icon-width: var(--menu-button-size);
|
|
137
140
|
border-radius: 4px;
|
|
138
|
-
|
|
139
|
-
display: inline-block;
|
|
140
|
-
flex: 0 0 20px;
|
|
141
|
-
padding: 2px;
|
|
141
|
+
flex: 0 0 var(--menu-button-size);
|
|
142
142
|
margin: var(--vuuTable-columnMenu-margin, 0);
|
|
143
|
-
width: auto;
|
|
144
|
-
}
|
|
145
|
-
.vuuTable-columnMenu:hover {
|
|
146
|
-
--vuu-icon-color: #15171B;
|
|
147
|
-
background-color: #F37880;
|
|
148
|
-
}
|
|
149
|
-
.vuuTable-columnMenu-open:hover,
|
|
150
|
-
.vuuTable-columnMenu-open {
|
|
151
|
-
background-color: #6D18BD;
|
|
152
|
-
--vuu-icon-color: white;
|
|
153
|
-
}
|
|
154
|
-
[data-icon=cog] {
|
|
155
|
-
--vuu-icon-svg: var(--vuu-svg-cog);
|
|
156
|
-
--vuu-icon-size: 14px;
|
|
157
143
|
}
|
|
158
144
|
|
|
159
145
|
/* src/header-cell/HeaderCell.css */
|
|
@@ -265,6 +251,7 @@
|
|
|
265
251
|
border-right-style: solid;
|
|
266
252
|
border-right-width: 1px;
|
|
267
253
|
display: inline-block;
|
|
254
|
+
white-space: nowrap;
|
|
268
255
|
height: 100%;
|
|
269
256
|
overflow: hidden;
|
|
270
257
|
padding: var(--vuuTableCell-padding, 0 11px 0 12px);
|
|
@@ -275,20 +262,18 @@
|
|
|
275
262
|
text-align: right;
|
|
276
263
|
}
|
|
277
264
|
.vuuTableCell-editable {
|
|
265
|
+
align-items: center;
|
|
278
266
|
display: inline-flex;
|
|
279
|
-
line-height: 18px;
|
|
280
|
-
padding-bottom: 1px;
|
|
281
|
-
padding-top: 1px;
|
|
282
267
|
text-overflow: unset;
|
|
283
268
|
}
|
|
284
269
|
.vuuTableCell:focus {
|
|
285
|
-
outline: var(--vuuTableCell-outline, solid var(--
|
|
270
|
+
outline: var(--vuuTableCell-outline, solid var(--salt-focused-outlineColor) 2px);
|
|
286
271
|
outline-offset: -2px;
|
|
287
272
|
box-shadow: inset 0 0 0 var(--cell-outline-width) white;
|
|
288
273
|
border-bottom: none;
|
|
289
274
|
}
|
|
290
275
|
.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus {
|
|
291
|
-
outline: var(--vuuTableCell-outline, solid var(--
|
|
276
|
+
outline: var(--vuuTableCell-outline, solid var(--salt-focused-outlineColor) 2px);
|
|
292
277
|
outline-offset: -1px;
|
|
293
278
|
}
|
|
294
279
|
.vuuTableCell-editable:focus {
|
|
@@ -321,8 +306,9 @@
|
|
|
321
306
|
|
|
322
307
|
/* src/Row.css */
|
|
323
308
|
.vuuTableRow {
|
|
324
|
-
background: var(--row-background
|
|
325
|
-
|
|
309
|
+
background: var(--row-background,var(--table-background));
|
|
310
|
+
color: var(--salt-content-secondary-foreground);
|
|
311
|
+
border-bottom: 1px solid var(--row-borderColor, var(--table-background));
|
|
326
312
|
box-sizing: border-box;
|
|
327
313
|
height: var(--row-height);
|
|
328
314
|
line-height: calc(var(--row-height) - 1px);
|
|
@@ -337,20 +323,15 @@
|
|
|
337
323
|
--row-background: var(--row-background-even);
|
|
338
324
|
}
|
|
339
325
|
.vuuTableRow-highlighted {
|
|
340
|
-
background
|
|
326
|
+
background: var(--salt-selectable-background-hover);
|
|
341
327
|
}
|
|
342
328
|
.vuuTableRow-selected,
|
|
343
329
|
.vuuTableRow-selectedEnd {
|
|
344
|
-
--row-borderColor: var(--salt-separable-secondary-borderColor);
|
|
345
330
|
background-color: var(--salt-selectable-background-selected);
|
|
346
331
|
}
|
|
347
332
|
.vuuTableRow-selectedEnd {
|
|
348
333
|
z-index: 1;
|
|
349
334
|
}
|
|
350
|
-
.vuuTable-zebra .vuuTableRow-even.vuuTableRow-selected,
|
|
351
|
-
.vuuTable-zebra .vuuTableRow-even.vuuTableRow-selectedEnd {
|
|
352
|
-
background-color: var(--vuu-color-gray-07);
|
|
353
|
-
}
|
|
354
335
|
.vuuTableRow-selectedStart {
|
|
355
336
|
--vuu-selection-decorator-left-radius: 5px 0 0 0;
|
|
356
337
|
--vuu-selection-decorator-right-radius: 0 5px 0 0;
|
|
@@ -369,18 +350,18 @@
|
|
|
369
350
|
.vuuTableRow-selectedStart:after {
|
|
370
351
|
content: "";
|
|
371
352
|
position: absolute;
|
|
372
|
-
top:
|
|
353
|
+
top: -1px;
|
|
373
354
|
left: 4px;
|
|
374
355
|
height: 1px;
|
|
375
|
-
background
|
|
356
|
+
background: var(--vuuTableRow-selectionBlock-borderColor);
|
|
376
357
|
width: calc(var(--content-width) - 8px);
|
|
377
358
|
z-index: 1;
|
|
378
359
|
}
|
|
379
360
|
.vuuTableRow-selectedEnd {
|
|
380
|
-
border-bottom-color: var(--
|
|
361
|
+
border-bottom-color: var(--vuuTableRow-selectionBlock-borderColor, var(--row-borderColor));
|
|
381
362
|
}
|
|
382
363
|
.vuuTableRow-selectionDecorator {
|
|
383
|
-
background
|
|
364
|
+
background: var(--table-background);
|
|
384
365
|
display: inline-block;
|
|
385
366
|
position: relative;
|
|
386
367
|
height: var(--row-height);
|
|
@@ -395,24 +376,15 @@
|
|
|
395
376
|
right: 0;
|
|
396
377
|
position: sticky;
|
|
397
378
|
}
|
|
398
|
-
.vuuTableRow-selected {
|
|
399
|
-
--vuu-selection-decorator-bg: var(--vuu-color-purple-10);
|
|
400
|
-
}
|
|
401
|
-
.vuuTableRow-selectedStart {
|
|
402
|
-
--vuu-selection-decorator-bg: white;
|
|
403
|
-
}
|
|
404
|
-
.vuuTableRow-selectedEnd {
|
|
405
|
-
--vuu-selection-decorator-bg: white;
|
|
406
|
-
}
|
|
407
379
|
.vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,
|
|
408
380
|
.vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before {
|
|
409
381
|
content: "";
|
|
410
|
-
top:
|
|
382
|
+
top: -1px;
|
|
411
383
|
right: 0;
|
|
412
384
|
bottom: 0;
|
|
413
385
|
left: 0;
|
|
414
386
|
position: absolute;
|
|
415
|
-
background
|
|
387
|
+
background: var(--table-background);
|
|
416
388
|
}
|
|
417
389
|
.vuuTableRow-selectionDecorator.vuuStickyLeft:before {
|
|
418
390
|
border-radius: var(--vuu-selection-decorator-left-radius, 0);
|
|
@@ -431,26 +403,14 @@
|
|
|
431
403
|
}
|
|
432
404
|
|
|
433
405
|
/* src/Table.css */
|
|
434
|
-
.vuu-density-high {
|
|
435
|
-
--vuu-table-row-height: 20px;
|
|
436
|
-
}
|
|
437
|
-
.vuu-density-medium {
|
|
438
|
-
--vuu-table-row-height: 28px;
|
|
439
|
-
}
|
|
440
|
-
.vuu-density-low {
|
|
441
|
-
--vuu-table-row-height: 36px;
|
|
442
|
-
}
|
|
443
|
-
.vuu-density-touch {
|
|
444
|
-
--vuu-table-row-height: 48px;
|
|
445
|
-
}
|
|
446
406
|
.vuuTable {
|
|
447
407
|
--vuu-table-cell-outlineWidth: 1px;
|
|
448
408
|
--table-height: var(--measured-px-height);
|
|
449
409
|
--table-width: var(--measured-px-width);
|
|
450
410
|
--vuu-table-next-selection-bookend-width: 4px;
|
|
411
|
+
--vuu-table-embedded-control-height: calc(var(--row-height) - 3px);
|
|
451
412
|
--columnResizer-color: transparent;
|
|
452
|
-
--row-
|
|
453
|
-
--row-height: var(--row-height-prop, var(--vuu-table-row-height, 20px));
|
|
413
|
+
--row-height: var(--row-height-prop, var(--vuu-table-row-height, var(--salt-size-base)));
|
|
454
414
|
--cell-borderColor: transparent;
|
|
455
415
|
--row-borderColor: var(--row-background);
|
|
456
416
|
--table-background: var(--salt-container-primary-background);
|
|
@@ -461,10 +421,10 @@
|
|
|
461
421
|
user-select: none;
|
|
462
422
|
}
|
|
463
423
|
.vuuTable-zebra {
|
|
464
|
-
--row-background-even: var(--
|
|
424
|
+
--row-background-even: var(--table-background);
|
|
465
425
|
}
|
|
466
426
|
.vuuTable-colLines {
|
|
467
|
-
--cell-borderColor: var(
|
|
427
|
+
--cell-borderColor: var( );
|
|
468
428
|
}
|
|
469
429
|
.vuuTable-rowLines {
|
|
470
430
|
--row-borderColor: var(--salt-separable-tertiary-borderColor);
|
|
@@ -502,7 +462,7 @@
|
|
|
502
462
|
width: var(--content-width);
|
|
503
463
|
}
|
|
504
464
|
.vuuTable-contentContainer {
|
|
505
|
-
background
|
|
465
|
+
background: var(--table-background);
|
|
506
466
|
height: calc(var(--table-height) - var(--horizontal-scrollbar-height));
|
|
507
467
|
position: relative;
|
|
508
468
|
overflow: auto;
|
|
@@ -534,7 +494,7 @@
|
|
|
534
494
|
z-index: 1;
|
|
535
495
|
}
|
|
536
496
|
.vuuTable-col-headings {
|
|
537
|
-
background-color:
|
|
497
|
+
background-color: var(--table-background);
|
|
538
498
|
padding: 0 var(--vuu-table-next-selection-bookend-width, 0);
|
|
539
499
|
position: sticky;
|
|
540
500
|
top: 0;
|
|
@@ -546,6 +506,7 @@
|
|
|
546
506
|
}
|
|
547
507
|
.vuuTable-col-headers {
|
|
548
508
|
background-color: var(--table-background);
|
|
509
|
+
color: var(--salt-content-secondary-foreground);
|
|
549
510
|
white-space: nowrap;
|
|
550
511
|
}
|
|
551
512
|
.sizer-cell {
|
|
@@ -560,17 +521,22 @@
|
|
|
560
521
|
--row-height: 25px;
|
|
561
522
|
}
|
|
562
523
|
|
|
524
|
+
/* src/cell-renderers/checkbox-cell/CheckboxCell.css */
|
|
525
|
+
.vuuTableCell .vuuCheckboxIcon {
|
|
526
|
+
margin-top: calc(var(--row-height) / 2 - 6px);
|
|
527
|
+
}
|
|
528
|
+
|
|
563
529
|
/* src/cell-renderers/input-cell/InputCell.css */
|
|
564
530
|
.vuuTableInputCell.saltInput-primary {
|
|
565
531
|
--salt-focused-outlineStyle: none;
|
|
566
|
-
--saltInput-height:
|
|
567
|
-
--saltInput-minHeight:
|
|
532
|
+
--saltInput-height: var(--vuu-table-embedded-control-height);
|
|
533
|
+
--saltInput-minHeight: var(--saltInput-height);
|
|
568
534
|
border-radius: 4px;
|
|
569
535
|
font-weight: 500;
|
|
570
536
|
}
|
|
571
537
|
.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,
|
|
572
538
|
.vuuTableInputCell.saltInput-primary.saltInput-focused {
|
|
573
|
-
border: solid 2px var(--
|
|
539
|
+
border: solid 2px var(--salt-focused-outlineColor);
|
|
574
540
|
padding: 0 3px;
|
|
575
541
|
}
|
|
576
542
|
.vuuTableInputCell-icon {
|
package/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../packages/vuu-table/src/column-header-pill/ColumnHeaderPill.css", "../../../packages/vuu-table/src/column-header-pill/GroupColumnPill.css", "../../../packages/vuu-table/src/column-header-pill/SortIndicator.css", "../../../packages/vuu-table/src/column-resizing/ColumnResizer.css", "../../../packages/vuu-table/src/header-cell/GroupHeaderCell.css", "../../../packages/vuu-table/src/column-menu/ColumnMenu.css", "../../../packages/vuu-table/src/header-cell/HeaderCell.css", "../../../packages/vuu-table/src/table-cell/TableCell.css", "../../../packages/vuu-table/src/table-cell/TableGroupCell.css", "../../../packages/vuu-table/src/Row.css", "../../../packages/vuu-table/src/Table.css", "../../../packages/vuu-table/src/cell-renderers/input-cell/InputCell.css", "../../../packages/vuu-table/src/cell-renderers/toggle-cell/ToggleCell.css"],
|
|
4
|
-
"sourcesContent": [".vuuColumnHeaderPill {\n --vuu-icon-size: 14px;\n --menu-item-icon-color: black;\n --vuu-icon-color: white;\n --vuu-icon-height: 12px;\n --vuu-icon-width: 12px;\n align-items: center;\n background: var(--salt-taggable-background-active);\n color: white;\n border-radius: 4px;\n flex: var(--vuuColumnHeaderPill-flex, none);\n font-size: 11px;\n gap: 4px;\n height: 16px;\n display: flex;\n margin: var(--vuuColumnHeaderPill-margin, 0);\n padding: 0 6px;\n position: relative; \n}\n\n.vuuColumnHeaderPill:hover {\n --vuu-icon-color: var(--vuu-color-gray-80);\n background-color: var(--salt-taggable-background-hover);\n color: var(--vuu-color-gray-80);\n \n}\n\n.vuuColumnHeaderPill-removeButton {\n cursor: pointer;\n}", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", ".vuuColumnResizerNext {\n background-color: var(--columnResizeThumb-color);\n cursor: col-resize;\n height: var(--header-height);\n margin-left: var(--columnResizer-left, auto);\n position: absolute;\n right: -5px;\n width: 8px;\n z-index:1;\n}\n\n.vuuColumnResizerNext:hover {\n --columnResizer-color: var(--vuu-color-purple-10);\n}\n\n.vuuColumnResizerNext:after {\n background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));\n bottom:0;\n content: '';\n position: absolute;\n top: 0;\n right: 3px;\n height: var(--columnResizer-height, 0);\n width: 2px;\n}", "\n.vuu-theme {\n --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTableGroupHeaderCell {\n --vuuColumnHeaderPill-margin: 0;\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n cursor: default;\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n }\n\n\n .vuuTableGroupHeaderCell-inner {\n align-items: center;\n display: flex;\n gap: 4px;\n height: 100%;\n padding-left: 1px;\n }\n\n .vuuTableGroupHeaderCell-col {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n flex: 0 1 auto;\n height: calc(var(--vuuTableHeaderHeight) - 2px);\n justify-content: space-between;\n padding-right: 8px;\n position: relative;\n }\n\n .vuuTableGroupHeaderCell-label {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .vuuTableGroupHeaderCell-close {\n --vuu-icon-height: 18px;\n --vuu-icon-width: 18px;\n cursor: pointer;\n left: 3px;\n }\n \n .vuuTableGroupHeaderCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n .vuuTableGroupHeaderCell-pending {\n --pending-content: '';\n }\n\n .vuuTableGroupHeaderCell-col:has(+ .vuuColumnResizer):after {\n content: var(--pending-content);\n width: 24px;\n height:24px;\n background-image: var(--svg-spinner);\n background-repeat: no-repeat;\n background-size: cover;\n }\n", ".vuuMenuItem {\n --vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z\"/></svg>');\n}\n.vuuTable-columnMenu {\n\n --vuu-icon-color: #606477;\n --vuu-icon-height: 20px;\n --vuu-icon-left: 0px;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n --vuu-icon-width: 20px;\n\n border-radius: 4px;\n cursor: pointer;\n display: inline-block;\n flex: 0 0 20px;\n padding: 2px;\n /* left: var(--column-menu-left, 0); */\n margin: var(--vuuTable-columnMenu-margin, 0);\n width: auto;\n}\n\n.vuuTable-columnMenu:hover {\n --vuu-icon-color: #15171B;\n background-color: #F37880;\n}\n\n.vuuTable-columnMenu-open:hover,\n.vuuTable-columnMenu-open {\n background-color: #6D18BD;\n --vuu-icon-color: white;\n\n}\n\n[data-icon='cog'] {\n --vuu-icon-svg: var(--vuu-svg-cog);\n --vuu-icon-size: 14px;\n }\n\n ", ".vuuTableGroupHeaderCell,\n.vuuTableHeaderCell {\n --cell-align: 'flex-start';\n --vuuColumnHeaderPill-margin: 0;\n --vuuColumnHeaderPill-flex: 0 0 24px;\n\n align-items: center;\n background-color: var(--vuuTableHeaderCell-background, inherit);\n border-bottom: 1px solid #ccc;\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n box-sizing: border-box;\n cursor: default;\n display: inline-flex;\n gap: 4px;\n height: var(--header-height);\n padding: 0 12px 0 4px;\n position: relative;\n vertical-align: top;\n}\n\n .vuuTableHeaderCell-right {\n --columnResizer-left: 0;\n --vuuTable-columnMenu-margin: 0;\n --vuuColumnHeaderPill-margin: 0 3px 0 0;\n --column-menu-left: 2px;\n justify-content: flex-end;\n padding: 0 3px 0 12px;\n }\n\n\n.vuuTableHeaderCell-label {\n flex: 0 1 auto;\n line-height: calc(var(--header-height) - 1px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vuuTableHeaderCell-right .vuuTableHeaderCell-label {\n text-align: right;\n}\n\n.vuuTableHeaderCell-resizing {\n --columnResizeThumb-color: var(--vuu-color-purple-10);\n --columnResizer-color: var(--vuu-color-purple-10);\n --columnResizer-height: var(--table-height);\n}\n\n.vuuTableHeaderCell.vuuPinLeft {\n padding-left: 2px;\n}\n\n .vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n 0% 0%, \n 0% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: var(--vuu-color-gray-40);\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 3px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n -20% 0%, \n -20% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: #A9AAAD;\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 0px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuDraggable-dragAway {\n display: none;\n}\n\n.vuuTable-headingCell {\n background: var(--dataTable-background);\n border-color: var(--salt-separable-tertiary-borderColor);\n border-style: solid solid solid none;\n border-width: 1px;\n color: var(--salt-text-secondary-foreground);\n display: inline-block;\n height: var(--header-height);\n padding: 0 !important;\n}\n", ".vuuTableCell {\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n display: inline-block;\n height: 100%;\n overflow:hidden;\n padding: var(--vuuTableCell-padding, 0 11px 0 12px);\n text-overflow: ellipsis;\n vertical-align: top;\n}\n\n.vuuTableCell-right {\n text-align: right;\n}\n\n.vuuTableCell-editable {\n display: inline-flex;\n line-height: 18px;\n padding-bottom: 1px;\n padding-top: 1px;\n text-overflow: unset;\n}\n \n.vuuTableCell:focus {\n outline: var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);\n outline-offset: -2px;\n /** This is to achieve a white background to outline dashes */\n box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n border-bottom: none;\n}\n\n.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus {\n outline: var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);\n outline-offset: -1px;\n\n}\n.vuuTableCell-editable:focus {\n outline: none;\n}\n\n", ".vuuTableGroupCell {\n --group-cell-spacer-width: 20px;\n align-items: center;\n border-right-color: var(--vuuTableGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));\n border-right-style: solid;\n border-right-width: 1px;\n \n cursor: pointer;\n display: inline-flex;\n height: var(--row-height);\n line-height: 16px;\n}\n\n.vuuTableGroupCell-toggle {\n --vuu-icon-height: 16px;\n --vuu-icon-size: 16px;\n --vuu-icon-width: 8px;\n margin-right: 4px;\n transition: transform 0.25s;\n transform: var(--toggle-icon-transform);\n\n}\n\n.vuuTableGroupCell-spacer {\n width: var(--group-cell-spacer-width);\n }\n", ".vuuTableRow {\n background: var(--row-background,#fff);\n border-bottom: 1px solid var(--row-borderColor);\n box-sizing: border-box;\n height: var(--row-height);\n line-height: calc(var(--row-height) - 1px);\n position: absolute;\n top:0;\n white-space: nowrap;\n }\n \n.vuuTableRow-proxy {\n visibility: hidden;\n}\n\n.vuuTableRow-even {\n --row-background: var(--row-background-even);\n}\n\n.vuuTableRow-highlighted {\n background-color: var(--salt-selectable-background-hover);\n}\n\n\n.vuuTableRow-selected,\n.vuuTableRow-selectedEnd {\n --row-borderColor: var(--salt-separable-secondary-borderColor);\n background-color: var(--salt-selectable-background-selected);\n}\n\n.vuuTableRow-selectedEnd {\n z-index: 1;\n}\n\n.vuuTable-zebra {\n .vuuTableRow-even.vuuTableRow-selected,\n .vuuTableRow-even.vuuTableRow-selectedEnd {\n /** thisis really where we want a darken function */\n background-color: var(--vuu-color-gray-07);\n\n }\n}\n \n .vuuTableRow-selectedStart {\n --vuu-selection-decorator-left-radius: 5px 0 0 0;\n --vuu-selection-decorator-right-radius: 0 5px 0 0;\n border-radius: 5px 5px 0 0;\n }\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 0 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 0 5px 0;\n border-radius: 0 0 5px 5px;\n }\n \n .vuuTableRow-selectedStart.vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 5px 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 5px 5px 0;\n border-radius: 5px 5px 5px 5px;\n \n }\n \n .vuuTableRow-selectedStart:after {\n content: '';\n position: absolute;\n top:0;\n left: 4px;\n height: 1px;\n background-color: var(--vuu-color-purple-10);\n width: calc(var(--content-width) - 8px);\n z-index: 1;\n }\n \n .vuuTableRow-selectedEnd {\n border-bottom-color: var(--vuu-color-purple-10);\n }\n \n .vuuTableRow-selectionDecorator {\n background-color: var(--vuu-selection-decorator-bg, white);\n display: inline-block;\n position: relative;\n height: var(--row-height);\n width: 4px;\n z-index: 2;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyLeft {\n left:0;\n position: sticky;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight {\n right:0;\n position: sticky;\n }\n \n .vuuTableRow-selected {\n --vuu-selection-decorator-bg: var(--vuu-color-purple-10);\n \n }\n \n .vuuTableRow-selectedStart {\n --vuu-selection-decorator-bg: white;\n }\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-bg: white;\n }\n \n \n .vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,\n .vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: var(--vuu-color-purple-10);\n }\n \n \n .vuuTableRow-selectionDecorator.vuuStickyLeft:before {\n border-radius: var(--vuu-selection-decorator-left-radius, 0);\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight:before {\n border-radius: var(--vuu-selection-decorator-right-radius, 0);\n }\n\n .vuuTableRow-expanded {\n --toggle-icon-transform: rotate(90deg);\n }\n \n .vuuDraggable .vuuTableRow {\n --cell-borderColor: transparent;\n --vuu-selection-decorator-bg: transparent;\n transform: none!important;\n z-index: 1;\n }", ".vuu-density-high {\n --vuu-table-row-height: 20px;\n}\n.vuu-density-medium {\n --vuu-table-row-height: 28px;\n}\n.vuu-density-low {\n --vuu-table-row-height: 36px;\n}\n.vuu-density-touch {\n --vuu-table-row-height: 48px;\n}\n\n\n.vuuTable {\n --vuu-table-cell-outlineWidth: 1px;\n --table-height: var(--measured-px-height);\n --table-width: var(--measured-px-width);\n --vuu-table-next-selection-bookend-width: 4px;\n --columnResizer-color: transparent;\n --row-background: white;\n --row-height: var(--row-height-prop, var(--vuu-table-row-height, 20px));\n --cell-borderColor: transparent;\n --row-borderColor: var(--row-background);\n --table-background: var(--salt-container-primary-background);\n\n background: var(--table-background);\n font-family: var(--vuuTable-fontFamily,var(--salt-typography-fontFamily, sans-serif));\n font-size: var(--vuuTable-fontSize,var(--salt-text-fontSize, 12px));\n position: relative;\n user-select: none;\n}\n\n.vuuTable-zebra {\n --row-background-even: var(--salt-container-secondary-background);\n}\n\n.vuuTable-colLines {\n --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n border-bottom: none !important;\n border-top: none !important;\n border-left: solid 1px var(--salt-container-primary-borderColor);\n /* a top border */\n /** creates a border to top od scrollbar */\n /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n height: var(--viewport-body-height);\n left: 0px;\n overflow: auto;\n position: absolute;\n top: var(--total-header-height);\n width: var(--table-width);\n\n\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n border: none;\n width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n height: 10px;\n}\n\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n background-color: white;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n background-clip: padding-box;\n border-radius: 10px;\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n position: absolute;\n width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n background-color: var(--salt-container-primary-background);\n height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n position: relative;\n overflow: auto;\n overscroll-behavior: none;\n width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n display: none;\n}\n\n \n.vuuTable-table {\n position: absolute;\n top: 0;\n left: 0;\n table-layout: fixed;\n width: var(--content-width);\n margin: 0;\n border: none;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.vuuTable-body {\n height: var(--content-height);\n position: relative;\n}\n\n.vuuPinLeft, .vuuPinRight {\n background-color: inherit;\n position: sticky;\n z-index: 1;\n}\n\n.vuuTable-col-headings {\n background-color: white;\n padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n\n position: sticky;\n top: 0;\n /* ensure header row sits atop everything else when scrolling down */\n z-index: 1;\n}\n\n.vuuTable-col-headings:hover {\n --columnResizer-height: var(--header-height);\n --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n .vuuTable-col-headers {\n background-color: var(--table-background);\n white-space: nowrap;\n }\n\n\n .sizer-cell {\n border: none !important;\n height: 0px;\n }\n \n .vuuDraggable-vuuTable {\n --header-height: 25px;\n --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n }\n.vuuDraggable-vuuTable {\n --row-height: 25px;\n} \n\n\n", "\n.vuuTableInputCell.saltInput-primary {\n --salt-focused-outlineStyle: none;\n --saltInput-height: 17px;\n --saltInput-minHeight: 17px;\n border-radius: 4px;\n font-weight: 500;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,\n.vuuTableInputCell.saltInput-primary.saltInput-focused {\n border: solid 2px var(--vuu-color-purple-10);\n padding: 0 3px;\n}\n\n.vuuTableInputCell-icon {\n --vuu-icon-height: 13px;\n --vuu-icon-size: 15px;\n --vuu-icon-width: 12px;\n border-radius: 10px;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,\n.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error {\n border: solid 2px var(--vuu-color-red-50);\n}\n\n\n.vuuTableInputCell-error.saltInput-primary {\n border: solid 1px var(--vuu-color-red-50);\n}", "\n.vuuTableToggleCell {\n --saltButton-borderRadius: 4px;\n --saltButton-height: 16px;\n font-weight: 500;\n position: relative;\n top: 1px;;\n}\n.vuuTableToggleCell-side {\n --saltButton-minWidth: 40px;\n}\n.vuuTableToggleCell.vuuCycleStateButton-buy {\n background-color: var(--vuu-color-green-50);\n}\n\n.vuuTableToggleCell.vuuCycleStateButton-sell {\n background-color: var(--vuu-color-red-50);\n\n}\n\n.vuuTableCell .vuuTableToggleCell:focus {\n /* TODO fix use of important */\n border: solid 2px var(--vuu-color-purple-10) !important;\n color: white !important;\n height: 18px !important;\n top: 0px !important;\n}\n\n\n\n\n\n"],
|
|
5
|
-
"mappings": ";AAAA,CAAC;AACG,mBAAiB;AACjB,0BAAwB;AACxB,oBAAkB;
|
|
3
|
+
"sources": ["../../../packages/vuu-table/src/column-header-pill/ColumnHeaderPill.css", "../../../packages/vuu-table/src/column-header-pill/GroupColumnPill.css", "../../../packages/vuu-table/src/column-header-pill/SortIndicator.css", "../../../packages/vuu-table/src/column-resizing/ColumnResizer.css", "../../../packages/vuu-table/src/header-cell/GroupHeaderCell.css", "../../../packages/vuu-table/src/column-menu/ColumnMenu.css", "../../../packages/vuu-table/src/header-cell/HeaderCell.css", "../../../packages/vuu-table/src/table-cell/TableCell.css", "../../../packages/vuu-table/src/table-cell/TableGroupCell.css", "../../../packages/vuu-table/src/Row.css", "../../../packages/vuu-table/src/Table.css", "../../../packages/vuu-table/src/cell-renderers/checkbox-cell/CheckboxCell.css", "../../../packages/vuu-table/src/cell-renderers/input-cell/InputCell.css", "../../../packages/vuu-table/src/cell-renderers/toggle-cell/ToggleCell.css"],
|
|
4
|
+
"sourcesContent": [".vuuColumnHeaderPill {\n --vuu-icon-size: 14px;\n --menu-item-icon-color: black;\n --vuu-icon-color: var(--salt-actionable-primary-foreground);\n --vuu-icon-height: 12px;\n --vuu-icon-width: 12px;\n align-items: center;\n background: var(--salt-actionable-primary-background);\n color: var(--salt-actionable-primary-foreground);\n border-radius: 4px;\n flex: var(--vuuColumnHeaderPill-flex, none);\n font-size: 11px;\n gap: 4px;\n height: 16px;\n display: flex;\n margin: var(--vuuColumnHeaderPill-margin, 0);\n padding: 0 6px;\n position: relative; \n}\n\n.vuuColumnHeaderPill:hover {\n --vuu-icon-color: var(--salt-actionable-primary-foreground-hover);\n background-color: var(--salt-actionable-primary-background-hover);\n color: var(--salt-actionable-primary-foreground-hover);\n \n}\n\n.vuuColumnHeaderPill-removeButton {\n cursor: pointer;\n}", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", ".vuuColumnResizerNext {\n background-color: var(--columnResizeThumb-color);\n cursor: col-resize;\n height: var(--header-height);\n margin-left: var(--columnResizer-left, auto);\n position: absolute;\n right: -5px;\n width: 8px;\n z-index:1;\n}\n\n.vuuColumnResizerNext:hover {\n --columnResizer-color: var(--vuu-color-purple-10);\n}\n\n.vuuColumnResizerNext:after {\n background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));\n bottom:0;\n content: '';\n position: absolute;\n top: 0;\n right: 3px;\n height: var(--columnResizer-height, 0);\n width: 2px;\n}", "\n.vuu-theme {\n --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTableGroupHeaderCell {\n --vuuColumnHeaderPill-margin: 0;\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n cursor: default;\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n }\n\n\n .vuuTableGroupHeaderCell-inner {\n align-items: center;\n display: flex;\n gap: 4px;\n height: 100%;\n padding-left: 1px;\n }\n\n .vuuTableGroupHeaderCell-col {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n flex: 0 1 auto;\n height: calc(var(--vuuTableHeaderHeight) - 2px);\n justify-content: space-between;\n padding-right: 8px;\n position: relative;\n }\n\n .vuuTableGroupHeaderCell-label {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .vuuTableGroupHeaderCell-close {\n --vuu-icon-height: 18px;\n --vuu-icon-width: 18px;\n cursor: pointer;\n left: 3px;\n }\n \n .vuuTableGroupHeaderCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n .vuuTableGroupHeaderCell-pending {\n --pending-content: '';\n }\n\n .vuuTableGroupHeaderCell-col:has(+ .vuuColumnResizer):after {\n content: var(--pending-content);\n width: 24px;\n height:24px;\n background-image: var(--svg-spinner);\n background-repeat: no-repeat;\n background-size: cover;\n }\n", ".vuuMenuItem {\n --vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z\"/></svg>');\n}\n.vuuColumnMenu {\n --menu-button-size: calc(var(--salt-size-base) - var(--salt-spacing-100));\n --saltButton-padding: var(--salt-spacing-50);\n --saltButton-minWidth: var(--menu-button-size);\n --saltButton-height: var(--menu-button-size);\n --saltButton-width: var(--menu-button-size);\n\n --vuu-icon-height: var(--menu-button-size);\n --vuu-icon-left: 0px;\n --vuu-icon-top: 0px;\n --vuu-icon-width: var(--menu-button-size);\n\n border-radius: 4px;\n flex: 0 0 var(--menu-button-size);\n margin: var(--vuuTable-columnMenu-margin, 0);\n}\n\n ", ".vuuTableGroupHeaderCell,\n.vuuTableHeaderCell {\n --cell-align: 'flex-start';\n --vuuColumnHeaderPill-margin: 0;\n --vuuColumnHeaderPill-flex: 0 0 24px;\n\n align-items: center;\n background-color: var(--vuuTableHeaderCell-background, inherit);\n border-bottom: 1px solid #ccc;\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n box-sizing: border-box;\n cursor: default;\n display: inline-flex;\n gap: 4px;\n height: var(--header-height);\n padding: 0 12px 0 4px;\n position: relative;\n vertical-align: top;\n}\n\n .vuuTableHeaderCell-right {\n --columnResizer-left: 0;\n --vuuTable-columnMenu-margin: 0;\n --vuuColumnHeaderPill-margin: 0 3px 0 0;\n --column-menu-left: 2px;\n justify-content: flex-end;\n padding: 0 3px 0 12px;\n }\n\n\n.vuuTableHeaderCell-label {\n flex: 0 1 auto;\n line-height: calc(var(--header-height) - 1px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vuuTableHeaderCell-right .vuuTableHeaderCell-label {\n text-align: right;\n}\n\n.vuuTableHeaderCell-resizing {\n --columnResizeThumb-color: var(--vuu-color-purple-10);\n --columnResizer-color: var(--vuu-color-purple-10);\n --columnResizer-height: var(--table-height);\n}\n\n.vuuTableHeaderCell.vuuPinLeft {\n padding-left: 2px;\n}\n\n .vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n 0% 0%, \n 0% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: var(--vuu-color-gray-40);\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 3px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n -20% 0%, \n -20% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: #A9AAAD;\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 0px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuDraggable-dragAway {\n display: none;\n}\n\n.vuuTable-headingCell {\n background: var(--dataTable-background);\n border-color: var(--salt-separable-tertiary-borderColor);\n border-style: solid solid solid none;\n border-width: 1px;\n color: var(--salt-text-secondary-foreground);\n display: inline-block;\n height: var(--header-height);\n padding: 0 !important;\n}\n", ".vuuTableCell {\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n /* unfortunately inline-flex doesn't play nice with text-overflow ellipsis */\n display: inline-block;\n white-space: nowrap;\n height: 100%;\n overflow:hidden;\n padding: var(--vuuTableCell-padding, 0 11px 0 12px);\n text-overflow: ellipsis;\n vertical-align: top;\n}\n\n.vuuTableCell-right {\n text-align: right;\n}\n\n.vuuTableCell-editable {\n align-items: center;\n display: inline-flex;\n text-overflow: unset;\n}\n \n.vuuTableCell:focus {\n outline: var(--vuuTableCell-outline, solid var(--salt-focused-outlineColor) 2px);\n outline-offset: -2px;\n /** This is to achieve a white background to outline dashes */\n box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n border-bottom: none;\n}\n\n.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus {\n outline: var(--vuuTableCell-outline, solid var(--salt-focused-outlineColor) 2px);\n outline-offset: -1px;\n\n}\n.vuuTableCell-editable:focus {\n outline: none;\n}\n\n", ".vuuTableGroupCell {\n --group-cell-spacer-width: 20px;\n align-items: center;\n border-right-color: var(--vuuTableGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));\n border-right-style: solid;\n border-right-width: 1px;\n \n cursor: pointer;\n display: inline-flex;\n height: var(--row-height);\n line-height: 16px;\n}\n\n.vuuTableGroupCell-toggle {\n --vuu-icon-height: 16px;\n --vuu-icon-size: 16px;\n --vuu-icon-width: 8px;\n margin-right: 4px;\n transition: transform 0.25s;\n transform: var(--toggle-icon-transform);\n\n}\n\n.vuuTableGroupCell-spacer {\n width: var(--group-cell-spacer-width);\n }\n", ".vuuTableRow {\n background: var(--row-background,var(--table-background));\n color: var(--salt-content-secondary-foreground);\n border-bottom: 1px solid var(--row-borderColor, var(--table-background));\n box-sizing: border-box;\n height: var(--row-height);\n line-height: calc(var(--row-height) - 1px);\n position: absolute;\n top:0;\n white-space: nowrap;\n}\n \n.vuuTableRow-proxy {\n visibility: hidden;\n}\n\n.vuuTableRow-even {\n --row-background: var(--row-background-even);\n}\n\n.vuuTableRow-highlighted {\n background: var(--salt-selectable-background-hover);\n}\n\n\n.vuuTableRow-selected,\n.vuuTableRow-selectedEnd {\n /* --row-borderColor: var(--salt-separable-secondary-borderColor); */\n background-color: var(--salt-selectable-background-selected);\n}\n\n.vuuTableRow-selectedEnd {\n z-index: 1;\n}\n\n.vuuTableRow-selectedStart {\n --vuu-selection-decorator-left-radius: 5px 0 0 0;\n --vuu-selection-decorator-right-radius: 0 5px 0 0;\n\n border-radius: 5px 5px 0 0;\n}\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 0 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 0 5px 0;\n border-radius: 0 0 5px 5px;\n }\n \n .vuuTableRow-selectedStart.vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 5px 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 5px 5px 0;\n border-radius: 5px 5px 5px 5px;\n \n }\n \n .vuuTableRow-selectedStart:after {\n content: '';\n position: absolute;\n top: -1px;\n left: 4px;\n height: 1px;\n background: var(--vuuTableRow-selectionBlock-borderColor);\n width: calc(var(--content-width) - 8px);\n z-index: 1;\n }\n \n .vuuTableRow-selectedEnd {\n border-bottom-color: var(--vuuTableRow-selectionBlock-borderColor, var(--row-borderColor));\n }\n \n .vuuTableRow-selectionDecorator {\n background: var(--table-background);\n display: inline-block;\n position: relative;\n height: var(--row-height);\n width: 4px;\n z-index: 2;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyLeft {\n left:0;\n position: sticky;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight {\n right:0;\n position: sticky;\n } \n \n .vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,\n .vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before {\n content: '';\n inset: -1px 0 0 0;\n position: absolute;\n background: var(--table-background);\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyLeft:before {\n border-radius: var(--vuu-selection-decorator-left-radius, 0);\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight:before {\n border-radius: var(--vuu-selection-decorator-right-radius, 0);\n }\n\n .vuuTableRow-expanded {\n --toggle-icon-transform: rotate(90deg);\n }\n \n.vuuDraggable .vuuTableRow {\n --cell-borderColor: transparent;\n --vuu-selection-decorator-bg: transparent;\n transform: none!important;\n z-index: 1;\n}", "\n.vuuTable {\n --vuu-table-cell-outlineWidth: 1px;\n --table-height: var(--measured-px-height);\n --table-width: var(--measured-px-width);\n --vuu-table-next-selection-bookend-width: 4px;\n --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n --columnResizer-color: transparent;\n --row-height: var(--row-height-prop, var(--vuu-table-row-height, var(--salt-size-base)));\n\n --cell-borderColor: transparent;\n --row-borderColor: var(--row-background);\n --table-background: var(--salt-container-primary-background);\n\n background: var(--table-background);\n font-family: var(--vuuTable-fontFamily,var(--salt-typography-fontFamily, sans-serif));\n font-size: var(--vuuTable-fontSize,var(--salt-text-fontSize, 12px));\n position: relative;\n user-select: none;\n}\n\n.vuuTable-zebra {\n --row-background-even: var(--table-background);\n}\n\n.vuuTable-colLines {\n --cell-borderColor: var(\n \n );\n}\n\n.vuuTable-rowLines {\n --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n border-bottom: none !important;\n border-top: none !important;\n border-left: solid 1px var(--salt-container-primary-borderColor);\n /* a top border */\n /** creates a border to top od scrollbar */\n /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n height: var(--viewport-body-height);\n left: 0px;\n overflow: auto;\n position: absolute;\n top: var(--total-header-height);\n width: var(--table-width);\n\n\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n border: none;\n width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n height: 10px;\n}\n\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n background-color: white;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n background-clip: padding-box;\n border-radius: 10px;\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n position: absolute;\n width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n background: var(--table-background);\n height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n position: relative;\n overflow: auto;\n overscroll-behavior: none;\n width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n display: none;\n}\n\n \n.vuuTable-table {\n position: absolute;\n top: 0;\n left: 0;\n table-layout: fixed;\n width: var(--content-width);\n margin: 0;\n border: none;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.vuuTable-body {\n height: var(--content-height);\n position: relative;\n}\n\n.vuuPinLeft, .vuuPinRight {\n background-color: inherit;\n position: sticky;\n z-index: 1;\n}\n\n.vuuTable-col-headings {\n background-color: var(--table-background);\n padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n\n position: sticky;\n top: 0;\n /* ensure header row sits atop everything else when scrolling down */\n z-index: 1;\n}\n\n.vuuTable-col-headings:hover {\n --columnResizer-height: var(--header-height);\n --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n .vuuTable-col-headers {\n background-color: var(--table-background);\n color: var(--salt-content-secondary-foreground);\n white-space: nowrap;\n }\n\n\n .sizer-cell {\n border: none !important;\n height: 0px;\n }\n \n .vuuDraggable-vuuTable {\n --header-height: 25px;\n --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n }\n.vuuDraggable-vuuTable {\n --row-height: 25px;\n} \n\n\n", ".vuuTableCell {\n .vuuCheckboxIcon {\n margin-top: calc(var(--row-height) / 2 - 6px ); \n }\n}", "\n.vuuTableInputCell.saltInput-primary {\n --salt-focused-outlineStyle: none;\n --saltInput-height: var(--vuu-table-embedded-control-height);\n --saltInput-minHeight: var(--saltInput-height);\n border-radius: 4px;\n font-weight: 500;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,\n.vuuTableInputCell.saltInput-primary.saltInput-focused {\n border: solid 2px var(--salt-focused-outlineColor);\n padding: 0 3px;\n}\n\n.vuuTableInputCell-icon {\n --vuu-icon-height: 13px;\n --vuu-icon-size: 15px;\n --vuu-icon-width: 12px;\n border-radius: 10px;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,\n.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error {\n border: solid 2px var(--vuu-color-red-50);\n}\n\n\n.vuuTableInputCell-error.saltInput-primary {\n border: solid 1px var(--vuu-color-red-50);\n}", "\n.vuuTableToggleCell {\n --saltButton-borderRadius: 4px;\n --saltButton-height: 16px;\n font-weight: 500;\n position: relative;\n top: 1px;;\n}\n.vuuTableToggleCell-side {\n --saltButton-minWidth: 40px;\n}\n.vuuTableToggleCell.vuuCycleStateButton-buy {\n background-color: var(--vuu-color-green-50);\n}\n\n.vuuTableToggleCell.vuuCycleStateButton-sell {\n background-color: var(--vuu-color-red-50);\n\n}\n\n.vuuTableCell .vuuTableToggleCell:focus {\n /* TODO fix use of important */\n border: solid 2px var(--vuu-color-purple-10) !important;\n color: white !important;\n height: 18px !important;\n top: 0px !important;\n}\n\n\n\n\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuu-ui/vuu-table",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.25-debug",
|
|
4
4
|
"author": "heswell",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"devDependencies": {
|
|
7
|
-
"@vuu-ui/vuu-data-types": "0.8.
|
|
8
|
-
"@vuu-ui/vuu-table-types": "0.8.
|
|
9
|
-
"@vuu-ui/vuu-protocol-types": "0.8.
|
|
7
|
+
"@vuu-ui/vuu-data-types": "0.8.25-debug",
|
|
8
|
+
"@vuu-ui/vuu-table-types": "0.8.25-debug",
|
|
9
|
+
"@vuu-ui/vuu-protocol-types": "0.8.25-debug"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@salt-ds/core": "1.17.0",
|
|
13
|
-
"@vuu-ui/vuu-layout": "0.8.
|
|
14
|
-
"@vuu-ui/vuu-popups": "0.8.
|
|
15
|
-
"@vuu-ui/vuu-ui-controls": "0.8.
|
|
16
|
-
"@vuu-ui/vuu-utils": "0.8.
|
|
13
|
+
"@vuu-ui/vuu-layout": "0.8.25-debug",
|
|
14
|
+
"@vuu-ui/vuu-popups": "0.8.25-debug",
|
|
15
|
+
"@vuu-ui/vuu-ui-controls": "0.8.25-debug",
|
|
16
|
+
"@vuu-ui/vuu-utils": "0.8.25-debug"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"clsx": "^2.0.0",
|
package/types/Row.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DataSourceRow } from "@vuu-ui/vuu-data-types";
|
|
2
|
-
import { DataCellEditHandler, RuntimeColumnDescriptor,
|
|
2
|
+
import { DataCellEditHandler, RuntimeColumnDescriptor, TableRowClickHandlerInternal } from "@vuu-ui/vuu-table-types";
|
|
3
3
|
import { ColumnMap, RowClassNameGenerator } from "@vuu-ui/vuu-utils";
|
|
4
4
|
import { CSSProperties } from "react";
|
|
5
5
|
import "./Row.css";
|
|
@@ -11,7 +11,7 @@ export interface RowProps {
|
|
|
11
11
|
highlighted?: boolean;
|
|
12
12
|
row: DataSourceRow;
|
|
13
13
|
offset: number;
|
|
14
|
-
onClick?:
|
|
14
|
+
onClick?: TableRowClickHandlerInternal;
|
|
15
15
|
onDataEdited?: DataCellEditHandler;
|
|
16
16
|
onToggleGroup?: (row: DataSourceRow, column: RuntimeColumnDescriptor) => void;
|
|
17
17
|
style?: CSSProperties;
|
package/types/Table.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { DataSource,
|
|
2
|
-
import { TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
|
|
1
|
+
import { DataSource, SchemaColumn, SelectionChangeHandler, VuuFeatureInvocationMessage } from "@vuu-ui/vuu-data-types";
|
|
2
|
+
import { TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableRowSelectHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
|
|
3
3
|
import { DragStartHandler, dragStrategy, MeasuredContainerProps } from "@vuu-ui/vuu-ui-controls";
|
|
4
4
|
import { FC, ForwardedRef } from "react";
|
|
5
5
|
import { RowProps } from "./Row";
|
|
6
6
|
import type { DragDropState } from "@vuu-ui/vuu-ui-controls";
|
|
7
7
|
import "./Table.css";
|
|
8
8
|
import { ScrollingAPI } from "./useTableScroll";
|
|
9
|
-
export type TableRowSelectHandler = (row: DataSourceRow) => void;
|
|
10
9
|
export type TableNavigationStyle = "none" | "cell" | "row";
|
|
11
10
|
export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" | "onDrop" | "onSelect"> {
|
|
12
11
|
Row?: FC<RowProps>;
|
|
@@ -4,4 +4,4 @@ import "./ColumnMenu.css";
|
|
|
4
4
|
export interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {
|
|
5
5
|
column: RuntimeColumnDescriptor;
|
|
6
6
|
}
|
|
7
|
-
export declare const ColumnMenu: ({ className, column
|
|
7
|
+
export declare const ColumnMenu: ({ className, column }: ColumnMenuProps) => JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ColumnDescriptor, GroupColumnDescriptor, HeaderCellProps, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
|
|
3
3
|
import "./GroupHeaderCell.css";
|
|
4
|
-
export interface
|
|
4
|
+
export interface GroupHeaderCellProps extends Omit<HeaderCellProps, "onDragStart" | "onDrag" | "onDragEnd"> {
|
|
5
5
|
column: GroupColumnDescriptor;
|
|
6
6
|
onMoveColumn?: (columns: ColumnDescriptor[]) => void;
|
|
7
7
|
onRemoveColumn: (column: RuntimeColumnDescriptor) => void;
|
|
8
8
|
}
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const GroupHeaderCell: ({ column: groupColumn, className: classNameProp, onMoveColumn, onRemoveColumn, onResize, ...htmlAttributes }: GroupHeaderCellProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./
|
|
1
|
+
export * from "./GroupHeaderCell";
|
|
2
2
|
export * from "./HeaderCell";
|
package/types/index.d.ts
CHANGED
package/types/useSelection.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { TableRowClickHandlerInternal, TableRowSelectHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-types";
|
|
2
|
+
import { SelectionChangeHandler } from "@vuu-ui/vuu-data-types";
|
|
3
3
|
import { KeyboardEventHandler, MutableRefObject } from "react";
|
|
4
4
|
export interface SelectionHookProps {
|
|
5
5
|
highlightedIndexRef: MutableRefObject<number | undefined>;
|
|
6
6
|
selectionKeys?: string[];
|
|
7
7
|
selectionModel: TableSelectionModel;
|
|
8
|
-
onSelect?:
|
|
8
|
+
onSelect?: TableRowSelectHandlerInternal;
|
|
9
9
|
onSelectionChange: SelectionChangeHandler;
|
|
10
10
|
}
|
|
11
11
|
export declare const useSelection: ({ highlightedIndexRef, selectionKeys, selectionModel, onSelect, onSelectionChange, }: SelectionHookProps) => {
|
|
12
12
|
onKeyDown: KeyboardEventHandler<HTMLElement>;
|
|
13
|
-
onRowClick:
|
|
13
|
+
onRowClick: TableRowClickHandlerInternal;
|
|
14
14
|
};
|
package/types/useTable.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DataSourceRow } from "@vuu-ui/vuu-data-types";
|
|
2
|
-
import { ColumnDescriptor, DataCellEditHandler,
|
|
2
|
+
import { ColumnDescriptor, DataCellEditHandler, TableRowClickHandlerInternal, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableSelectionModel } from "@vuu-ui/vuu-table-types";
|
|
3
3
|
import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
|
|
4
4
|
import { MeasuredProps, MeasuredSize } from "@vuu-ui/vuu-ui-controls";
|
|
5
5
|
import { FocusEvent, KeyboardEvent, RefObject } from "react";
|
|
@@ -33,7 +33,7 @@ export declare const useTable: ({ allowDragDrop, availableColumns, config, conta
|
|
|
33
33
|
onMoveColumn: (columns: ColumnDescriptor[]) => void;
|
|
34
34
|
onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
|
|
35
35
|
onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;
|
|
36
|
-
onRowClick:
|
|
36
|
+
onRowClick: TableRowClickHandlerInternal;
|
|
37
37
|
onSortColumn: (column: ColumnDescriptor, extendSort?: any, sortType?: VuuSortType) => void;
|
|
38
38
|
onResizeColumn: TableColumnResizeHandler;
|
|
39
39
|
onToggleGroup: (row: DataSourceRow, column: RuntimeColumnDescriptor) => void;
|