@semcore/data-table 16.3.0-prerelease.4 → 16.3.1

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 (31) hide show
  1. package/CHANGELOG.md +6 -5
  2. package/lib/cjs/components/Body/Body.js +48 -45
  3. package/lib/cjs/components/Body/Body.js.map +1 -1
  4. package/lib/cjs/components/Body/Cell.js +44 -44
  5. package/lib/cjs/components/Body/Row.js +44 -44
  6. package/lib/cjs/components/DataTable/DataTable.js +26 -26
  7. package/lib/cjs/components/Head/Column.js +41 -41
  8. package/lib/cjs/components/Head/Column.js.map +1 -1
  9. package/lib/cjs/components/Head/Group.js +38 -70
  10. package/lib/cjs/components/Head/Group.js.map +1 -1
  11. package/lib/cjs/components/Head/Head.js +80 -43
  12. package/lib/cjs/components/Head/Head.js.map +1 -1
  13. package/lib/es6/components/Body/Body.js +48 -45
  14. package/lib/es6/components/Body/Body.js.map +1 -1
  15. package/lib/es6/components/Body/Cell.js +44 -44
  16. package/lib/es6/components/Body/Row.js +44 -44
  17. package/lib/es6/components/DataTable/DataTable.js +26 -26
  18. package/lib/es6/components/Head/Column.js +41 -41
  19. package/lib/es6/components/Head/Column.js.map +1 -1
  20. package/lib/es6/components/Head/Group.js +38 -70
  21. package/lib/es6/components/Head/Group.js.map +1 -1
  22. package/lib/es6/components/Head/Head.js +80 -43
  23. package/lib/es6/components/Head/Head.js.map +1 -1
  24. package/lib/esm/components/Body/Body.mjs +49 -46
  25. package/lib/esm/components/Body/Cell.mjs +45 -45
  26. package/lib/esm/components/Body/Row.mjs +45 -45
  27. package/lib/esm/components/DataTable/DataTable.mjs +28 -28
  28. package/lib/esm/components/Head/Column.mjs +42 -42
  29. package/lib/esm/components/Head/Group.mjs +40 -63
  30. package/lib/esm/components/Head/Head.mjs +69 -41
  31. package/package.json +22 -22
