@semcore/data-table 16.0.6 → 16.0.7-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/lib/cjs/components/Body/Body.js +39 -37
  3. package/lib/cjs/components/Body/Body.js.map +1 -1
  4. package/lib/cjs/components/Body/Cell.js +37 -36
  5. package/lib/cjs/components/Body/Cell.js.map +1 -1
  6. package/lib/cjs/components/Body/Row.js +37 -36
  7. package/lib/cjs/components/Body/Row.js.map +1 -1
  8. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  9. package/lib/cjs/components/Body/style.shadow.css +33 -33
  10. package/lib/cjs/components/DataTable/DataTable.js +45 -42
  11. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  12. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  13. package/lib/cjs/components/Head/Column.js +24 -22
  14. package/lib/cjs/components/Head/Column.js.map +1 -1
  15. package/lib/cjs/components/Head/Group.js +24 -22
  16. package/lib/cjs/components/Head/Group.js.map +1 -1
  17. package/lib/cjs/components/Head/Head.js +60 -35
  18. package/lib/cjs/components/Head/Head.js.map +1 -1
  19. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  20. package/lib/cjs/components/Head/style.shadow.css +4 -0
  21. package/lib/cjs/style/scroll-shadows.shadow.css +12 -4
  22. package/lib/es6/components/Body/Body.js +39 -37
  23. package/lib/es6/components/Body/Body.js.map +1 -1
  24. package/lib/es6/components/Body/Cell.js +37 -36
  25. package/lib/es6/components/Body/Cell.js.map +1 -1
  26. package/lib/es6/components/Body/Row.js +37 -36
  27. package/lib/es6/components/Body/Row.js.map +1 -1
  28. package/lib/es6/components/Body/Row.types.js.map +1 -1
  29. package/lib/es6/components/Body/style.shadow.css +33 -33
  30. package/lib/es6/components/DataTable/DataTable.js +45 -42
  31. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  32. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  33. package/lib/es6/components/Head/Column.js +24 -22
  34. package/lib/es6/components/Head/Column.js.map +1 -1
  35. package/lib/es6/components/Head/Group.js +24 -22
  36. package/lib/es6/components/Head/Group.js.map +1 -1
  37. package/lib/es6/components/Head/Head.js +61 -36
  38. package/lib/es6/components/Head/Head.js.map +1 -1
  39. package/lib/es6/components/Head/Head.types.js.map +1 -1
  40. package/lib/es6/components/Head/style.shadow.css +4 -0
  41. package/lib/es6/style/scroll-shadows.shadow.css +12 -4
  42. package/lib/esm/components/Body/Body.mjs +40 -38
  43. package/lib/esm/components/Body/Cell.mjs +38 -37
  44. package/lib/esm/components/Body/Row.mjs +38 -37
  45. package/lib/esm/components/Body/style.shadow.css +33 -33
  46. package/lib/esm/components/DataTable/DataTable.mjs +46 -43
  47. package/lib/esm/components/Head/Column.mjs +25 -23
  48. package/lib/esm/components/Head/Group.mjs +25 -23
  49. package/lib/esm/components/Head/Head.mjs +50 -30
  50. package/lib/esm/components/Head/style.shadow.css +4 -0
  51. package/lib/esm/style/scroll-shadows.shadow.css +12 -4
  52. package/lib/types/components/Body/Row.types.d.ts +1 -0
  53. package/lib/types/components/DataTable/DataTable.types.d.ts +2 -17
  54. package/lib/types/components/Head/Head.types.d.ts +4 -1
  55. package/package.json +22 -22
package/lib/esm/components/DataTable/DataTable.mjs CHANGED
@@ -31,18 +31,18 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  (sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ".___SDataTable_1ra98_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1ra98_gg_.__gridTemplateColumns_1ra98_gg_{grid-template-columns:var(--gridTemplateColumns_1ra98)}.___SDataTable_1ra98_gg_.__gridTemplateAreas_1ra98_gg_{grid-template-areas:var(--gridTemplateAreas_1ra98)}.___SDataTable_1ra98_gg_.__gridTemplateRows_1ra98_gg_{grid-template-rows:var(--gridTemplateRows_1ra98)}",
34
+ ".___SDataTable_f7mr6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_f7mr6_gg_.__gridTemplateColumns_f7mr6_gg_{grid-template-columns:var(--gridTemplateColumns_f7mr6)}.___SDataTable_f7mr6_gg_.__gridTemplateAreas_f7mr6_gg_{grid-template-areas:var(--gridTemplateAreas_f7mr6)}.___SDataTable_f7mr6_gg_.__gridTemplateRows_f7mr6_gg_{grid-template-rows:var(--gridTemplateRows_f7mr6)}",
35
35
  /*__inner_css_end__*/
36
- "1ra98_gg_"
36
+ "f7mr6_gg_"
37
37
  ), /*__reshadow_css_end__*/
