@semcore/data-table 4.28.0 → 4.28.1-prerelease.2

package/CHANGELOG.md

@@ -2,7 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.28.0-prerelease.1] - 2024-02-29
+## [4.28.1-prerelease.2] - 2024-03-05
+
+### Changed
+
+- Use `event.key` instead of `event.code`.
+
+## [4.28.0] - 2024-02-29
 
 ### Added
 

package/lib/cjs/Body.js

@@ -29,10 +29,10 @@ var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"))
 var _excluded = ["childrenPropsGetter"],
   _excluded2 = ["childrenPropsGetter"];
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1dm5w_gg_:before{left:var(--left-offset_1dm5w)!important}.___SShadowHorizontal_1dm5w_gg_:after{right:var(--right-offset_1dm5w)!important}" /*__inner_css_end__*/, "1dm5w_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1dm5w_gg_",
-  "--left-offset": "--left-offset_1dm5w",
-  "--right-offset": "--right-offset_1dm5w"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_r44bk_gg_:before{left:var(--left-offset_r44bk)!important}.___SShadowHorizontal_r44bk_gg_:after{right:var(--right-offset_r44bk)!important}" /*__inner_css_end__*/, "r44bk_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_r44bk_gg_",
+  "--left-offset": "--left-offset_r44bk",
+  "--right-offset": "--right-offset_r44bk"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 var getCellsByColumn = function getCellsByColumn(cells) {

package/lib/cjs/DataTable.js

@@ -28,47 +28,47 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
   _excluded2 = ["name", "children"];
 /*__reshadow-styles__:"./style/data-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_1jaji_gg_,.___SHeadWrapper_1jaji_gg_{position:relative}.___SDataTable_1jaji_gg_.__compact_1jaji_gg_ .___SCell_1jaji_gg_,.___SDataTable_1jaji_gg_.__compact_1jaji_gg_ .___SColumn_1jaji_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1jaji_gg_.__sticky_1jaji_gg_{position:sticky;top:0;z-index:2}.___SHead_1jaji_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1jaji_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_1jaji_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1jaji_gg_.__hidden_1jaji_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_1jaji_gg_._use_primary_1jaji_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_1jaji_gg_._use_secondary_1jaji_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_1jaji_gg_.__group_1jaji_gg_.__use_1jaji_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1jaji_gg_.__groupHead_1jaji_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_{cursor:pointer}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._use_primary_1jaji_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._use_primary_1jaji_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_ .___SSortWrapper_1jaji_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_.__active_1jaji_gg_ .___SSortWrapper_1jaji_gg_,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_:focus .___SSortWrapper_1jaji_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_:hover .___SSortWrapper_1jaji_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_.__active_1jaji_gg_ .___SSortWrapper_1jaji_gg_,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:focus .___SSortWrapper_1jaji_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:hover .___SSortWrapper_1jaji_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_.__active_1jaji_gg_ .___SSortWrapper_1jaji_gg_:before,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:focus .___SSortIcon_1jaji_gg_,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:focus .___SSortWrapper_1jaji_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:hover .___SSortWrapper_1jaji_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:hover .___SSortIcon_1jaji_gg_{display:block;opacity:1}}.___SColumn_1jaji_gg_._use_primary_1jaji_gg_.__active_1jaji_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1jaji_gg_.__active_1jaji_gg_ .___SSortIcon_1jaji_gg_{display:block;opacity:1}.___SColumn_1jaji_gg_.__resizable_1jaji_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1jaji_gg_.__resizable_1jaji_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1jaji_gg_.__resizable_1jaji_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_1jaji_gg_.__fixed_1jaji_gg_{position:sticky;z-index:2}.___SCell_1jaji_gg_.__borderLeft_1jaji_gg_,.___SColumn_1jaji_gg_.__borderLeft_1jaji_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1jaji_gg_.__borderRight_1jaji_gg_,.___SColumn_1jaji_gg_.__borderRight_1jaji_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1jaji_gg_{flex-shrink:99999;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SSortIcon_1jaji_gg_,.___SSortWrapper_1jaji_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1jaji_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1jaji_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1jaji_gg_._use_primary_1jaji_gg_ .___SSortWrapper_1jaji_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1jaji_gg_._use_secondary_1jaji_gg_ .___SSortWrapper_1jaji_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1jaji_gg_{position:relative}.___SBody_1jaji_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1jaji_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_muted_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jaji_gg_._theme_muted_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1jaji_gg_._theme_muted_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_muted_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_muted_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jaji_gg_._theme_info_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1jaji_gg_._theme_info_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1jaji_gg_._theme_info_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_info_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_info_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1jaji_gg_._theme_success_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1jaji_gg_._theme_success_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1jaji_gg_._theme_success_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_success_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_success_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1jaji_gg_._theme_warning_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1jaji_gg_._theme_warning_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1jaji_gg_._theme_warning_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_warning_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_warning_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1jaji_gg_._theme_danger_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1jaji_gg_._theme_danger_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1jaji_gg_._theme_danger_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_danger_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_danger_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1jaji_gg_.__positioned_1jaji_gg_{position:absolute}.___SCell_1jaji_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_1jaji_gg_._use_primary_1jaji_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jaji_gg_._use_secondary_1jaji_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jaji_gg_.__fixed_1jaji_gg_{position:sticky;z-index:1}.___SCell_1jaji_gg_._theme_muted_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1jaji_gg_._theme_info_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1jaji_gg_._theme_success_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1jaji_gg_._theme_warning_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1jaji_gg_._theme_danger_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1jaji_gg_._orientation_horizontal_1jaji_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_1jaji) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_1jaji) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1jaji) - 8px)}.___SScrollAreaBar_1jaji_gg_._orientation_vertical_1jaji_gg_{width:12px}.___SHeightHold_1jaji_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1jaji_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_1jaji_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1jaji_gg_",
-  "_sticky": "__sticky_1jaji_gg_",
-  "__SHead": "___SHead_1jaji_gg_",
-  "__SColumn": "___SColumn_1jaji_gg_",
-  "_hidden": "__hidden_1jaji_gg_",
-  "_use_primary": "_use_primary_1jaji_gg_",
-  "_use_secondary": "_use_secondary_1jaji_gg_",
-  "_group": "__group_1jaji_gg_",
-  "_use": "__use_1jaji_gg_",
-  "_groupHead": "__groupHead_1jaji_gg_",
-  "_active": "__active_1jaji_gg_",
-  "__SSortIcon": "___SSortIcon_1jaji_gg_",
-  "_fixed": "__fixed_1jaji_gg_",
-  "_borderLeft": "__borderLeft_1jaji_gg_",
-  "__SCell": "___SCell_1jaji_gg_",
-  "_borderRight": "__borderRight_1jaji_gg_",
-  "__SSortWrapper": "___SSortWrapper_1jaji_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1jaji_gg_",
-  "__SBody": "___SBody_1jaji_gg_",
-  "__SRow": "___SRow_1jaji_gg_",
-  "_theme": "__theme_1jaji_gg_",
-  "__SGroupCell": "___SGroupCell_1jaji_gg_",
-  "_theme_muted": "_theme_muted_1jaji_gg_",
-  "_theme_info": "_theme_info_1jaji_gg_",
-  "_theme_success": "_theme_success_1jaji_gg_",
-  "_theme_warning": "_theme_warning_1jaji_gg_",
-  "_theme_danger": "_theme_danger_1jaji_gg_",
-  "_positioned": "__positioned_1jaji_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1jaji_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1jaji_gg_",
-  "--left-offset": "--left-offset_1jaji",
-  "--right-offset": "--right-offset_1jaji",
-  "--offsetSum": "--offsetSum_1jaji",
-  "_orientation_vertical": "_orientation_vertical_1jaji_gg_",
-  "__SHeightHold": "___SHeightHold_1jaji_gg_",
-  "_compact": "__compact_1jaji_gg_",
-  "_sortable": "__sortable_1jaji_gg_",
-  "_justifyContent_right": "_justifyContent_right_1jaji_gg_",
-  "_resizable": "__resizable_1jaji_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_qoh6t_gg_,.___SHeadWrapper_qoh6t_gg_{position:relative}.___SDataTable_qoh6t_gg_.__compact_qoh6t_gg_ .___SCell_qoh6t_gg_,.___SDataTable_qoh6t_gg_.__compact_qoh6t_gg_ .___SColumn_qoh6t_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_qoh6t_gg_.__sticky_qoh6t_gg_{position:sticky;top:0;z-index:2}.___SHead_qoh6t_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_qoh6t_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_qoh6t_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_qoh6t_gg_.__hidden_qoh6t_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_qoh6t_gg_._use_primary_qoh6t_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_qoh6t_gg_._use_secondary_qoh6t_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_qoh6t_gg_.__group_qoh6t_gg_.__use_qoh6t_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_qoh6t_gg_.__groupHead_qoh6t_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_{cursor:pointer}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._use_primary_qoh6t_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._use_primary_qoh6t_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_.__active_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_:focus .___SSortWrapper_qoh6t_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_:hover .___SSortWrapper_qoh6t_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_.__active_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:focus .___SSortWrapper_qoh6t_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:hover .___SSortWrapper_qoh6t_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_.__active_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_:before,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:focus .___SSortIcon_qoh6t_gg_,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:focus .___SSortWrapper_qoh6t_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:hover .___SSortWrapper_qoh6t_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:hover .___SSortIcon_qoh6t_gg_{display:block;opacity:1}}.___SColumn_qoh6t_gg_._use_primary_qoh6t_gg_.__active_qoh6t_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_qoh6t_gg_.__active_qoh6t_gg_ .___SSortIcon_qoh6t_gg_{display:block;opacity:1}.___SColumn_qoh6t_gg_.__resizable_qoh6t_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_qoh6t_gg_.__resizable_qoh6t_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_qoh6t_gg_.__resizable_qoh6t_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_qoh6t_gg_.__fixed_qoh6t_gg_{position:sticky;z-index:2}.___SCell_qoh6t_gg_.__borderLeft_qoh6t_gg_,.___SColumn_qoh6t_gg_.__borderLeft_qoh6t_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_qoh6t_gg_.__borderRight_qoh6t_gg_,.___SColumn_qoh6t_gg_.__borderRight_qoh6t_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_qoh6t_gg_{flex-shrink:99999;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SSortIcon_qoh6t_gg_,.___SSortWrapper_qoh6t_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_qoh6t_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_qoh6t_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_qoh6t_gg_._use_primary_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_qoh6t_gg_._use_secondary_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_qoh6t_gg_{position:relative}.___SBody_qoh6t_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_qoh6t_gg_{display:flex;flex-direction:row;position:relative}.___SRow_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_muted_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_info_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_success_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_warning_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_danger_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_qoh6t_gg_.__positioned_qoh6t_gg_{position:absolute}.___SCell_qoh6t_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_qoh6t_gg_._use_primary_qoh6t_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_qoh6t_gg_._use_secondary_qoh6t_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_qoh6t_gg_.__fixed_qoh6t_gg_{position:sticky;z-index:1}.___SCell_qoh6t_gg_._theme_muted_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_qoh6t_gg_._theme_info_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_qoh6t_gg_._theme_success_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_qoh6t_gg_._theme_warning_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_qoh6t_gg_._theme_danger_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_qoh6t_gg_._orientation_horizontal_qoh6t_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_qoh6t) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_qoh6t) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_qoh6t) - 8px)}.___SScrollAreaBar_qoh6t_gg_._orientation_vertical_qoh6t_gg_{width:12px}.___SHeightHold_qoh6t_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "qoh6t_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_qoh6t_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_qoh6t_gg_",
+  "_sticky": "__sticky_qoh6t_gg_",
+  "__SHead": "___SHead_qoh6t_gg_",
+  "__SColumn": "___SColumn_qoh6t_gg_",
+  "_hidden": "__hidden_qoh6t_gg_",
+  "_use_primary": "_use_primary_qoh6t_gg_",
+  "_use_secondary": "_use_secondary_qoh6t_gg_",
+  "_group": "__group_qoh6t_gg_",
+  "_use": "__use_qoh6t_gg_",
+  "_groupHead": "__groupHead_qoh6t_gg_",
+  "_active": "__active_qoh6t_gg_",
+  "__SSortIcon": "___SSortIcon_qoh6t_gg_",
+  "_fixed": "__fixed_qoh6t_gg_",
+  "_borderLeft": "__borderLeft_qoh6t_gg_",
+  "__SCell": "___SCell_qoh6t_gg_",
+  "_borderRight": "__borderRight_qoh6t_gg_",
+  "__SSortWrapper": "___SSortWrapper_qoh6t_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_qoh6t_gg_",
+  "__SBody": "___SBody_qoh6t_gg_",
+  "__SRow": "___SRow_qoh6t_gg_",
+  "_theme": "__theme_qoh6t_gg_",
+  "__SGroupCell": "___SGroupCell_qoh6t_gg_",
+  "_theme_muted": "_theme_muted_qoh6t_gg_",
+  "_theme_info": "_theme_info_qoh6t_gg_",
+  "_theme_success": "_theme_success_qoh6t_gg_",
+  "_theme_warning": "_theme_warning_qoh6t_gg_",
+  "_theme_danger": "_theme_danger_qoh6t_gg_",
+  "_positioned": "__positioned_qoh6t_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_qoh6t_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_qoh6t_gg_",
+  "--left-offset": "--left-offset_qoh6t",
+  "--right-offset": "--right-offset_qoh6t",
+  "--offsetSum": "--offsetSum_qoh6t",
+  "_orientation_vertical": "_orientation_vertical_qoh6t_gg_",
+  "__SHeightHold": "___SHeightHold_qoh6t_gg_",
+  "_compact": "__compact_qoh6t_gg_",
+  "_sortable": "__sortable_qoh6t_gg_",
+  "_justifyContent_right": "_justifyContent_right_qoh6t_gg_",
+  "_resizable": "__resizable_qoh6t_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/cjs/Head.js

@@ -24,10 +24,10 @@ var _utils = require("./utils");
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 var _ref4 = require("@semcore/utils/lib/ref");
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1dm5w_gg_:before{left:var(--left-offset_1dm5w)!important}.___SShadowHorizontal_1dm5w_gg_:after{right:var(--right-offset_1dm5w)!important}" /*__inner_css_end__*/, "1dm5w_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1dm5w_gg_",
-  "--left-offset": "--left-offset_1dm5w",
-  "--right-offset": "--right-offset_1dm5w"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_r44bk_gg_:before{left:var(--left-offset_r44bk)!important}.___SShadowHorizontal_r44bk_gg_:after{right:var(--right-offset_r44bk)!important}" /*__inner_css_end__*/, "r44bk_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_r44bk_gg_",
+  "--left-offset": "--left-offset_r44bk",
+  "--right-offset": "--right-offset_r44bk"
 });
 var SORTING_ICON = {
   desc: _m["default"],
@@ -55,7 +55,7 @@ var Head = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerKeyDown", function (name) {
       return function (event) {
-        if (event.code === 'Enter' || event.code === 'Space') {
+        if (event.key === 'Enter' || event.key === ' ') {
           event.preventDefault();
           _this.asProps.$onSortClick(name, event);
         }

package/lib/cjs/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_m","_m2","_assignProps2","_utils","_logger","_ref4","scrollStyles","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ariaSort","Head","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","name","event","asProps","$onSortClick","code","preventDefault","props","ref","setRef","forwardRef","_createClass2","key","value","renderColumns","columns","width","_this2","map","column","renderColumn","_ref2","_column$columns","_this$asProps","styles","use","hidden","uid","SColumn","Flex","SHead","Box","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","active","undefined","isGroup","cSize","flattenColumns","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","style","_objectSpread2","flexBasis","flex","setVar","varWidth","createElement","cn","fixed","resizable","borderLeft","borderRight","refColumn","callAllEventHandlers","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","render","_ref","_ref3","SHeadWrapper","SScrollArea","ScrollArea","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","disabledScroll","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","logger","warn","displayName","Container","role","assignProps","origin","Component","_default","exports"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\n\nimport scrollStyles from './style/scroll-area.shadow.css';\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  disabledScroll?: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  refColumn = (props: Column['props']) => (ref: HTMLElement) => {\n    setRef(props.ref, ref);\n    if (props.forwardRef) {\n      setRef(props.forwardRef, ref);\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable && 0}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.refColumn(column.props)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper>\n                <SSortIcon active={column.active} />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const SScrollArea = ScrollArea as any;\n    const { Children, styles, columnsChildren, onResize, $scrollRef, sticky, disabledScroll } =\n      this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky}>\n        <SScrollArea\n          styles={scrollStyles}\n          left-offset={`${offsetLeftSum}px`}\n          right-offset={`${offsetRightSum}px`}\n          shadow\n          onResize={onResize}\n        >\n          <SScrollArea.Container ref={$scrollRef} disabledScroll={disabledScroll} role='rowgroup'>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </SScrollArea.Container>\n        </SScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}
+{"version":3,"file":"Head.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_m","_m2","_assignProps2","_utils","_logger","_ref4","scrollStyles","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ariaSort","Head","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","name","event","asProps","$onSortClick","key","preventDefault","props","ref","setRef","forwardRef","_createClass2","value","renderColumns","columns","width","_this2","map","column","renderColumn","_ref2","_column$columns","_this$asProps","styles","use","hidden","uid","SColumn","Flex","SHead","Box","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","active","undefined","isGroup","cSize","flattenColumns","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","style","_objectSpread2","flexBasis","flex","setVar","varWidth","createElement","cn","fixed","resizable","borderLeft","borderRight","refColumn","callAllEventHandlers","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","render","_ref","_ref3","SHeadWrapper","SScrollArea","ScrollArea","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","disabledScroll","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","logger","warn","displayName","Container","role","assignProps","origin","Component","_default","exports"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\n\nimport scrollStyles from './style/scroll-area.shadow.css';\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  disabledScroll?: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  refColumn = (props: Column['props']) => (ref: HTMLElement) => {\n    setRef(props.ref, ref);\n    if (props.forwardRef) {\n      setRef(props.forwardRef, ref);\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable && 0}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.refColumn(column.props)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper>\n                <SSortIcon active={column.active} />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const SScrollArea = ScrollArea as any;\n    const { Children, styles, columnsChildren, onResize, $scrollRef, sticky, disabledScroll } =\n      this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky}>\n        <SScrollArea\n          styles={scrollStyles}\n          left-offset={`${offsetLeftSum}px`}\n          right-offset={`${offsetRightSum}px`}\n          shadow\n          onResize={onResize}\n        >\n          <SScrollArea.Container ref={$scrollRef} disabledScroll={disabledScroll} role='rowgroup'>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </SScrollArea.Container>\n        </SScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}

package/lib/es6/Body.js

@@ -21,10 +21,10 @@ import ScrollArea from '@semcore/scroll-area';
 import { getFixedStyle, getScrollOffsetValue } from './utils';
 import assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1dm5w_gg_:before{left:var(--left-offset_1dm5w)!important}.___SShadowHorizontal_1dm5w_gg_:after{right:var(--right-offset_1dm5w)!important}" /*__inner_css_end__*/, "1dm5w_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1dm5w_gg_",
-  "--left-offset": "--left-offset_1dm5w",
-  "--right-offset": "--right-offset_1dm5w"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_r44bk_gg_:before{left:var(--left-offset_r44bk)!important}.___SShadowHorizontal_r44bk_gg_:after{right:var(--right-offset_r44bk)!important}" /*__inner_css_end__*/, "r44bk_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_r44bk_gg_",
+  "--left-offset": "--left-offset_r44bk",
+  "--right-offset": "--right-offset_r44bk"
 });
 import trottle from '@semcore/utils/lib/rafTrottle';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';

package/lib/es6/DataTable.js

@@ -22,47 +22,47 @@ import Head from './Head';
 import Body from './Body';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/data-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_1jaji_gg_,.___SHeadWrapper_1jaji_gg_{position:relative}.___SDataTable_1jaji_gg_.__compact_1jaji_gg_ .___SCell_1jaji_gg_,.___SDataTable_1jaji_gg_.__compact_1jaji_gg_ .___SColumn_1jaji_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1jaji_gg_.__sticky_1jaji_gg_{position:sticky;top:0;z-index:2}.___SHead_1jaji_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1jaji_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_1jaji_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1jaji_gg_.__hidden_1jaji_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_1jaji_gg_._use_primary_1jaji_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_1jaji_gg_._use_secondary_1jaji_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_1jaji_gg_.__group_1jaji_gg_.__use_1jaji_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1jaji_gg_.__groupHead_1jaji_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_{cursor:pointer}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._use_primary_1jaji_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._use_primary_1jaji_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_ .___SSortWrapper_1jaji_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_.__active_1jaji_gg_ .___SSortWrapper_1jaji_gg_,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_:focus .___SSortWrapper_1jaji_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_._justifyContent_right_1jaji_gg_:hover .___SSortWrapper_1jaji_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_.__active_1jaji_gg_ .___SSortWrapper_1jaji_gg_,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:focus .___SSortWrapper_1jaji_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:hover .___SSortWrapper_1jaji_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1jaji_gg_.__sortable_1jaji_gg_.__active_1jaji_gg_ .___SSortWrapper_1jaji_gg_:before,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:focus .___SSortIcon_1jaji_gg_,.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:focus .___SSortWrapper_1jaji_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:hover .___SSortWrapper_1jaji_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1jaji_gg_.__sortable_1jaji_gg_:hover .___SSortIcon_1jaji_gg_{display:block;opacity:1}}.___SColumn_1jaji_gg_._use_primary_1jaji_gg_.__active_1jaji_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1jaji_gg_.__active_1jaji_gg_ .___SSortIcon_1jaji_gg_{display:block;opacity:1}.___SColumn_1jaji_gg_.__resizable_1jaji_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1jaji_gg_.__resizable_1jaji_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1jaji_gg_.__resizable_1jaji_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_1jaji_gg_.__fixed_1jaji_gg_{position:sticky;z-index:2}.___SCell_1jaji_gg_.__borderLeft_1jaji_gg_,.___SColumn_1jaji_gg_.__borderLeft_1jaji_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1jaji_gg_.__borderRight_1jaji_gg_,.___SColumn_1jaji_gg_.__borderRight_1jaji_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1jaji_gg_{flex-shrink:99999;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SSortIcon_1jaji_gg_,.___SSortWrapper_1jaji_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1jaji_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1jaji_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1jaji_gg_._use_primary_1jaji_gg_ .___SSortWrapper_1jaji_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1jaji_gg_._use_secondary_1jaji_gg_ .___SSortWrapper_1jaji_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1jaji_gg_{position:relative}.___SBody_1jaji_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1jaji_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_muted_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jaji_gg_._theme_muted_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1jaji_gg_._theme_muted_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_muted_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_muted_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jaji_gg_._theme_info_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1jaji_gg_._theme_info_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1jaji_gg_._theme_info_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_info_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_info_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1jaji_gg_._theme_success_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1jaji_gg_._theme_success_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1jaji_gg_._theme_success_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_success_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_success_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1jaji_gg_._theme_warning_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1jaji_gg_._theme_warning_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1jaji_gg_._theme_warning_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_warning_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_warning_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1jaji_gg_._theme_danger_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1jaji_gg_._theme_danger_1jaji_gg_.__active_1jaji_gg_>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1jaji_gg_._theme_danger_1jaji_gg_ .___SCell_1jaji_gg_:hover+.___SGroupCell_1jaji_gg_ .___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_._theme_danger_1jaji_gg_:hover>.___SCell_1jaji_gg_:not(.__theme_1jaji_gg_),.___SRow_1jaji_gg_:hover>.___SCell_1jaji_gg_._theme_danger_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1jaji_gg_.__positioned_1jaji_gg_{position:absolute}.___SCell_1jaji_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_1jaji_gg_._use_primary_1jaji_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jaji_gg_._use_secondary_1jaji_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jaji_gg_.__fixed_1jaji_gg_{position:sticky;z-index:1}.___SCell_1jaji_gg_._theme_muted_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1jaji_gg_._theme_info_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1jaji_gg_._theme_success_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1jaji_gg_._theme_warning_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1jaji_gg_._theme_danger_1jaji_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1jaji_gg_._orientation_horizontal_1jaji_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_1jaji) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_1jaji) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1jaji) - 8px)}.___SScrollAreaBar_1jaji_gg_._orientation_vertical_1jaji_gg_{width:12px}.___SHeightHold_1jaji_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1jaji_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_1jaji_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1jaji_gg_",