@@ -23,46 +23,46 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  (sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- '.___SGroupContainer_c8503_gg_,.___SHead_c8503_gg_{display:contents}.___SHead_c8503_gg_.__isDataEmpty_c8503_gg_.__gridTemplateColumns_c8503_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_c8503);overflow:auto;scrollbar-width:thin}.___SHead_c8503_gg_.__animationDuration_c8503_gg_>.___SColumn_c8503_gg_{transition:top var(--animationDuration_c8503) ease-out}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroup_c8503_gg_{position:sticky;top:0;z-index:18}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroupContainer_c8503_gg_>.___SColumn_c8503_gg_{position:sticky;z-index:18}.___SHead_c8503_gg_.__compact_c8503_gg_ .___SColumn_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_,.___SGroup_c8503_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_c8503_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_c8503_gg_._use_primary_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_c8503_gg_._use_primary_c8503_gg_:has(~.___SColumn_c8503_gg_.__visibleSort_c8503_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_c8503_gg_._use_secondary_c8503_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_left_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_left_c8503_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_right_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_right_c8503_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_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_c8503_gg_._use_primary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_,.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before,.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before{display:flex;opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_,.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_{position:relative}.___SColumn_c8503_gg_._use_secondary_c8503_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_c8503_gg_._use_secondary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_{display:flex;opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_.__gridArea_c8503_gg_,.___SGroupTitle_c8503_gg_.__gridArea_c8503_gg_,.___SGroup_c8503_gg_.__gridArea_c8503_gg_{grid-area:var(--gridArea_c8503)}.___SHead_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_ .___SGroup_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_c8503_gg_.__sortable_c8503_gg_:hover{cursor:pointer}}.___SSortWrapper_c8503_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_c8503_gg_,.___SSortWrapper_c8503_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_c8503_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_c8503_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_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_c8503_gg_{cursor:pointer}.___SColumn_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after,.___SGroup_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_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_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_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%))}',
26
+ '.___SGroupContainer_1vfex_gg_,.___SHead_1vfex_gg_{display:contents}.___SHead_1vfex_gg_.__isDataEmpty_1vfex_gg_.__gridTemplateColumns_1vfex_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vfex);overflow:auto;scrollbar-width:thin}.___SHead_1vfex_gg_.__animationDuration_1vfex_gg_>.___SColumn_1vfex_gg_{transition:top var(--animationDuration_1vfex) ease-out}.___SHead_1vfex_gg_.__sticky_1vfex_gg_ .___SColumn_1vfex_gg_,.___SHead_1vfex_gg_.__sticky_1vfex_gg_ .___SGroup_1vfex_gg_{position:sticky;top:0;z-index:18}.___SHead_1vfex_gg_.__sticky_1vfex_gg_ .___SGroupContainer_1vfex_gg_>.___SColumn_1vfex_gg_{position:sticky;z-index:18}.___SHead_1vfex_gg_.__compact_1vfex_gg_ .___SColumn_1vfex_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vfex_gg_,.___SGroup_1vfex_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_1vfex_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vfex_gg_._use_primary_1vfex_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vfex_gg_._use_primary_1vfex_gg_:has(~.___SColumn_1vfex_gg_.__visibleSort_1vfex_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vfex_gg_._use_secondary_1vfex_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vfex_gg_._borders_both_1vfex_gg_,.___SColumn_1vfex_gg_._borders_left_1vfex_gg_,.___SGroup_1vfex_gg_._borders_both_1vfex_gg_,.___SGroup_1vfex_gg_._borders_left_1vfex_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vfex_gg_._borders_both_1vfex_gg_,.___SColumn_1vfex_gg_._borders_right_1vfex_gg_,.___SGroup_1vfex_gg_._borders_both_1vfex_gg_,.___SGroup_1vfex_gg_._borders_right_1vfex_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vfex_gg_._use_primary_1vfex_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_1vfex_gg_._use_primary_1vfex_gg_ .___SSortWrapper_1vfex_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vfex_gg_._use_primary_1vfex_gg_.__visibleSort_1vfex_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vfex_gg_._use_primary_1vfex_gg_.__visibleSort_1vfex_gg_ .___SSortWrapper_1vfex_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vfex_gg_._use_primary_1vfex_gg_.__visibleSort_1vfex_gg_ .___SSortButton_1vfex_gg_,.___SColumn_1vfex_gg_._use_primary_1vfex_gg_.__visibleSort_1vfex_gg_ .___SSortWrapper_1vfex_gg_::before,.___SColumn_1vfex_gg_._use_secondary_1vfex_gg_.__visibleSort_1vfex_gg_ .___SSortWrapper_1vfex_gg_::before{display:flex;opacity:1}.___SColumn_1vfex_gg_._use_primary_1vfex_gg_._justifyContent_right_1vfex_gg_ .___SSortWrapper_1vfex_gg_{position:absolute}.___SColumn_1vfex_gg_._use_primary_1vfex_gg_._justifyContent_right_1vfex_gg_.__changeSortSize_1vfex_gg_.__isSorted_1vfex_gg_ .___SSortWrapper_1vfex_gg_,.___SColumn_1vfex_gg_._use_secondary_1vfex_gg_._justifyContent_right_1vfex_gg_.__changeSortSize_1vfex_gg_.__isSorted_1vfex_gg_ .___SSortWrapper_1vfex_gg_{position:relative}.___SColumn_1vfex_gg_._use_secondary_1vfex_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_1vfex_gg_._use_secondary_1vfex_gg_ .___SSortWrapper_1vfex_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vfex_gg_._use_secondary_1vfex_gg_.__visibleSort_1vfex_gg_ .___SSortWrapper_1vfex_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vfex_gg_._use_secondary_1vfex_gg_.__visibleSort_1vfex_gg_ .___SSortButton_1vfex_gg_{display:flex;opacity:1}.___SColumn_1vfex_gg_._use_secondary_1vfex_gg_._justifyContent_right_1vfex_gg_ .___SSortWrapper_1vfex_gg_{position:absolute}.___SColumn_1vfex_gg_.__gridArea_1vfex_gg_,.___SGroupTitle_1vfex_gg_.__gridArea_1vfex_gg_,.___SGroup_1vfex_gg_.__gridArea_1vfex_gg_{grid-area:var(--gridArea_1vfex)}.___SHead_1vfex_gg_ .___SColumn_1vfex_gg_.__fixed_1vfex_gg_,.___SHead_1vfex_gg_ .___SGroup_1vfex_gg_.__fixed_1vfex_gg_,.___SHead_1vfex_gg_.__sticky_1vfex_gg_ .___SColumn_1vfex_gg_.__fixed_1vfex_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vfex_gg_.__sortable_1vfex_gg_:hover{cursor:pointer}}.___SSortWrapper_1vfex_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_1vfex_gg_,.___SSortWrapper_1vfex_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vfex_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1vfex_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_1vfex_gg_._sideIndents_wide_1vfex_gg_ .___SColumn_1vfex_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vfex_gg_._sideIndents_wide_1vfex_gg_ .___SColumn_1vfex_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vfex_gg_{cursor:pointer}.___SColumn_1vfex_gg_.__fixed_1vfex_gg_.__shadowVertical_1vfex_gg_:after,.___SGroup_1vfex_gg_.__fixed_1vfex_gg_.__shadowVertical_1vfex_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_,.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_primary_1vfex_gg_,.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_._use_primary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_primary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_._use_primary_1vfex_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_secondary_1vfex_gg_,.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_._use_secondary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_secondary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_._use_secondary_1vfex_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_:after,.___SColumn_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_gg_:after,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_median_1vfex_gg_:after,.___SGroup_1vfex_gg_._fixed_left_1vfex_gg_._shadowVertical_start_1vfex_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_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_,.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_._use_primary_1vfex_gg_,.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_primary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_._use_primary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_primary_1vfex_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_._use_secondary_1vfex_gg_,.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_secondary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_._use_secondary_1vfex_gg_,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_._use_secondary_1vfex_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_:after,.___SColumn_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_gg_:after,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_end_1vfex_gg_:after,.___SGroup_1vfex_gg_._fixed_right_1vfex_gg_._shadowVertical_median_1vfex_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%))}',
27
27
  /*__inner_css_end__*/
28
- "c8503_gg_"
28
+ "1vfex_gg_"
29
29
  ), /*__reshadow_css_end__*/