38
38
  {
39
- "__SDataTable": "___SDataTable_1ra98_gg_",
40
- "_gridTemplateColumns": "__gridTemplateColumns_1ra98_gg_",
41
- "--gridTemplateColumns": "--gridTemplateColumns_1ra98",
42
- "_gridTemplateAreas": "__gridTemplateAreas_1ra98_gg_",
43
- "--gridTemplateAreas": "--gridTemplateAreas_1ra98",
44
- "_gridTemplateRows": "__gridTemplateRows_1ra98_gg_",
45
- "--gridTemplateRows": "--gridTemplateRows_1ra98"
39
+ "__SDataTable": "___SDataTable_f7mr6_gg_",
40
+ "_gridTemplateColumns": "__gridTemplateColumns_f7mr6_gg_",
41
+ "--gridTemplateColumns": "--gridTemplateColumns_f7mr6",
42
+ "_gridTemplateAreas": "__gridTemplateAreas_f7mr6_gg_",
43
+ "--gridTemplateAreas": "--gridTemplateAreas_f7mr6",
44
+ "_gridTemplateRows": "__gridTemplateRows_f7mr6_gg_",
45
+ "--gridTemplateRows": "--gridTemplateRows_f7mr6"
46
46
  })
47
47
  );
48
48
  /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
@@ -50,25 +50,25 @@ var scrollStyles = (
50
50
  /*__reshadow_css_start__*/
51
51
  (sstyled.insert(
52
52
  /*__inner_css_start__*/
53
- ".___SScrollArea_s0isx_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_{overflow:visible;overflow:initial}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_._scrollDirection_both_s0isx_gg_{overflow:auto}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_._scrollDirection_horizontal_s0isx_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_._scrollDirection_vertical_s0isx_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__loading_s0isx_gg_{overflow:hidden}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__headerHeight_s0isx_gg_{scroll-padding-top:var(--headerHeight_s0isx)}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__leftScrollPadding_s0isx_gg_{scroll-padding-left:var(--leftScrollPadding_s0isx)}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__rightScrollPadding_s0isx_gg_{scroll-padding-right:var(--rightScrollPadding_s0isx)}.___SScrollArea_s0isx_gg_ .___SShadowVertical_s0isx_gg_:before{display:none}.___SScrollArea_s0isx_gg_ .___SShadowHorizontal_s0isx_gg_:after,.___SScrollArea_s0isx_gg_ .___SShadowHorizontal_s0isx_gg_:before,.___SScrollArea_s0isx_gg_ .___SShadowVertical_s0isx_gg_:after{z-index:2}",
53
+ ".___SScrollArea_1ks92_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_{overflow:visible;overflow:initial}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_both_1ks92_gg_{overflow:auto}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_both_1ks92_gg_.__loading_1ks92_gg_,.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_horizontal_1ks92_gg_.__loading_1ks92_gg_,.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_vertical_1ks92_gg_.__loading_1ks92_gg_{overflow:hidden}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_horizontal_1ks92_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_vertical_1ks92_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__headerHeight_1ks92_gg_{scroll-padding-top:var(--headerHeight_1ks92)}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__leftScrollPadding_1ks92_gg_{scroll-padding-left:var(--leftScrollPadding_1ks92)}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__rightScrollPadding_1ks92_gg_{scroll-padding-right:var(--rightScrollPadding_1ks92)}.___SScrollArea_1ks92_gg_ .___SShadowVertical_1ks92_gg_:before{display:none}.___SScrollArea_1ks92_gg_ .___SShadowHorizontal_1ks92_gg_:after,.___SScrollArea_1ks92_gg_ .___SShadowHorizontal_1ks92_gg_:before,.___SScrollArea_1ks92_gg_ .___SShadowVertical_1ks92_gg_:after{z-index:2}",
54
54
  /*__inner_css_end__*/
55
- "s0isx_gg_"
55
+ "1ks92_gg_"
56
56
  ), /*__reshadow_css_end__*/
57
57
  {
58
- "__SScrollArea": "___SScrollArea_s0isx_gg_",
59
- "__SContainer": "___SContainer_s0isx_gg_",
60
- "_scrollDirection_both": "_scrollDirection_both_s0isx_gg_",
61
- "_scrollDirection_horizontal": "_scrollDirection_horizontal_s0isx_gg_",
62
- "_scrollDirection_vertical": "_scrollDirection_vertical_s0isx_gg_",
63
- "_loading": "__loading_s0isx_gg_",
64
- "_headerHeight": "__headerHeight_s0isx_gg_",
65
- "--headerHeight": "--headerHeight_s0isx",
66
- "_leftScrollPadding": "__leftScrollPadding_s0isx_gg_",
67
- "--leftScrollPadding": "--leftScrollPadding_s0isx",
68
- "_rightScrollPadding": "__rightScrollPadding_s0isx_gg_",
69
- "--rightScrollPadding": "--rightScrollPadding_s0isx",
70
- "__SShadowVertical": "___SShadowVertical_s0isx_gg_",
71
- "__SShadowHorizontal": "___SShadowHorizontal_s0isx_gg_"
58
+ "__SScrollArea": "___SScrollArea_1ks92_gg_",
59
+ "__SContainer": "___SContainer_1ks92_gg_",
60
+ "_scrollDirection_both": "_scrollDirection_both_1ks92_gg_",
61
+ "_loading": "__loading_1ks92_gg_",
62
+ "_scrollDirection_horizontal": "_scrollDirection_horizontal_1ks92_gg_",
63
+ "_scrollDirection_vertical": "_scrollDirection_vertical_1ks92_gg_",
64
+ "_headerHeight": "__headerHeight_1ks92_gg_",
65
+ "--headerHeight": "--headerHeight_1ks92",
66
+ "_leftScrollPadding": "__leftScrollPadding_1ks92_gg_",
67
+ "--leftScrollPadding": "--leftScrollPadding_1ks92",
68
+ "_rightScrollPadding": "__rightScrollPadding_1ks92_gg_",
69
+ "--rightScrollPadding": "--rightScrollPadding_1ks92",
70
+ "__SShadowVertical": "___SShadowVertical_1ks92_gg_",
71
+ "__SShadowHorizontal": "___SShadowHorizontal_1ks92_gg_"
72
72
  })
73
73
  );