-  "_sticky": "__sticky_1jaji_gg_",
-  "__SHead": "___SHead_1jaji_gg_",
-  "__SColumn": "___SColumn_1jaji_gg_",
-  "_hidden": "__hidden_1jaji_gg_",
-  "_use_primary": "_use_primary_1jaji_gg_",
-  "_use_secondary": "_use_secondary_1jaji_gg_",
-  "_group": "__group_1jaji_gg_",
-  "_use": "__use_1jaji_gg_",
-  "_groupHead": "__groupHead_1jaji_gg_",
-  "_active": "__active_1jaji_gg_",
-  "__SSortIcon": "___SSortIcon_1jaji_gg_",
-  "_fixed": "__fixed_1jaji_gg_",
-  "_borderLeft": "__borderLeft_1jaji_gg_",
-  "__SCell": "___SCell_1jaji_gg_",
-  "_borderRight": "__borderRight_1jaji_gg_",
-  "__SSortWrapper": "___SSortWrapper_1jaji_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1jaji_gg_",
-  "__SBody": "___SBody_1jaji_gg_",
-  "__SRow": "___SRow_1jaji_gg_",
-  "_theme": "__theme_1jaji_gg_",
-  "__SGroupCell": "___SGroupCell_1jaji_gg_",
-  "_theme_muted": "_theme_muted_1jaji_gg_",
-  "_theme_info": "_theme_info_1jaji_gg_",
-  "_theme_success": "_theme_success_1jaji_gg_",
-  "_theme_warning": "_theme_warning_1jaji_gg_",
-  "_theme_danger": "_theme_danger_1jaji_gg_",
-  "_positioned": "__positioned_1jaji_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1jaji_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1jaji_gg_",
-  "--left-offset": "--left-offset_1jaji",
-  "--right-offset": "--right-offset_1jaji",
-  "--offsetSum": "--offsetSum_1jaji",
-  "_orientation_vertical": "_orientation_vertical_1jaji_gg_",
-  "__SHeightHold": "___SHeightHold_1jaji_gg_",
-  "_compact": "__compact_1jaji_gg_",
-  "_sortable": "__sortable_1jaji_gg_",
-  "_justifyContent_right": "_justifyContent_right_1jaji_gg_",
-  "_resizable": "__resizable_1jaji_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_qoh6t_gg_,.___SHeadWrapper_qoh6t_gg_{position:relative}.___SDataTable_qoh6t_gg_.__compact_qoh6t_gg_ .___SCell_qoh6t_gg_,.___SDataTable_qoh6t_gg_.__compact_qoh6t_gg_ .___SColumn_qoh6t_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_qoh6t_gg_.__sticky_qoh6t_gg_{position:sticky;top:0;z-index:2}.___SHead_qoh6t_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_qoh6t_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_qoh6t_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_qoh6t_gg_.__hidden_qoh6t_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_qoh6t_gg_._use_primary_qoh6t_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_qoh6t_gg_._use_secondary_qoh6t_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_qoh6t_gg_.__group_qoh6t_gg_.__use_qoh6t_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_qoh6t_gg_.__groupHead_qoh6t_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_{cursor:pointer}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._use_primary_qoh6t_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._use_primary_qoh6t_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_.__active_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_:focus .___SSortWrapper_qoh6t_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_._justifyContent_right_qoh6t_gg_:hover .___SSortWrapper_qoh6t_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_.__active_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:focus .___SSortWrapper_qoh6t_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:hover .___SSortWrapper_qoh6t_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_.__active_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_:before,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:focus .___SSortIcon_qoh6t_gg_,.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:focus .___SSortWrapper_qoh6t_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:hover .___SSortWrapper_qoh6t_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_qoh6t_gg_.__sortable_qoh6t_gg_:hover .___SSortIcon_qoh6t_gg_{display:block;opacity:1}}.___SColumn_qoh6t_gg_._use_primary_qoh6t_gg_.__active_qoh6t_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_qoh6t_gg_.__active_qoh6t_gg_ .___SSortIcon_qoh6t_gg_{display:block;opacity:1}.___SColumn_qoh6t_gg_.__resizable_qoh6t_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_qoh6t_gg_.__resizable_qoh6t_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_qoh6t_gg_.__resizable_qoh6t_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_qoh6t_gg_.__fixed_qoh6t_gg_{position:sticky;z-index:2}.___SCell_qoh6t_gg_.__borderLeft_qoh6t_gg_,.___SColumn_qoh6t_gg_.__borderLeft_qoh6t_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_qoh6t_gg_.__borderRight_qoh6t_gg_,.___SColumn_qoh6t_gg_.__borderRight_qoh6t_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_qoh6t_gg_{flex-shrink:99999;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SSortIcon_qoh6t_gg_,.___SSortWrapper_qoh6t_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_qoh6t_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_qoh6t_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_qoh6t_gg_._use_primary_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_qoh6t_gg_._use_secondary_qoh6t_gg_ .___SSortWrapper_qoh6t_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_qoh6t_gg_{position:relative}.___SBody_qoh6t_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_qoh6t_gg_{display:flex;flex-direction:row;position:relative}.___SRow_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_muted_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_muted_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_info_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_info_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_success_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_success_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_warning_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_warning_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_.__active_qoh6t_gg_>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_ .___SCell_qoh6t_gg_:hover+.___SGroupCell_qoh6t_gg_ .___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_._theme_danger_qoh6t_gg_:hover>.___SCell_qoh6t_gg_:not(.__theme_qoh6t_gg_),.___SRow_qoh6t_gg_:hover>.___SCell_qoh6t_gg_._theme_danger_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_qoh6t_gg_.__positioned_qoh6t_gg_{position:absolute}.___SCell_qoh6t_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_qoh6t_gg_._use_primary_qoh6t_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_qoh6t_gg_._use_secondary_qoh6t_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_qoh6t_gg_.__fixed_qoh6t_gg_{position:sticky;z-index:1}.___SCell_qoh6t_gg_._theme_muted_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_qoh6t_gg_._theme_info_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_qoh6t_gg_._theme_success_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_qoh6t_gg_._theme_warning_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_qoh6t_gg_._theme_danger_qoh6t_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_qoh6t_gg_._orientation_horizontal_qoh6t_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_qoh6t) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_qoh6t) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_qoh6t) - 8px)}.___SScrollAreaBar_qoh6t_gg_._orientation_vertical_qoh6t_gg_{width:12px}.___SHeightHold_qoh6t_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "qoh6t_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_qoh6t_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_qoh6t_gg_",
+  "_sticky": "__sticky_qoh6t_gg_",
+  "__SHead": "___SHead_qoh6t_gg_",
+  "__SColumn": "___SColumn_qoh6t_gg_",
+  "_hidden": "__hidden_qoh6t_gg_",
+  "_use_primary": "_use_primary_qoh6t_gg_",
+  "_use_secondary": "_use_secondary_qoh6t_gg_",
+  "_group": "__group_qoh6t_gg_",
+  "_use": "__use_qoh6t_gg_",
+  "_groupHead": "__groupHead_qoh6t_gg_",
+  "_active": "__active_qoh6t_gg_",
+  "__SSortIcon": "___SSortIcon_qoh6t_gg_",
+  "_fixed": "__fixed_qoh6t_gg_",
+  "_borderLeft": "__borderLeft_qoh6t_gg_",
+  "__SCell": "___SCell_qoh6t_gg_",
+  "_borderRight": "__borderRight_qoh6t_gg_",
+  "__SSortWrapper": "___SSortWrapper_qoh6t_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_qoh6t_gg_",
+  "__SBody": "___SBody_qoh6t_gg_",
+  "__SRow": "___SRow_qoh6t_gg_",
+  "_theme": "__theme_qoh6t_gg_",
+  "__SGroupCell": "___SGroupCell_qoh6t_gg_",
+  "_theme_muted": "_theme_muted_qoh6t_gg_",
+  "_theme_info": "_theme_info_qoh6t_gg_",
+  "_theme_success": "_theme_success_qoh6t_gg_",
+  "_theme_warning": "_theme_warning_qoh6t_gg_",
+  "_theme_danger": "_theme_danger_qoh6t_gg_",
+  "_positioned": "__positioned_qoh6t_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_qoh6t_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_qoh6t_gg_",
+  "--left-offset": "--left-offset_qoh6t",
+  "--right-offset": "--right-offset_qoh6t",
+  "--offsetSum": "--offsetSum_qoh6t",
+  "_orientation_vertical": "_orientation_vertical_qoh6t_gg_",
+  "__SHeightHold": "___SHeightHold_qoh6t_gg_",
+  "_compact": "__compact_qoh6t_gg_",
+  "_sortable": "__sortable_qoh6t_gg_",
+  "_justifyContent_right": "_justifyContent_right_qoh6t_gg_",
+  "_resizable": "__resizable_qoh6t_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/es6/Head.js