30
30
  {
31
- "__SHead": "___SHead_c8503_gg_",
32
- "__SGroupContainer": "___SGroupContainer_c8503_gg_",
33
- "_isDataEmpty": "__isDataEmpty_c8503_gg_",
34
- "_gridTemplateColumns": "__gridTemplateColumns_c8503_gg_",
35
- "--gridTemplateColumns": "--gridTemplateColumns_c8503",
36
- "_animationDuration": "__animationDuration_c8503_gg_",
37
- "__SColumn": "___SColumn_c8503_gg_",
38
- "--animationDuration": "--animationDuration_c8503",
39
- "_sticky": "__sticky_c8503_gg_",
40
- "__SGroup": "___SGroup_c8503_gg_",
41
- "_compact": "__compact_c8503_gg_",
42
- "_use_secondary": "_use_secondary_c8503_gg_",
43
- "_borders_both": "_borders_both_c8503_gg_",
44
- "_borders_left": "_borders_left_c8503_gg_",
45
- "_borders_right": "_borders_right_c8503_gg_",
46
- "_gridArea": "__gridArea_c8503_gg_",
47
- "__SGroupTitle": "___SGroupTitle_c8503_gg_",
48
- "--gridArea": "--gridArea_c8503",
49
- "_fixed": "__fixed_c8503_gg_",
50
- "_sortable": "__sortable_c8503_gg_",
51
- "__SSortWrapper": "___SSortWrapper_c8503_gg_",
52
- "__SSortButton": "___SSortButton_c8503_gg_",
53
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_c8503_gg_",
54
- "_use_primary": "_use_primary_c8503_gg_",
55
- "_visibleSort": "__visibleSort_c8503_gg_",
56
- "_justifyContent_right": "_justifyContent_right_c8503_gg_",
57
- "_changeSortSize": "__changeSortSize_c8503_gg_",
58
- "_isSorted": "__isSorted_c8503_gg_",
59
- "_sideIndents_wide": "_sideIndents_wide_c8503_gg_",
60
- "_shadowVertical": "__shadowVertical_c8503_gg_",
61
- "_fixed_left": "_fixed_left_c8503_gg_",
62
- "_shadowVertical_median": "_shadowVertical_median_c8503_gg_",
63
- "_shadowVertical_start": "_shadowVertical_start_c8503_gg_",
64
- "_fixed_right": "_fixed_right_c8503_gg_",
65
- "_shadowVertical_end": "_shadowVertical_end_c8503_gg_"
31
+ "__SHead": "___SHead_1vfex_gg_",
32
+ "__SGroupContainer": "___SGroupContainer_1vfex_gg_",
33
+ "_isDataEmpty": "__isDataEmpty_1vfex_gg_",
34
+ "_gridTemplateColumns": "__gridTemplateColumns_1vfex_gg_",
35
+ "--gridTemplateColumns": "--gridTemplateColumns_1vfex",
36
+ "_animationDuration": "__animationDuration_1vfex_gg_",
37
+ "__SColumn": "___SColumn_1vfex_gg_",
38
+ "--animationDuration": "--animationDuration_1vfex",
39
+ "_sticky": "__sticky_1vfex_gg_",
40
+ "__SGroup": "___SGroup_1vfex_gg_",
41
+ "_compact": "__compact_1vfex_gg_",
42
+ "_use_secondary": "_use_secondary_1vfex_gg_",
43
+ "_borders_both": "_borders_both_1vfex_gg_",
44
+ "_borders_left": "_borders_left_1vfex_gg_",
45
+ "_borders_right": "_borders_right_1vfex_gg_",
46
+ "_gridArea": "__gridArea_1vfex_gg_",
47
+ "__SGroupTitle": "___SGroupTitle_1vfex_gg_",
48
+ "--gridArea": "--gridArea_1vfex",
49
+ "_fixed": "__fixed_1vfex_gg_",
50
+ "_sortable": "__sortable_1vfex_gg_",
51
+ "__SSortWrapper": "___SSortWrapper_1vfex_gg_",
52
+ "__SSortButton": "___SSortButton_1vfex_gg_",
53
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1vfex_gg_",
54
+ "_use_primary": "_use_primary_1vfex_gg_",
55
+ "_visibleSort": "__visibleSort_1vfex_gg_",
56
+ "_justifyContent_right": "_justifyContent_right_1vfex_gg_",
57
+ "_changeSortSize": "__changeSortSize_1vfex_gg_",
58
+ "_isSorted": "__isSorted_1vfex_gg_",
59
+ "_sideIndents_wide": "_sideIndents_wide_1vfex_gg_",
60
+ "_shadowVertical": "__shadowVertical_1vfex_gg_",
61
+ "_fixed_left": "_fixed_left_1vfex_gg_",
62
+ "_shadowVertical_median": "_shadowVertical_median_1vfex_gg_",
63
+ "_shadowVertical_start": "_shadowVertical_start_1vfex_gg_",
64
+ "_fixed_right": "_fixed_right_1vfex_gg_",
65
+ "_shadowVertical_end": "_shadowVertical_end_1vfex_gg_"
66
66
  })