74
74
  var ACCORDION = Symbol("accordion");
@@ -110,19 +110,18 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
110
110
  });
111
111
  _defineProperty(_this, "handleSelectRow", function(isSelected, selectedRowIndex, row, event) {
112
112
  var _this$asProps = _this.asProps, selectedRows = _this$asProps.selectedRows, onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
113
- if (selectedRows && onSelectedRowsChange) {
114
- var newSelectedRows = new Set(selectedRows);
115
- if (isSelected && !newSelectedRows.has(row[UNIQ_ROW_KEY])) {
116
- newSelectedRows.add(row[UNIQ_ROW_KEY]);
117
- } else if (!isSelected && newSelectedRows.has(row[UNIQ_ROW_KEY])) {
118
- newSelectedRows["delete"](row[UNIQ_ROW_KEY]);
119
- }
120
- onSelectedRowsChange(_toConsumableArray(newSelectedRows), event, {
121
- selectedRowIndex,
122
- isSelected,
123
- row
124
- });
113
+ if (!selectedRows || !onSelectedRowsChange) return;
114
+ var selectedRowsSet = new Set(selectedRows);
115
+ if (selectedRowsSet.has(row[UNIQ_ROW_KEY])) {
116
+ selectedRowsSet["delete"](row[UNIQ_ROW_KEY]);
117
+ } else {
118
+ selectedRowsSet.add(row[UNIQ_ROW_KEY]);
125
119
  }
120
+ onSelectedRowsChange(Array.from(selectedRowsSet), event, {
121
+ selectedRowIndex,
122
+ isSelected,
123
+ row
124
+ });
126
125
  });
127
126
  _defineProperty(_this, "setSelectAllMessage", function(selectedAll) {
128
127
  if (_this.selectAllMessageTimer) {
@@ -408,6 +407,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
408
407
  value: function componentDidMount() {
409
408
  var _this2 = this;
410
409
  var _this$asProps2 = this.asProps, headerProps = _this$asProps2.headerProps, loading = _this$asProps2.loading;
410
+ _this$asProps2.selectedRows;
411
411
  if (headerProps !== null && headerProps !== void 0 && headerProps.sticky && !headerProps.h || loading || this.columns.some(function(c) {
412
412
  return c.fixed;
413
413
  })) {
@@ -507,15 +507,18 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
507
507
  sideIndents,
508
508
  totalRows: this.totalRows,
509
509
  selectedRows,
510
+ flatRows: this.flatRows,
510
511
  onChangeSelectAll: function onChangeSelectAll(value, e) {
511
- if (value === false) {
512
- onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange([], e);
512
+ var mappedFlatRows = _this3.flatRows.map(function(r) {
513
+ return r[UNIQ_ROW_KEY];
514
+ });
515
+ var selectedRowsSet = new Set(selectedRows);
516
+ if (value) {
517
+ mappedFlatRows.forEach(selectedRowsSet.add, selectedRowsSet);
513
518
  } else {
514
- var _selectedRows = _this3.flatRows.map(function(row) {
515
- return row[UNIQ_ROW_KEY];
516
- });
517
- onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(_selectedRows, e);
519
+ mappedFlatRows.forEach(selectedRowsSet["delete"], selectedRowsSet);
518
520
  }
521
+ onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(Array.from(selectedRowsSet), e);
519
522
  },
520
523
  getFixedStyle: this.getFixedStyle,
521
524
  onCellClick: this.handleCellClick
package/lib/esm/components/Head/Column.mjs CHANGED
@@ -24,32 +24,34 @@ var style = (
24
24
  /*__reshadow_css_start__*/
25
25
  (sstyled.insert(
26
26
  /*__inner_css_start__*/
27
- '.___SGroupContainer_4nfyd_gg_,.___SHead_4nfyd_gg_{display:contents}.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SColumn_4nfyd_gg_,.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SGroup_4nfyd_gg_{position:sticky;top:0;z-index:2}.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SGroupContainer_4nfyd_gg_>.___SColumn_4nfyd_gg_{position:sticky;z-index:2}.___SHead_4nfyd_gg_.__compact_4nfyd_gg_ .___SColumn_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_4nfyd_gg_,.___SGroup_4nfyd_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_4nfyd_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_4nfyd_gg_._use_primary_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_4nfyd_gg_._use_primary_4nfyd_gg_:has(~.___SColumn_4nfyd_gg_.__visibleSort_4nfyd_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_4nfyd_gg_._use_secondary_4nfyd_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_4nfyd_gg_._borders_both_4nfyd_gg_,.___SColumn_4nfyd_gg_._borders_left_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_both_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_left_4nfyd_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_4nfyd_gg_._borders_both_4nfyd_gg_,.___SColumn_4nfyd_gg_._borders_right_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_both_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_right_4nfyd_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortButton_4nfyd_gg_,.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before,.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{display:flex;opacity:1}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortButton_4nfyd_gg_{display:flex;opacity:1}.___SColumn_4nfyd_gg_.__gridArea_4nfyd_gg_,.___SGroupTitle_4nfyd_gg_.__gridArea_4nfyd_gg_,.___SGroup_4nfyd_gg_.__gridArea_4nfyd_gg_{grid-area:var(--gridArea_4nfyd)}.___SHead_4nfyd_gg_ .___SColumn_4nfyd_gg_.__fixed_4nfyd_gg_,.___SHead_4nfyd_gg_ .___SGroup_4nfyd_gg_.__fixed_4nfyd_gg_,.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SColumn_4nfyd_gg_.__fixed_4nfyd_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_4nfyd_gg_.__sortable_4nfyd_gg_:hover{cursor:pointer}}.___SSortWrapper_4nfyd_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_4nfyd_gg_,.___SSortWrapper_4nfyd_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_4nfyd_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_4nfyd_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_4nfyd_gg_._sideIndents_wide_4nfyd_gg_ .___SColumn_4nfyd_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_4nfyd_gg_._sideIndents_wide_4nfyd_gg_ .___SColumn_4nfyd_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_4nfyd_gg_{cursor:pointer}',
27
+ '.___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1uo6g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}',
28
28
  /*__inner_css_end__*/
29
- "4nfyd_gg_"
29
+ "1uo6g_gg_"
30
30
  ), /*__reshadow_css_end__*/
31
31
  {
32
- "__SHead": "___SHead_4nfyd_gg_",
33
- "__SGroupContainer": "___SGroupContainer_4nfyd_gg_",
34
- "_sticky": "__sticky_4nfyd_gg_",
35
- "__SColumn": "___SColumn_4nfyd_gg_",
36
- "__SGroup": "___SGroup_4nfyd_gg_",
37
- "_compact": "__compact_4nfyd_gg_",
38
- "_use_secondary": "_use_secondary_4nfyd_gg_",
39
- "_borders_both": "_borders_both_4nfyd_gg_",
40
- "_borders_left": "_borders_left_4nfyd_gg_",
41
- "_borders_right": "_borders_right_4nfyd_gg_",
42
- "_gridArea": "__gridArea_4nfyd_gg_",
43
- "__SGroupTitle": "___SGroupTitle_4nfyd_gg_",
44
- "--gridArea": "--gridArea_4nfyd",
45
- "_fixed": "__fixed_4nfyd_gg_",
46
- "_sortable": "__sortable_4nfyd_gg_",
47
- "__SSortWrapper": "___SSortWrapper_4nfyd_gg_",
48
- "__SSortButton": "___SSortButton_4nfyd_gg_",
49
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_4nfyd_gg_",
50
- "_use_primary": "_use_primary_4nfyd_gg_",
51
- "_visibleSort": "__visibleSort_4nfyd_gg_",
52
- "_sideIndents_wide": "_sideIndents_wide_4nfyd_gg_"
32
+ "__SHead": "___SHead_1uo6g_gg_",
33
+ "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
34
+ "_animationDuration": "__animationDuration_1uo6g_gg_",
35
+ "__SColumn": "___SColumn_1uo6g_gg_",
36
+ "--animationDuration": "--animationDuration_1uo6g",
37
+ "_sticky": "__sticky_1uo6g_gg_",
38
+ "__SGroup": "___SGroup_1uo6g_gg_",
39
+ "_compact": "__compact_1uo6g_gg_",
40
+ "_use_secondary": "_use_secondary_1uo6g_gg_",
41
+ "_borders_both": "_borders_both_1uo6g_gg_",
42
+ "_borders_left": "_borders_left_1uo6g_gg_",
43
+ "_borders_right": "_borders_right_1uo6g_gg_",
44
+ "_gridArea": "__gridArea_1uo6g_gg_",
45
+ "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
46
+ "--gridArea": "--gridArea_1uo6g",
47
+ "_fixed": "__fixed_1uo6g_gg_",
48
+ "_sortable": "__sortable_1uo6g_gg_",
49
+ "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
50
+ "__SSortButton": "___SSortButton_1uo6g_gg_",
51
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
52
+ "_use_primary": "_use_primary_1uo6g_gg_",
53
+ "_visibleSort": "__visibleSort_1uo6g_gg_",
54
+ "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
53
55
  })
54
56
  );
55
57
  var SORTING_ICON = {
package/lib/esm/components/Head/Group.mjs CHANGED
@@ -22,32 +22,34 @@ var style = (
22
22
  /*__reshadow_css_start__*/
23
23
  (sstyled.insert(
24
24
  /*__inner_css_start__*/
25
- '.___SGroupContainer_4nfyd_gg_,.___SHead_4nfyd_gg_{display:contents}.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SColumn_4nfyd_gg_,.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SGroup_4nfyd_gg_{position:sticky;top:0;z-index:2}.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SGroupContainer_4nfyd_gg_>.___SColumn_4nfyd_gg_{position:sticky;z-index:2}.___SHead_4nfyd_gg_.__compact_4nfyd_gg_ .___SColumn_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_4nfyd_gg_,.___SGroup_4nfyd_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_4nfyd_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_4nfyd_gg_._use_primary_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_4nfyd_gg_._use_primary_4nfyd_gg_:has(~.___SColumn_4nfyd_gg_.__visibleSort_4nfyd_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_4nfyd_gg_._use_secondary_4nfyd_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_4nfyd_gg_._borders_both_4nfyd_gg_,.___SColumn_4nfyd_gg_._borders_left_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_both_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_left_4nfyd_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_4nfyd_gg_._borders_both_4nfyd_gg_,.___SColumn_4nfyd_gg_._borders_right_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_both_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_right_4nfyd_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortButton_4nfyd_gg_,.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before,.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{display:flex;opacity:1}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortButton_4nfyd_gg_{display:flex;opacity:1}.___SColumn_4nfyd_gg_.__gridArea_4nfyd_gg_,.___SGroupTitle_4nfyd_gg_.__gridArea_4nfyd_gg_,.___SGroup_4nfyd_gg_.__gridArea_4nfyd_gg_{grid-area:var(--gridArea_4nfyd)}.___SHead_4nfyd_gg_ .___SColumn_4nfyd_gg_.__fixed_4nfyd_gg_,.___SHead_4nfyd_gg_ .___SGroup_4nfyd_gg_.__fixed_4nfyd_gg_,.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SColumn_4nfyd_gg_.__fixed_4nfyd_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_4nfyd_gg_.__sortable_4nfyd_gg_:hover{cursor:pointer}}.___SSortWrapper_4nfyd_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_4nfyd_gg_,.___SSortWrapper_4nfyd_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_4nfyd_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_4nfyd_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_4nfyd_gg_._sideIndents_wide_4nfyd_gg_ .___SColumn_4nfyd_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_4nfyd_gg_._sideIndents_wide_4nfyd_gg_ .___SColumn_4nfyd_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_4nfyd_gg_{cursor:pointer}',
25
+ '.___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1uo6g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}',
26
26
  /*__inner_css_end__*/
27
- "4nfyd_gg_"
27
+ "1uo6g_gg_"
28
28
  ), /*__reshadow_css_end__*/
29
29
  {
30
- "__SHead": "___SHead_4nfyd_gg_",
31
- "__SGroupContainer": "___SGroupContainer_4nfyd_gg_",
32
- "_sticky": "__sticky_4nfyd_gg_",
33
- "__SColumn": "___SColumn_4nfyd_gg_",
34
- "__SGroup": "___SGroup_4nfyd_gg_",
35
- "_compact": "__compact_4nfyd_gg_",
36
- "_use_secondary": "_use_secondary_4nfyd_gg_",
37
- "_borders_both": "_borders_both_4nfyd_gg_",
38
- "_borders_left": "_borders_left_4nfyd_gg_",
39
- "_borders_right": "_borders_right_4nfyd_gg_",
40
- "_gridArea": "__gridArea_4nfyd_gg_",
41
- "__SGroupTitle": "___SGroupTitle_4nfyd_gg_",
42
- "--gridArea": "--gridArea_4nfyd",
43
- "_fixed": "__fixed_4nfyd_gg_",
44
- "_sortable": "__sortable_4nfyd_gg_",
45
- "__SSortWrapper": "___SSortWrapper_4nfyd_gg_",
46
- "__SSortButton": "___SSortButton_4nfyd_gg_",
47
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_4nfyd_gg_",
48
- "_use_primary": "_use_primary_4nfyd_gg_",
49
- "_visibleSort": "__visibleSort_4nfyd_gg_",
50
- "_sideIndents_wide": "_sideIndents_wide_4nfyd_gg_"
30
+ "__SHead": "___SHead_1uo6g_gg_",
31
+ "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
32
+ "_animationDuration": "__animationDuration_1uo6g_gg_",
33
+ "__SColumn": "___SColumn_1uo6g_gg_",
34
+ "--animationDuration": "--animationDuration_1uo6g",
35
+ "_sticky": "__sticky_1uo6g_gg_",
36
+ "__SGroup": "___SGroup_1uo6g_gg_",
37
+ "_compact": "__compact_1uo6g_gg_",
38
+ "_use_secondary": "_use_secondary_1uo6g_gg_",
39
+ "_borders_both": "_borders_both_1uo6g_gg_",
40
+ "_borders_left": "_borders_left_1uo6g_gg_",
41
+ "_borders_right": "_borders_right_1uo6g_gg_",
42
+ "_gridArea": "__gridArea_1uo6g_gg_",
43
+ "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
44
+ "--gridArea": "--gridArea_1uo6g",
45
+ "_fixed": "__fixed_1uo6g_gg_",
46
+ "_sortable": "__sortable_1uo6g_gg_",
47
+ "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
48
+ "__SSortButton": "___SSortButton_1uo6g_gg_",
49
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
50
+ "_use_primary": "_use_primary_1uo6g_gg_",
51
+ "_visibleSort": "__visibleSort_1uo6g_gg_",
52
+ "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
51
53
  })
52
54
  );
53
55
  var Group = /* @__PURE__ */ function(_Component) {
package/lib/esm/components/Head/Head.mjs CHANGED
@@ -14,7 +14,7 @@ import Checkbox from "@semcore/checkbox";
14
14
  import React__default from "react";
15
15
  import { Column } from "./Column.mjs";
16
16
  import { Group } from "./Group.mjs";
17
- import { SELECT_ALL, DataTableInternal } from "../DataTable/DataTable.mjs";
17
+ import { UNIQ_ROW_KEY, SELECT_ALL, DataTableInternal } from "../DataTable/DataTable.mjs";
18
18
  function _callSuper(t, o, e) {
19
19
  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
20
20
  }
@@ -23,32 +23,34 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  (sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- '.___SGroupContainer_4nfyd_gg_,.___SHead_4nfyd_gg_{display:contents}.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SColumn_4nfyd_gg_,.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SGroup_4nfyd_gg_{position:sticky;top:0;z-index:2}.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SGroupContainer_4nfyd_gg_>.___SColumn_4nfyd_gg_{position:sticky;z-index:2}.___SHead_4nfyd_gg_.__compact_4nfyd_gg_ .___SColumn_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_4nfyd_gg_,.___SGroup_4nfyd_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_4nfyd_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_4nfyd_gg_._use_primary_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_4nfyd_gg_._use_primary_4nfyd_gg_:has(~.___SColumn_4nfyd_gg_.__visibleSort_4nfyd_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_4nfyd_gg_._use_secondary_4nfyd_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_4nfyd_gg_._borders_both_4nfyd_gg_,.___SColumn_4nfyd_gg_._borders_left_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_both_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_left_4nfyd_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_4nfyd_gg_._borders_both_4nfyd_gg_,.___SColumn_4nfyd_gg_._borders_right_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_both_4nfyd_gg_,.___SGroup_4nfyd_gg_._borders_right_4nfyd_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortButton_4nfyd_gg_,.___SColumn_4nfyd_gg_._use_primary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before,.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{display:flex;opacity:1}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortWrapper_4nfyd_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_4nfyd_gg_._use_secondary_4nfyd_gg_.__visibleSort_4nfyd_gg_ .___SSortButton_4nfyd_gg_{display:flex;opacity:1}.___SColumn_4nfyd_gg_.__gridArea_4nfyd_gg_,.___SGroupTitle_4nfyd_gg_.__gridArea_4nfyd_gg_,.___SGroup_4nfyd_gg_.__gridArea_4nfyd_gg_{grid-area:var(--gridArea_4nfyd)}.___SHead_4nfyd_gg_ .___SColumn_4nfyd_gg_.__fixed_4nfyd_gg_,.___SHead_4nfyd_gg_ .___SGroup_4nfyd_gg_.__fixed_4nfyd_gg_,.___SHead_4nfyd_gg_.__sticky_4nfyd_gg_ .___SColumn_4nfyd_gg_.__fixed_4nfyd_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_4nfyd_gg_.__sortable_4nfyd_gg_:hover{cursor:pointer}}.___SSortWrapper_4nfyd_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_4nfyd_gg_,.___SSortWrapper_4nfyd_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_4nfyd_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_4nfyd_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_4nfyd_gg_._sideIndents_wide_4nfyd_gg_ .___SColumn_4nfyd_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_4nfyd_gg_._sideIndents_wide_4nfyd_gg_ .___SColumn_4nfyd_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_4nfyd_gg_{cursor:pointer}',
26
+ '.___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1uo6g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}',
27
27
  /*__inner_css_end__*/
28
- "4nfyd_gg_"
28
+ "1uo6g_gg_"
29
29
  ), /*__reshadow_css_end__*/
30
30
  {
31
- "__SHead": "___SHead_4nfyd_gg_",
32
- "__SGroupContainer": "___SGroupContainer_4nfyd_gg_",
33
- "_sticky": "__sticky_4nfyd_gg_",
34
- "__SColumn": "___SColumn_4nfyd_gg_",
35
- "__SGroup": "___SGroup_4nfyd_gg_",
36
- "_compact": "__compact_4nfyd_gg_",
37
- "_use_secondary": "_use_secondary_4nfyd_gg_",
38
- "_borders_both": "_borders_both_4nfyd_gg_",
39
- "_borders_left": "_borders_left_4nfyd_gg_",
40
- "_borders_right": "_borders_right_4nfyd_gg_",
41
- "_gridArea": "__gridArea_4nfyd_gg_",
42
- "__SGroupTitle": "___SGroupTitle_4nfyd_gg_",
43
- "--gridArea": "--gridArea_4nfyd",
44
- "_fixed": "__fixed_4nfyd_gg_",
45
- "_sortable": "__sortable_4nfyd_gg_",
46
- "__SSortWrapper": "___SSortWrapper_4nfyd_gg_",
47
- "__SSortButton": "___SSortButton_4nfyd_gg_",
48
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_4nfyd_gg_",
49
- "_use_primary": "_use_primary_4nfyd_gg_",
50
- "_visibleSort": "__visibleSort_4nfyd_gg_",
51
- "_sideIndents_wide": "_sideIndents_wide_4nfyd_gg_"
31
+ "__SHead": "___SHead_1uo6g_gg_",
32
+ "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
33
+ "_animationDuration": "__animationDuration_1uo6g_gg_",
34
+ "__SColumn": "___SColumn_1uo6g_gg_",
35
+ "--animationDuration": "--animationDuration_1uo6g",
36
+ "_sticky": "__sticky_1uo6g_gg_",
37
+ "__SGroup": "___SGroup_1uo6g_gg_",
38
+ "_compact": "__compact_1uo6g_gg_",
39
+ "_use_secondary": "_use_secondary_1uo6g_gg_",
40
+ "_borders_both": "_borders_both_1uo6g_gg_",
41
+ "_borders_left": "_borders_left_1uo6g_gg_",
42
+ "_borders_right": "_borders_right_1uo6g_gg_",
43
+ "_gridArea": "__gridArea_1uo6g_gg_",
44
+ "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
45
+ "--gridArea": "--gridArea_1uo6g",
46
+ "_fixed": "__fixed_1uo6g_gg_",
47
+ "_sortable": "__sortable_1uo6g_gg_",
48
+ "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
49
+ "__SSortButton": "___SSortButton_1uo6g_gg_",
50
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
51
+ "_use_primary": "_use_primary_1uo6g_gg_",
52
+ "_visibleSort": "__visibleSort_1uo6g_gg_",
53
+ "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
52
54
  })
53
55
  );
54
56
  var HeadRoot = /* @__PURE__ */ function(_Component) {
@@ -127,23 +129,41 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
127
129
  "onClick": onCellClick
128
130
  };
129
131
  }
132
+ }, {
133
+ key: "areAllRowsSelected",
134
+ get: function get() {
135
+ var _this$asProps5 = this.asProps, selectedRows = _this$asProps5.selectedRows, flatRows = _this$asProps5.flatRows;
136
+ return flatRows.every(function(row) {
137
+ return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
138
+ });
139
+ }
140
+ }, {
141
+ key: "isIndeterminate",
142
+ get: function get() {
143
+ var _this$asProps6 = this.asProps, flatRows = _this$asProps6.flatRows, selectedRows = _this$asProps6.selectedRows;
144
+ return flatRows.some(function(row) {
145
+ return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
146
+ });
147
+ }
130
148
  }, {
131
149
  key: "render",
132
150
  value: function render() {
133
151
  var _ref = this.asProps, _ref2;
134
152
  var SHead = Box;
135
153
  var SHeadCheckboxCol = Head.Column;
136
- var _this$asProps5 = this.asProps, Children = _this$asProps5.Children, styles = _this$asProps5.styles, getI18nText = _this$asProps5.getI18nText, children = _this$asProps5.children, treeColumns = _this$asProps5.treeColumns, selectedRows = _this$asProps5.selectedRows, totalRows = _this$asProps5.totalRows;
137
- var checked = selectedRows && selectedRows.length === totalRows && totalRows > 0;
138
- var indeterminate = selectedRows && selectedRows.length > 0 && !checked;
154
+ var _this$asProps7 = this.asProps, Children = _this$asProps7.Children, styles = _this$asProps7.styles, getI18nText = _this$asProps7.getI18nText, children = _this$asProps7.children, treeColumns = _this$asProps7.treeColumns, selectedRows = _this$asProps7.selectedRows, sticky = _this$asProps7.sticky, animationDuration = _this$asProps7.animationDuration;
155
+ var areAllRowsSelected = this.areAllRowsSelected;
156
+ var indeterminate = this.isIndeterminate && !areAllRowsSelected;
139
157
  return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, assignProps({
140
158
  "role": "row",
141
- "aria-rowindex": 1
159
+ "aria-rowindex": 1,
160
+ "sticky": sticky,
161
+ "use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : void 0
142
162
  }, _ref))), selectedRows && /* @__PURE__ */ React__default.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
143
163
  "name": SELECT_ALL.toString(),
144
- "onClick": this.handleClickSelectAll(!checked)
164
+ "onClick": this.handleClickSelectAll(!areAllRowsSelected)
145
165
  }), /* @__PURE__ */ React__default.createElement(Checkbox, _ref2.cn("Checkbox", {
146
- "checked": checked,
166
+ "checked": areAllRowsSelected,
147
167
  "indeterminate": indeterminate,
148
168
  "aria-label": getI18nText("DataTable.Header.selectAllCheckbox:aria-label"),
149
169
  "onChange": this.handleSelectAll
package/lib/esm/components/Head/style.shadow.css CHANGED
@@ -2,6 +2,10 @@ SHead, SGroupContainer {
2
2
  display: contents;
3
3
  }
4
4
 
5
+ SHead[animationDuration] > SColumn {
6
+ transition: top var(--animationDuration) ease-out;
7
+ }
8
+
5
9
  SHead[sticky] SColumn, SHead[sticky] SGroup {
6
10
  position: sticky;
7
11
  top: 0;
package/lib/esm/style/scroll-shadows.shadow.css CHANGED
@@ -6,19 +6,27 @@ SScrollArea {
6
6
 
7
7
  &[scrollDirection='both'] {
8
8
  overflow: auto;
9
+
10
+ &[loading] {
11
+ overflow: hidden;
12
+ }
9
13
  }
10
14
  &[scrollDirection='horizontal'] {
11
15
  overflow-x: auto;
12
16
  overflow-y: unset;
17
+
18
+ &[loading] {
19
+ overflow: hidden;
20
+ }
13
21
  }
14
22
  &[scrollDirection='vertical'] {
15
23
  overflow-x: unset;
16
24
  overflow-y: auto;
17
- }
18
- &[loading] {
19
- overflow: hidden;
20
- }
21
25
 
26
+ &[loading] {
27
+ overflow: hidden;
28
+ }
29
+ }
22
30
  &[headerHeight] {
23
31
  scroll-padding-top: var(--headerHeight);
24
32
  }
package/lib/types/components/Body/Row.types.d.ts CHANGED
@@ -18,6 +18,7 @@ export type DataTableRowProps = {
18
18
  isAccordionRow?: DataTableCellProps['isAccordionRow'];
19
19
  animationExpand?: DataTableCellProps['animationExpand'];
20
20
  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];
21
+ isNonInteractive?: boolean;
21
22
  };
22
23
  export type RowPropsInner = JSX.IntrinsicElements['div'] & {
23
24
  use: DTUse;
package/lib/types/components/DataTable/DataTable.types.d.ts CHANGED
@@ -5,6 +5,7 @@ import type { ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './DataTable';
5
5
  import type { DataTableBodyProps } from '../Body/Body.types';
6
6
  import type { DTRow, UniqRowKey } from '../Body/Row.types';
7
7
  import type { DataTableColumnProps } from '../Head/Column.types';
8
+ import type { DataTableHeadProps } from '../Head/Head.types';
8
9
  /**
9
10
  * Datatable must have an accessible name (aria-table-name).
10
11
  * It should describe table content.
@@ -69,23 +70,7 @@ export type DataTableProps<D extends DataTableData> = DataTableAriaProps & Sizes
69
70
  expandedRows?: Set<string>;
70
71
  virtualScroll?: VirtualScroll;
71
72
  columns: ColumnsConfig;
72
- headerProps?: {
73
- /**
74
- * Sticky header
75
- * @default false
76
- */
77
- sticky?: boolean;
78
- /**
79
- * Height of header in px. It's better to set it to improve performance with sticky header.
80
- */
81
- h?: number;
82
- /**
83
- * offset for sticky header
84
- */
85
- top?: number;
86
- /** Enable scroll bar element in header */
87
- withScrollBar?: boolean;
88
- };
73
+ headerProps?: DataTableHeadProps;
89
74
  rowProps?: DataTableBodyProps['rowProps'];
90
75
  renderCell?: DataTableBodyProps['renderCell'];
91
76
  /**
package/lib/types/components/Head/Head.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { DTColumn } from './Column.types';
2
2
  import type { CellPropsInner } from '../Body/Cell.types';
3
- import type { UniqRowKey } from '../Body/Row.types';
3
+ import type { DTRow, UniqRowKey } from '../Body/Row.types';
4
4
  import type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';
5
5
  export type DataTableHeadProps = {
6
6
  /**
@@ -18,6 +18,8 @@ export type DataTableHeadProps = {
18
18
  h?: number;
19
19
  /** Enable scroll bar element in header */
20
20
  withScrollBar?: boolean;
21
+ /** Animation duration for a top property. When it's set adds animation for top changes */
22
+ animationDuration?: number;
21
23
  };
22
24
  export type HeadPropsInner<D extends DataTableData> = {
23
25
  use: DTUse;
@@ -37,6 +39,7 @@ export type HeadPropsInner<D extends DataTableData> = {
37
39
  totalRows: number;
38
40
  selectedRows?: UniqRowKey[];
39
41
  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;
42
+ flatRows: DTRow[];
40
43
  getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
41
44
  onCellClick: CellPropsInner['onClick'];
42
45
  };