@semcore/data-table 16.0.7 → 16.1.0-prerelease.2

package/lib/esm/components/Head/Group.mjs

@@ -10,7 +10,6 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
 import { Box } from "@semcore/base-components";
-import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React__default from "react";
 import { DataTableInternal } from "../DataTable/DataTable.mjs";
@@ -22,34 +21,40 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___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}',
+    '.___SGroupContainer_1ndk0_gg_,.___SHead_1ndk0_gg_{display:contents}.___SHead_1ndk0_gg_.__animationDuration_1ndk0_gg_>.___SColumn_1ndk0_gg_{transition:top var(--animationDuration_1ndk0) ease-out}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroup_1ndk0_gg_{position:sticky;top:0;z-index:18}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroupContainer_1ndk0_gg_>.___SColumn_1ndk0_gg_{position:sticky;z-index:18}.___SHead_1ndk0_gg_.__compact_1ndk0_gg_ .___SColumn_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_,.___SGroup_1ndk0_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;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1ndk0_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_:has(~.___SColumn_1ndk0_gg_.__visibleSort_1ndk0_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1ndk0_gg_._use_secondary_1ndk0_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_left_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_left_1ndk0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_right_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_right_1ndk0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_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_1ndk0_gg_._use_primary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_,.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before,.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{display:flex;opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_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_1ndk0_gg_._use_secondary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_{display:flex;opacity:1}.___SColumn_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroupTitle_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroup_1ndk0_gg_.__gridArea_1ndk0_gg_{grid-area:var(--gridArea_1ndk0)}.___SHead_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_ .___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1ndk0_gg_.__sortable_1ndk0_gg_:hover{cursor:pointer}}.___SSortWrapper_1ndk0_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_1ndk0_gg_,.___SSortWrapper_1ndk0_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1ndk0_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1ndk0_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_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1ndk0_gg_{cursor:pointer}.___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after,.___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
     /*__inner_css_end__*/
-    "1uo6g_gg_"
+    "1ndk0_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_1uo6g_gg_",
-    "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
-    "_animationDuration": "__animationDuration_1uo6g_gg_",
-    "__SColumn": "___SColumn_1uo6g_gg_",
-    "--animationDuration": "--animationDuration_1uo6g",
-    "_sticky": "__sticky_1uo6g_gg_",
-    "__SGroup": "___SGroup_1uo6g_gg_",
-    "_compact": "__compact_1uo6g_gg_",
-    "_use_secondary": "_use_secondary_1uo6g_gg_",
-    "_borders_both": "_borders_both_1uo6g_gg_",
-    "_borders_left": "_borders_left_1uo6g_gg_",
-    "_borders_right": "_borders_right_1uo6g_gg_",
-    "_gridArea": "__gridArea_1uo6g_gg_",
-    "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
-    "--gridArea": "--gridArea_1uo6g",
-    "_fixed": "__fixed_1uo6g_gg_",
-    "_sortable": "__sortable_1uo6g_gg_",
-    "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
-    "__SSortButton": "___SSortButton_1uo6g_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
-    "_use_primary": "_use_primary_1uo6g_gg_",
-    "_visibleSort": "__visibleSort_1uo6g_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
+    "__SHead": "___SHead_1ndk0_gg_",
+    "__SGroupContainer": "___SGroupContainer_1ndk0_gg_",
+    "_animationDuration": "__animationDuration_1ndk0_gg_",
+    "__SColumn": "___SColumn_1ndk0_gg_",
+    "--animationDuration": "--animationDuration_1ndk0",
+    "_sticky": "__sticky_1ndk0_gg_",
+    "__SGroup": "___SGroup_1ndk0_gg_",
+    "_compact": "__compact_1ndk0_gg_",
+    "_use_secondary": "_use_secondary_1ndk0_gg_",
+    "_borders_both": "_borders_both_1ndk0_gg_",
+    "_borders_left": "_borders_left_1ndk0_gg_",
+    "_borders_right": "_borders_right_1ndk0_gg_",
+    "_gridArea": "__gridArea_1ndk0_gg_",
+    "__SGroupTitle": "___SGroupTitle_1ndk0_gg_",
+    "--gridArea": "--gridArea_1ndk0",
+    "_fixed": "__fixed_1ndk0_gg_",
+    "_sortable": "__sortable_1ndk0_gg_",
+    "__SSortWrapper": "___SSortWrapper_1ndk0_gg_",
+    "__SSortButton": "___SSortButton_1ndk0_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1ndk0_gg_",
+    "_use_primary": "_use_primary_1ndk0_gg_",
+    "_visibleSort": "__visibleSort_1ndk0_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1ndk0_gg_",
+    "_shadowVertical": "__shadowVertical_1ndk0_gg_",
+    "_fixed_left": "_fixed_left_1ndk0_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1ndk0_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1ndk0_gg_",
+    "_fixed_right": "_fixed_right_1ndk0_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1ndk0_gg_"
   })
 );
 var Group = /* @__PURE__ */ function(_Component) {
@@ -78,20 +83,25 @@ var Group = /* @__PURE__ */ function(_Component) {
       var _ref = this.asProps, _ref2, _this2 = this;
       var SGroupContainer = Box;
       var SGroup = Box;
-      var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, title = _this$asProps.title, fixed = _this$asProps.fixed, columns = _this$asProps.columns, withConfig = _this$asProps.withConfig, getFixedStyle = _this$asProps.getFixedStyle;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, title = _this$asProps.title, fixed = _this$asProps.fixed, columns = _this$asProps.columns, withConfig = _this$asProps.withConfig, getFixedStyle = _this$asProps.getFixedStyle, shadowVertical = _this$asProps.shadowVertical;
       var groupColumns = columns !== null && columns !== void 0 ? columns : [];
-      var children = getOriginChildren(Children);
       var firstColumn = groupColumns[0];
       var lastColumn = groupColumns[groupColumns.length - 1];
       var style2 = {};
       if (fixed === "left" && firstColumn) {
-        var _getFixedStyle = getFixedStyle(firstColumn), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
+        var _getFixedStyle = getFixedStyle({
+          name: firstColumn.name,
+          fixed: "left"
+        }), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
         if (name !== void 0 && value !== void 0) {
           style2[name] = value;
         }
       }
       if (fixed === "right" && lastColumn) {
-        var _getFixedStyle3 = getFixedStyle(lastColumn), _getFixedStyle4 = _slicedToArray(_getFixedStyle3, 2), _name = _getFixedStyle4[0], _value = _getFixedStyle4[1];
+        var _getFixedStyle3 = getFixedStyle({
+          name: lastColumn.name,
+          fixed: "right"
+        }), _getFixedStyle4 = _slicedToArray(_getFixedStyle3, 2), _name = _getFixedStyle4[0], _value = _getFixedStyle4[1];
         if (_name !== void 0 && _value !== void 0) {
           style2[_name] = _value;
         }
@@ -101,8 +111,9 @@ var Group = /* @__PURE__ */ function(_Component) {
       }), /* @__PURE__ */ React__default.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, assignProps({
         "style": style2,
         "__excludeProps": ["title"],
-        "id": this.groupId
-      }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function(column, _i) {
+        "id": this.groupId,
+        "use:shadowVertical": firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : void 0
+      }, _ref))), withConfig ? /* @__PURE__ */ React__default.createElement(Children, _ref2.cn("Children", {})) : title), withConfig ? groupColumns.map(function(column, _i) {
         return /* @__PURE__ */ React__default.createElement(DataTableInternal.Head.Column, _extends({
           key: column.name
         }, column, {

package/lib/esm/components/Head/Head.mjs

@@ -23,34 +23,40 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___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}',
+    '.___SGroupContainer_1ndk0_gg_,.___SHead_1ndk0_gg_{display:contents}.___SHead_1ndk0_gg_.__animationDuration_1ndk0_gg_>.___SColumn_1ndk0_gg_{transition:top var(--animationDuration_1ndk0) ease-out}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroup_1ndk0_gg_{position:sticky;top:0;z-index:18}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroupContainer_1ndk0_gg_>.___SColumn_1ndk0_gg_{position:sticky;z-index:18}.___SHead_1ndk0_gg_.__compact_1ndk0_gg_ .___SColumn_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_,.___SGroup_1ndk0_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;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1ndk0_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_:has(~.___SColumn_1ndk0_gg_.__visibleSort_1ndk0_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1ndk0_gg_._use_secondary_1ndk0_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_left_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_left_1ndk0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_right_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_right_1ndk0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_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_1ndk0_gg_._use_primary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_,.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before,.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{display:flex;opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_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_1ndk0_gg_._use_secondary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_{display:flex;opacity:1}.___SColumn_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroupTitle_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroup_1ndk0_gg_.__gridArea_1ndk0_gg_{grid-area:var(--gridArea_1ndk0)}.___SHead_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_ .___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1ndk0_gg_.__sortable_1ndk0_gg_:hover{cursor:pointer}}.___SSortWrapper_1ndk0_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_1ndk0_gg_,.___SSortWrapper_1ndk0_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1ndk0_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1ndk0_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_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1ndk0_gg_{cursor:pointer}.___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after,.___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
     /*__inner_css_end__*/
-    "1uo6g_gg_"
+    "1ndk0_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_1uo6g_gg_",
-    "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
-    "_animationDuration": "__animationDuration_1uo6g_gg_",
-    "__SColumn": "___SColumn_1uo6g_gg_",
-    "--animationDuration": "--animationDuration_1uo6g",
-    "_sticky": "__sticky_1uo6g_gg_",
-    "__SGroup": "___SGroup_1uo6g_gg_",
-    "_compact": "__compact_1uo6g_gg_",
-    "_use_secondary": "_use_secondary_1uo6g_gg_",
-    "_borders_both": "_borders_both_1uo6g_gg_",
-    "_borders_left": "_borders_left_1uo6g_gg_",
-    "_borders_right": "_borders_right_1uo6g_gg_",
-    "_gridArea": "__gridArea_1uo6g_gg_",
-    "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
-    "--gridArea": "--gridArea_1uo6g",
-    "_fixed": "__fixed_1uo6g_gg_",
-    "_sortable": "__sortable_1uo6g_gg_",
-    "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
-    "__SSortButton": "___SSortButton_1uo6g_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
-    "_use_primary": "_use_primary_1uo6g_gg_",
-    "_visibleSort": "__visibleSort_1uo6g_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
+    "__SHead": "___SHead_1ndk0_gg_",
+    "__SGroupContainer": "___SGroupContainer_1ndk0_gg_",
+    "_animationDuration": "__animationDuration_1ndk0_gg_",
+    "__SColumn": "___SColumn_1ndk0_gg_",
+    "--animationDuration": "--animationDuration_1ndk0",
+    "_sticky": "__sticky_1ndk0_gg_",
+    "__SGroup": "___SGroup_1ndk0_gg_",
+    "_compact": "__compact_1ndk0_gg_",
+    "_use_secondary": "_use_secondary_1ndk0_gg_",
+    "_borders_both": "_borders_both_1ndk0_gg_",
+    "_borders_left": "_borders_left_1ndk0_gg_",
+    "_borders_right": "_borders_right_1ndk0_gg_",
+    "_gridArea": "__gridArea_1ndk0_gg_",
+    "__SGroupTitle": "___SGroupTitle_1ndk0_gg_",
+    "--gridArea": "--gridArea_1ndk0",
+    "_fixed": "__fixed_1ndk0_gg_",
+    "_sortable": "__sortable_1ndk0_gg_",
+    "__SSortWrapper": "___SSortWrapper_1ndk0_gg_",
+    "__SSortButton": "___SSortButton_1ndk0_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1ndk0_gg_",
+    "_use_primary": "_use_primary_1ndk0_gg_",
+    "_visibleSort": "__visibleSort_1ndk0_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1ndk0_gg_",
+    "_shadowVertical": "__shadowVertical_1ndk0_gg_",
+    "_fixed_left": "_fixed_left_1ndk0_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1ndk0_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1ndk0_gg_",
+    "_fixed_right": "_fixed_right_1ndk0_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1ndk0_gg_"
   })
 );
 var HeadRoot = /* @__PURE__ */ function(_Component) {
@@ -85,18 +91,19 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
   }, {
     key: "getGroupProps",
     value: function getGroupProps(_, index) {
-      var _this$asProps3 = this.asProps, use = _this$asProps3.use, gridAreaGroupMap = _this$asProps3.gridAreaGroupMap, children = _this$asProps3.children, getFixedStyle = _this$asProps3.getFixedStyle;
+      var _this$asProps3 = this.asProps, use = _this$asProps3.use, gridAreaGroupMap = _this$asProps3.gridAreaGroupMap, children = _this$asProps3.children, getFixedStyle = _this$asProps3.getFixedStyle, shadowVertical = _this$asProps3.shadowVertical;
       return {
         use,
         gridArea: gridAreaGroupMap.get(index),
         withConfig: children === void 0,
-        getFixedStyle
+        getFixedStyle,
+        shadowVertical
       };
     }
   }, {
     key: "getColumnProps",
     value: function getColumnProps(_, index) {
-      var _this$asProps4 = this.asProps, use = _this$asProps4.use, columns = _this$asProps4.columns, sort = _this$asProps4.sort, onSortChange = _this$asProps4.onSortChange, tableRef = _this$asProps4.tableRef, gridTemplateColumns = _this$asProps4.gridTemplateColumns, gridTemplateAreas = _this$asProps4.gridTemplateAreas, sticky = _this$asProps4.sticky, top = _this$asProps4.top, selectedRows = _this$asProps4.selectedRows, h = _this$asProps4.h, getFixedStyle = _this$asProps4.getFixedStyle, onCellClick = _this$asProps4.onCellClick;
+      var _this$asProps4 = this.asProps, use = _this$asProps4.use, columns = _this$asProps4.columns, sort = _this$asProps4.sort, onSortChange = _this$asProps4.onSortChange, tableRef = _this$asProps4.tableRef, gridTemplateColumns = _this$asProps4.gridTemplateColumns, gridTemplateAreas = _this$asProps4.gridTemplateAreas, sticky = _this$asProps4.sticky, top = _this$asProps4.top, selectedRows = _this$asProps4.selectedRows, h = _this$asProps4.h, getFixedStyle = _this$asProps4.getFixedStyle, onCellClick = _this$asProps4.onCellClick, shadowVertical = _this$asProps4.shadowVertical;
       var column = columns[index];
       if (index === 0 && selectedRows && columns[index + 1].fixed) {
         column.fixed = "left";
@@ -126,14 +133,15 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
         gridTemplateColumns,
         gridTemplateAreas,
         h,
-        "onClick": onCellClick
+        "onClick": onCellClick,
+        "shadowVertical": column.showShadowVertical ? shadowVertical : void 0
       };
     }
   }, {
     key: "areAllRowsSelected",
     get: function get() {
-      var _this$asProps5 = this.asProps, selectedRows = _this$asProps5.selectedRows, flatRows = _this$asProps5.flatRows;
-      return flatRows.every(function(row) {
+      var _this$asProps5 = this.asProps, _this$asProps5$select = _this$asProps5.selectedRows, selectedRows = _this$asProps5$select === void 0 ? [] : _this$asProps5$select, flatRows = _this$asProps5.flatRows;
+      return selectedRows.length > 0 && flatRows.every(function(row) {
         return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
       });
     }

package/lib/esm/components/Head/style.shadow.css

@@ -9,12 +9,12 @@ SHead[animationDuration] > SColumn {
 SHead[sticky] SColumn, SHead[sticky] SGroup {
   position: sticky;
   top: 0;
-  z-index: 2;
+  z-index: 18;
 }
 
 SHead[sticky] SGroupContainer > SColumn {
   position: sticky;
-  z-index: 2;
+  z-index: 18;
 }
 
 SHead[compact] SColumn {
@@ -31,6 +31,7 @@ SGroup, SColumn {
   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;
+  line-height: var(--intergalactic-lh-100, 133%);
 }
 
 SGroup {
@@ -129,7 +130,7 @@ SColumn[gridArea], SGroup[gridArea], SGroupTitle[gridArea] {
 SHead[sticky] SColumn[fixed], SHead SColumn[fixed], SHead SGroup[fixed] {
   position: sticky;
   /* because up resizable */
-  z-index: 3;
+  z-index: 19;
 }
 
 SColumn[sortable]:hover {
@@ -182,3 +183,63 @@ SHead[sideIndents='wide'] {
 SHeadCheckboxCol {
   cursor: pointer;
 }
+
+
+SColumn[fixed][shadowVertical], SGroup[fixed][shadowVertical] {
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    display: none;
+    top: 0;
+    width: 5px;
+    height: 100%;
+    z-index: 5;
+  }
+}
+
+
+/*SColumnChildrenWrapper*/
+
+SColumn[fixed='left'][shadowVertical='median'],
+SColumn[fixed='left'][shadowVertical='start'],
+SGroup[fixed='left'][shadowVertical='median'],
+SGroup[fixed='left'][shadowVertical='start'] {
+  margin-right: -5px;
+  border-right-color: transparent;
+
+  &[use='primary'] {
+    padding-right: calc(var(--intergalactic-spacing-3x, 12px) + 5px);
+  }
+  &[use='secondary'] {
+    padding-right: calc(var(--intergalactic-spacing-2x, 8px) + 5px);
+  }
+
+  &:after {
+    display: block;
+    right: 0;
+    background: var(--intergalactic-scroll-area-shadow-left,
+    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
+  }
+}
+SColumn[fixed='right'][shadowVertical='median'],
+SColumn[fixed='right'][shadowVertical='end'],
+SGroup[fixed='right'][shadowVertical='median'],
+SGroup[fixed='right'][shadowVertical='end'] {
+  margin-left: -5px;
+  border-left-color: transparent;
+
+  &[use='primary'] {
+    padding-left: calc(var(--intergalactic-spacing-3x, 12px) + 5px);
+  }
+  &[use='secondary'] {
+    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + 5px);
+  }
+
+  &:after {
+    display: block;
+    left: 0;
+    background: var(--intergalactic-scroll-area-shadow-right,
+    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
+  }
+}

package/lib/esm/style/scroll-shadows.shadow.css

@@ -38,18 +38,13 @@ SScrollArea {
     }
   }
 
-  SShadowVertical {
-    &:before {
-      display: none;
-    }
-    &:after {
-      z-index: 2;
-    }
+  SShadowVertical::after, SShadowHorizontal::before, SShadowHorizontal:after {
+    z-index: 20;
   }
-  SShadowHorizontal {
-    &:before,
-    &:after {
-      z-index: 2;
-    }
+
+  SShadowVertical::before,
+  SShadowHorizontal[leftOffset]::before,
+  SShadowHorizontal[rightOffset]::after {
+    display: none;
   }
 }

package/lib/types/components/Body/Body.d.ts

@@ -1,8 +1,7 @@
-import { type Intergalactic } from '@semcore/core';
-import type { DataTableBodyProps } from './Body.types';
-import type { DataTableCellProps } from './Cell.types';
-import type { DataTableRowProps } from './Row.types';
-export declare const Body: Intergalactic.Component<"div", DataTableBodyProps> & {
-    Row: Intergalactic.Component<"div", DataTableRowProps>;
-    Cell: Intergalactic.Component<"div", DataTableCellProps>;
+import type { DataTableBodyType } from './Body.types';
+import type { DataTableCellType } from './Cell.types';
+import type { DataTableRowType } from './Row.types';
+export declare const Body: DataTableBodyType & {
+    Row: DataTableRowType;
+    Cell: DataTableCellType;
 };

package/lib/types/components/Body/Body.types.d.ts

@@ -1,31 +1,34 @@
+import type { Intergalactic } from '@semcore/core';
 import type * as React from 'react';
 import type { CellPropsInner, Theme } from './Cell.types';
-import type { DTRow, UniqRowKey } from './Row.types';
-import type { DTUse, VirtualScroll } from '../DataTable/DataTable.types';
+import type { DTRow } from './Row.types';
+import type { ACCORDION } from '../DataTable/DataTable';
+import type { DataRowItem, DTUse, VirtualScroll, DataTableProps } from '../DataTable/DataTable.types';
 import type { DTColumn } from '../Head/Column.types';
-export type CellRenderProps = {
+export type CellRenderProps<UniqKeyType> = {
     dataKey: string;
-    row: DTRow;
+    row: DTRow<UniqKeyType>;
     column: DTColumn;
     rowIndex: number;
     columnIndex: number;
-    columnName: string;
+    columnName: string | typeof ACCORDION;
     value: string | React.ReactElement;
     defaultRender: () => React.ReactNode;
     isMergedRows: boolean;
     isMergedColumns: boolean;
+    rawData: DataRowItem;
 };
-export type DataTableBodyProps = {
-    renderCell?: (props: CellRenderProps) => React.ReactNode | (Record<string, any> & {
+export type DataTableBodyProps<UniqKeyType> = {
+    renderCell?: (props: CellRenderProps<UniqKeyType>) => React.ReactNode | (Record<string, any> & {
         theme?: Theme;
     });
-    rowProps?: (row: DTRow, rowIndex: number) => (Record<string, any> & {
+    rowProps?: (row: DTRow<UniqKeyType>, rowIndex: number) => (Record<string, any> & {
         theme?: Theme;
     }) | undefined;
 };
-export type BodyPropsInner = DataTableBodyProps & {
-    rows: Array<DTRow | DTRow[]>;
-    flatRows: DTRow[];
+export type BodyPropsInner<UniqKeyType> = DataTableBodyProps<UniqKeyType> & {
+    rows: Array<DTRow<UniqKeyType> | DTRow<UniqKeyType>[]>;
+    flatRows: DTRow<UniqKeyType>[];
     columns: DTColumn[];
     use: DTUse;
     compact: boolean;
@@ -34,8 +37,8 @@ export type BodyPropsInner = DataTableBodyProps & {
     loading?: boolean;
     headerHeight: number;
     getI18nText: (key: string) => string;
-    expandedRows: Set<string>;
-    onExpandRow: (row: DTRow) => void;
+    expandedRows: Set<UniqKeyType>;
+    onExpandRow: (row: DTRow<UniqKeyType>) => void;
     spinnerRef: React.RefObject<HTMLDivElement>;
     tableContainerRef: React.RefObject<HTMLDivElement>;
     tableRef: React.RefObject<HTMLDivElement>;
@@ -45,15 +48,20 @@ export type BodyPropsInner = DataTableBodyProps & {
     virtualScroll?: VirtualScroll;
     hasGroups: boolean;
     uid: string;
-    rowProps?: (row: DTRow, rowIndex: number) => Record<string, any> | undefined;
-    renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;
+    rowProps?: (row: DTRow<UniqKeyType>, rowIndex: number) => Record<string, any> | undefined;
+    renderCell?: (props: CellRenderProps<UniqKeyType>) => React.ReactNode | Record<string, any>;
     onBackFromAccordion: (colIndex: number) => void;
     stickyHeader?: boolean;
-    selectedRows?: UniqRowKey[];
-    onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow, event?: React.SyntheticEvent<HTMLElement>) => void;
+    selectedRows?: UniqKeyType[];
+    onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow<UniqKeyType>, event?: React.SyntheticEvent<HTMLElement>) => void;
     renderEmptyData: () => React.ReactNode;
     sideIndents?: 'wide';
     getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
-    accordionDuration?: number | [number, number];
-    onCellClick: CellPropsInner['onClick'];
+    accordionDuration?: DataTableProps<any, any, any>['accordionDuration'];
+    onCellClick: CellPropsInner<UniqKeyType>['onClick'];
+    rawData: DataRowItem[];
+    accordionMode?: DataTableProps<any, any, any>['accordionMode'];
+    shadowVertical?: '' | 'end' | 'start' | 'median';
+    renderCellOverlay?: () => React.ReactNode;
 };
+export type DataTableBodyType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableBodyProps<UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableBodyProps<any>>;

package/lib/types/components/Body/Cell.types.d.ts

@@ -1,12 +1,14 @@
+import type { Intergalactic } from '@semcore/core';
 import type * as React from 'react';
+import type { BodyPropsInner } from './Body.types';
 import type { DTRow, DTRows } from './Row.types';
 import type { DTUse } from '../DataTable/DataTable.types';
 import type { DTColumn } from '../Head/Column.types';
 export type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';
-export type DataTableCellProps = {
+export type DataTableCellProps<UniqKeyType> = {
     id: string;
     accordionId: string;
-    row: DTRow;
+    row: DTRow<UniqKeyType>;
     rowIndex: number;
     column: DTColumn;
     columnIndex: number;
@@ -17,9 +19,9 @@ export type DataTableCellProps = {
     isAccordionRow?: boolean;
     animationExpand?: boolean;
     accordionRowIndex?: number;
-    rows: DTRows;
+    rows: DTRows<UniqKeyType>;
 };
-export type CellPropsInner = {
+export type CellPropsInner<UniqKeyType> = {
     use: DTUse;
     virtualScroll: boolean;
     tableRef: React.RefObject<HTMLDivElement>;
@@ -27,6 +29,11 @@ export type CellPropsInner = {
     onClick: (e: React.SyntheticEvent, opt: {
         rowIndex: number;
         colIndex: number;
-        row?: DTRow;
+        row?: DTRow<UniqKeyType>;
     }) => void;
+    flatRows: DTRow<UniqKeyType>[];
+    shadowVertical?: BodyPropsInner<UniqKeyType>;
+    lastLeftFixedIndex: number;
+    firstRightFixedIndex: number;
 };
+export type DataTableCellType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableCellProps<UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableCellProps<any>>;

package/lib/types/components/Body/Row.types.d.ts

@@ -1,26 +1,27 @@
+import type { Intergalactic } from '@semcore/core';
 import type { DataTableCellProps } from './Cell.types';
 import type { MergedColumnsCell, MergedRowsCell } from './MergedCells';
-import type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+import type { ACCORDION, IS_EMPTY_DATA_ROW, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 import type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';
 import type { DTColumn } from '../Head/Column.types';
-export type UniqRowKey = string;
-export type DTRow = {
-    [UNIQ_ROW_KEY]: UniqRowKey;
+export type DTRow<UniqKeyType> = {
+    [UNIQ_ROW_KEY]: UniqKeyType;
+    [IS_EMPTY_DATA_ROW]?: boolean;
     [ROW_INDEX]: number;
     [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;
     [ACCORDION]?: React.ReactNode | DataTableData | undefined;
-    [ROW_GROUP]?: Set<UniqRowKey>;
+    [ROW_GROUP]?: Set<UniqKeyType>;
 };
-export type DTRows = Array<DTRow | DTRow[]>;
-export type DataTableRowProps = {
-    row: DTRow;
+export type DTRows<UniqKeyType> = Array<DTRow<UniqKeyType> | DTRow<UniqKeyType>[]>;
+export type DataTableRowProps<UniqKeyType> = {
+    row: DTRow<UniqKeyType>;
     mergedRow?: boolean;
-    isAccordionRow?: DataTableCellProps['isAccordionRow'];
-    animationExpand?: DataTableCellProps['animationExpand'];
-    accordionRowIndex?: DataTableCellProps['accordionRowIndex'];
+    isAccordionRow?: DataTableCellProps<UniqKeyType>['isAccordionRow'];
+    animationExpand?: DataTableCellProps<UniqKeyType>['animationExpand'];
+    accordionRowIndex?: DataTableCellProps<UniqKeyType>['accordionRowIndex'];
     isNonInteractive?: boolean;
 };
-export type RowPropsInner = JSX.IntrinsicElements['div'] & {
+export type RowPropsInner<UniqKeyType> = JSX.IntrinsicElements['div'] & {
     use: DTUse;
     /**
      * Expanded flag for rows with accordion
@@ -32,18 +33,18 @@ export type RowPropsInner = JSX.IntrinsicElements['div'] & {
      */
     mergedRow?: boolean;
     columns: DTColumn[];
-    row: DTRow | DTRow[];
-    rows: DTRows;
+    row: DTRow<UniqKeyType> | DTRow<UniqKeyType>[];
+    rows: DTRows<UniqKeyType>;
     rowIndex: number;
     ariaRowIndex: number;
     gridRowIndex: number;
-    expandedRows: Set<string>;
-    onExpandRow: (expandedRow: DTRow) => void;
+    expandedRows: Set<UniqKeyType>;
+    onExpandRow: (expandedRow: DTRow<UniqKeyType>) => void;
     gridTemplateAreas: string[];
     gridTemplateColumns: string[];
     accordionDataGridArea: string;
-    selectedRows?: UniqRowKey[];
-    onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow, event?: React.SyntheticEvent<HTMLElement>) => void;
+    selectedRows?: UniqKeyType[];
+    onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow<UniqKeyType>, event?: React.SyntheticEvent<HTMLElement>) => void;
     inert?: '';
     accordionDuration?: number | [number, number];
     onBackFromAccordion: (colIndex: number) => void;
@@ -52,3 +53,4 @@ export type RowPropsInner = JSX.IntrinsicElements['div'] & {
     sideIndents?: 'wide';
     getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
 };
+export type DataTableRowType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableRowProps<UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableRowProps<any>>;