67
67
  );
68
68
  var HeadRoot = /* @__PURE__ */ function(_Component) {
@@ -96,14 +96,42 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
96
96
  }
97
97
  }, {
98
98
  key: "getGroupProps",
99
- value: function getGroupProps(_, index) {
100
- 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;
99
+ value: function getGroupProps(props, index) {
100
+ var fixed = props.fixed, columns = props.columns;
101
+ 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, top = _this$asProps3.top, scrollDirection = _this$asProps3.scrollDirection;
102
+ var groupColumns = columns !== null && columns !== void 0 ? columns : [];
103
+ var firstColumn = groupColumns[0];
104
+ var lastColumn = groupColumns[groupColumns.length - 1];
105
+ var style2 = {};
106
+ if (fixed === "left" && firstColumn) {
107
+ var _getFixedStyle = getFixedStyle({
108
+ name: firstColumn.name,
109
+ fixed: "left"
110
+ }), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
111
+ if (name !== void 0 && value !== void 0) {
112
+ style2[name] = value;
113
+ }
114
+ }
115
+ if (fixed === "right" && lastColumn) {
116
+ var _getFixedStyle3 = getFixedStyle({
117
+ name: lastColumn.name,
118
+ fixed: "right"
119
+ }), _getFixedStyle4 = _slicedToArray(_getFixedStyle3, 2), _name = _getFixedStyle4[0], _value = _getFixedStyle4[1];
120
+ if (_name !== void 0 && _value !== void 0) {
121
+ style2[_name] = _value;
122
+ }
123
+ }
124
+ if (top && scrollDirection !== "horizontal") {
125
+ style2.top = "".concat(top, "px");
126
+ }
101
127
  return {
102
128
  use,
103
129
  gridArea: gridAreaGroupMap.get(index),
104
130
  withConfig: children === void 0,
105
131
  getFixedStyle,
106
- shadowVertical
132
+ shadowVertical: firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : void 0,
133
+ style: style2,
134
+ scrollDirection
107
135
  };
108
136
  }
109
137
  }, {
@@ -114,7 +142,7 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
114
142
  if (index === 0 && selectedRows && columns[index + 1].fixed) {
115
143
  column.fixed = "left";
116
144
  }
117
- var _getFixedStyle = getFixedStyle(column), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
145
+ var _getFixedStyle5 = getFixedStyle(column), _getFixedStyle6 = _slicedToArray(_getFixedStyle5, 2), name = _getFixedStyle6[0], value = _getFixedStyle6[1];
118
146
  var style2 = {};
119
147
  if (top && scrollDirection !== "horizontal") {
120
148
  style2.top = "".concat(top, "px");
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/data-table",
3
3
  "description": "Semrush DataTable Component",
4
- "version": "16.3.0-prerelease.4",
4
+ "version": "16.3.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,34 +14,34 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/icon": "16.7.1-prerelease.4",
18
- "@semcore/button": "16.0.9-prerelease.4",
19
- "@semcore/checkbox": "16.1.3-prerelease.4",
20
- "@semcore/flex-box": "16.0.9-prerelease.4",
21
- "@semcore/scroll-area": "16.0.9-prerelease.4",
22
- "@semcore/spin": "16.0.9-prerelease.4",
23
- "@semcore/tooltip": "16.0.9-prerelease.4",
24
- "@semcore/widget-empty": "16.0.9-prerelease.4"
17
+ "@semcore/icon": "16.7.1",
18
+ "@semcore/button": "16.0.9",
19
+ "@semcore/checkbox": "16.1.3",
20
+ "@semcore/flex-box": "16.0.9",
21
+ "@semcore/scroll-area": "16.0.9",
22
+ "@semcore/spin": "16.0.9",
23
+ "@semcore/tooltip": "16.0.9",
24
+ "@semcore/widget-empty": "16.0.9"
25
25
  },
26
26
  "devDependencies": {
27
27
  "@types/node": "18.16.15",
28
28
  "csstype": "3.1.3",
29
29
  "@semcore/testing-utils": "1.0.0",
30
- "@semcore/base-trigger": "16.4.1-prerelease.4",
31
- "@semcore/dropdown-menu": "16.1.10-prerelease.4",
32
- "@semcore/accordion": "16.6.1-prerelease.4",
33
- "@semcore/divider": "16.0.9-prerelease.4",
34
- "@semcore/portal": "16.0.9-prerelease.4",
35
- "@semcore/progress-bar": "16.0.9-prerelease.4",
36
- "@semcore/typography": "16.2.3-prerelease.4",
37
- "@semcore/skeleton": "16.0.9-prerelease.4",
38
- "@semcore/spin": "16.0.9-prerelease.4",
39
- "@semcore/spin-container": "16.0.9-prerelease.4",
40
- "@semcore/tooltip": "16.0.9-prerelease.4",
41
- "@semcore/base-components": "16.2.3-prerelease.4"
30
+ "@semcore/base-trigger": "16.4.1",
31
+ "@semcore/typography": "16.2.3",
32
+ "@semcore/portal": "16.0.9",
33
+ "@semcore/dropdown-menu": "16.1.10",
34
+ "@semcore/accordion": "16.6.1",
35
+ "@semcore/progress-bar": "16.0.9",
36
+ "@semcore/spin": "16.0.9",
37
+ "@semcore/skeleton": "16.0.9",
38
+ "@semcore/divider": "16.0.9",
39
+ "@semcore/spin-container": "16.0.9",
40
+ "@semcore/tooltip": "16.0.9",
41
+ "@semcore/base-components": "16.2.3"
42
42
  },
43
43
  "peerDependencies": {
44
- "@semcore/base-components": "^16.2.3-prerelease.4"
44
+ "@semcore/base-components": "^16.0.0"
45
45
  },
46
46
  "repository": {
47
47
  "type": "git",