@@ -19,10 +19,10 @@ import { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';
 import logger from '@semcore/utils/lib/logger';
 import { setRef } from '@semcore/utils/lib/ref';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1dm5w_gg_:before{left:var(--left-offset_1dm5w)!important}.___SShadowHorizontal_1dm5w_gg_:after{right:var(--right-offset_1dm5w)!important}" /*__inner_css_end__*/, "1dm5w_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1dm5w_gg_",
-  "--left-offset": "--left-offset_1dm5w",
-  "--right-offset": "--right-offset_1dm5w"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_r44bk_gg_:before{left:var(--left-offset_r44bk)!important}.___SShadowHorizontal_r44bk_gg_:after{right:var(--right-offset_r44bk)!important}" /*__inner_css_end__*/, "r44bk_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_r44bk_gg_",
+  "--left-offset": "--left-offset_r44bk",
+  "--right-offset": "--right-offset_r44bk"
 });
 var SORTING_ICON = {
   desc: SortDesc,
@@ -50,7 +50,7 @@ var Head = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "bindHandlerKeyDown", function (name) {
       return function (event) {
-        if (event.code === 'Enter' || event.code === 'Space') {
+        if (event.key === 'Enter' || event.key === ' ') {
           event.preventDefault();
           _this.asProps.$onSortClick(name, event);
         }

package/lib/es6/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","SortDesc","SortAsc","callAllEventHandlers","flattenColumns","getFixedStyle","getScrollOffsetValue","logger","setRef","scrollStyles","_sstyled","insert","SORTING_ICON","desc","asc","ariaSort","Head","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","name","event","asProps","$onSortClick","code","preventDefault","props","ref","forwardRef","_createClass","key","value","renderColumns","columns","width","_this2","map","column","renderColumn","_ref2","_column$columns","_this$asProps","styles","use","hidden","uid","SColumn","SHead","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","active","undefined","isGroup","cSize","_getFixedStyle","_getFixedStyle2","_slicedToArray","style","_objectSpread","flexBasis","flex","setVar","varWidth","createElement","cn","fixed","resizable","borderLeft","borderRight","refColumn","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","render","_ref","_ref3","SHeadWrapper","SScrollArea","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","disabledScroll","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","warn","displayName","Container","role","_assignProps","origin"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\n\nimport scrollStyles from './style/scroll-area.shadow.css';\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  disabledScroll?: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  refColumn = (props: Column['props']) => (ref: HTMLElement) => {\n    setRef(props.ref, ref);\n    if (props.forwardRef) {\n      setRef(props.forwardRef, ref);\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable && 0}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.refColumn(column.props)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper>\n                <SSortIcon active={column.active} />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const SScrollArea = ScrollArea as any;\n    const { Children, styles, columnsChildren, onResize, $scrollRef, sticky, disabledScroll } =\n      this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky}>\n        <SScrollArea\n          styles={scrollStyles}\n          left-offset={`${offsetLeftSum}px`}\n          right-offset={`${offsetRightSum}px`}\n          shadow\n          onResize={onResize}\n        >\n          <SScrollArea.Container ref={$scrollRef} disabledScroll={disabledScroll} role='rowgroup'>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </SScrollArea.Container>\n        </SScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}
+{"version":3,"file":"Head.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","SortDesc","SortAsc","callAllEventHandlers","flattenColumns","getFixedStyle","getScrollOffsetValue","logger","setRef","scrollStyles","_sstyled","insert","SORTING_ICON","desc","asc","ariaSort","Head","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","name","event","asProps","$onSortClick","key","preventDefault","props","ref","forwardRef","_createClass","value","renderColumns","columns","width","_this2","map","column","renderColumn","_ref2","_column$columns","_this$asProps","styles","use","hidden","uid","SColumn","SHead","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","active","undefined","isGroup","cSize","_getFixedStyle","_getFixedStyle2","_slicedToArray","style","_objectSpread","flexBasis","flex","setVar","varWidth","createElement","cn","fixed","resizable","borderLeft","borderRight","refColumn","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","render","_ref","_ref3","SHeadWrapper","SScrollArea","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","disabledScroll","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","warn","displayName","Container","role","_assignProps","origin"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\n\nimport scrollStyles from './style/scroll-area.shadow.css';\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  disabledScroll?: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  refColumn = (props: Column['props']) => (ref: HTMLElement) => {\n    setRef(props.ref, ref);\n    if (props.forwardRef) {\n      setRef(props.forwardRef, ref);\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable && 0}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.refColumn(column.props)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper>\n                <SSortIcon active={column.active} />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const SScrollArea = ScrollArea as any;\n    const { Children, styles, columnsChildren, onResize, $scrollRef, sticky, disabledScroll } =\n      this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky}>\n        <SScrollArea\n          styles={scrollStyles}\n          left-offset={`${offsetLeftSum}px`}\n          right-offset={`${offsetRightSum}px`}\n          shadow\n          onResize={onResize}\n        >\n          <SScrollArea.Container ref={$scrollRef} disabledScroll={disabledScroll} role='rowgroup'>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </SScrollArea.Container>\n        </SScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "4.28.0",
+  "version": "4.28.1-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,10 +9,10 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "5.19.3",
-    "@semcore/icon": "4.27.0",
-    "@semcore/scroll-area": "5.20.5",
-    "@semcore/utils": "4.20.4"
+    "@semcore/flex-box": "5.19.4-prerelease.1",
+    "@semcore/icon": "4.27.1-prerelease.1",
+    "@semcore/scroll-area": "5.20.6-prerelease.3",
+    "@semcore/utils": "4.20.5-prerelease.1"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -34,7 +34,7 @@
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.4",
+    "@semcore/core": "^2.17.5-prerelease.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },