npm - @semcore/data-table - Versions diffs - 4.28.2 → 4.28.3-prerelease.2 - Mend

@semcore/data-table 4.28.2 → 4.28.3-prerelease.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,7 +2,13 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
-## [4.28.2-prerelease.2] - 2024-03-07
+## [4.28.3-prerelease.2] - 2024-03-07
+### Changed
+- Don't focus hidden DataTable.Head.
+## [4.28.2] - 2024-03-07
 ### Changed

package/README.md CHANGED Viewed

@@ -13,13 +13,13 @@
 ## Install
 ```sh
-npm install @semcore/ui
+npm install intergalactic
 ```
 ## Usage
 ```jsx
-import DataTable from '@semcore/ui/data-table';
+import DataTable from 'intergalactic/data-table';
 ```
 <details>

package/lib/cjs/Body.js CHANGED Viewed

@@ -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_8tu37_gg_:before{left:var(--left-offset_8tu37)!important}.___SShadowHorizontal_8tu37_gg_:after{right:var(--right-offset_8tu37)!important}" /*__inner_css_end__*/, "8tu37_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_8tu37_gg_",
-  "--left-offset": "--left-offset_8tu37",
-  "--right-offset": "--right-offset_8tu37"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_g51hu_gg_:before{left:var(--left-offset_g51hu)!important}.___SShadowHorizontal_g51hu_gg_:after{right:var(--right-offset_g51hu)!important}" /*__inner_css_end__*/, "g51hu_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_g51hu_gg_",
+  "--left-offset": "--left-offset_g51hu",
+  "--right-offset": "--right-offset_g51hu"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 var getCellsByColumn = function getCellsByColumn(cells) {

package/lib/cjs/DataTable.js CHANGED Viewed

@@ -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_3me3u_gg_,.___SHeadWrapper_3me3u_gg_{position:relative}.___SDataTable_3me3u_gg_.__compact_3me3u_gg_ .___SCell_3me3u_gg_,.___SDataTable_3me3u_gg_.__compact_3me3u_gg_ .___SColumn_3me3u_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_3me3u_gg_.__sticky_3me3u_gg_{position:sticky;top:0;z-index:2}.___SHead_3me3u_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_3me3u_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_3me3u_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_3me3u_gg_.__hidden_3me3u_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_3me3u_gg_._use_primary_3me3u_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_3me3u_gg_._use_secondary_3me3u_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_3me3u_gg_.__group_3me3u_gg_.__use_3me3u_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_3me3u_gg_.__groupHead_3me3u_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_{cursor:pointer}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._use_primary_3me3u_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._use_primary_3me3u_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_ .___SSortWrapper_3me3u_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_.__active_3me3u_gg_ .___SSortWrapper_3me3u_gg_,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_:focus .___SSortWrapper_3me3u_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_:hover .___SSortWrapper_3me3u_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_.__active_3me3u_gg_ .___SSortWrapper_3me3u_gg_,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:focus .___SSortWrapper_3me3u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:hover .___SSortWrapper_3me3u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_.__active_3me3u_gg_ .___SSortWrapper_3me3u_gg_:before,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:focus .___SSortIcon_3me3u_gg_,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:focus .___SSortWrapper_3me3u_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:hover .___SSortWrapper_3me3u_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:hover .___SSortIcon_3me3u_gg_{display:block;opacity:1}}.___SColumn_3me3u_gg_._use_primary_3me3u_gg_.__active_3me3u_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_3me3u_gg_.__active_3me3u_gg_ .___SSortIcon_3me3u_gg_{display:block;opacity:1}.___SColumn_3me3u_gg_.__resizable_3me3u_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_3me3u_gg_.__resizable_3me3u_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_3me3u_gg_.__resizable_3me3u_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_3me3u_gg_.__fixed_3me3u_gg_{position:sticky;z-index:2}.___SCell_3me3u_gg_.__borderLeft_3me3u_gg_,.___SColumn_3me3u_gg_.__borderLeft_3me3u_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_3me3u_gg_.__borderRight_3me3u_gg_,.___SColumn_3me3u_gg_.__borderRight_3me3u_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_3me3u_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_3me3u_gg_,.___SSortWrapper_3me3u_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_3me3u_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_3me3u_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_3me3u_gg_._use_primary_3me3u_gg_ .___SSortWrapper_3me3u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_3me3u_gg_._use_secondary_3me3u_gg_ .___SSortWrapper_3me3u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_3me3u_gg_{position:relative}.___SBody_3me3u_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_3me3u_gg_{display:flex;flex-direction:row;position:relative}.___SRow_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_muted_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_3me3u_gg_._theme_muted_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_3me3u_gg_._theme_muted_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_muted_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_muted_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_3me3u_gg_._theme_info_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_3me3u_gg_._theme_info_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_3me3u_gg_._theme_info_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_info_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_info_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_3me3u_gg_._theme_success_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_3me3u_gg_._theme_success_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_3me3u_gg_._theme_success_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_success_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_success_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_3me3u_gg_._theme_warning_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_3me3u_gg_._theme_warning_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_3me3u_gg_._theme_warning_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_warning_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_warning_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_3me3u_gg_._theme_danger_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_3me3u_gg_._theme_danger_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_3me3u_gg_._theme_danger_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_danger_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_danger_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_3me3u_gg_.__positioned_3me3u_gg_{position:absolute}.___SCell_3me3u_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_3me3u_gg_._use_primary_3me3u_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_3me3u_gg_._use_secondary_3me3u_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_3me3u_gg_.__fixed_3me3u_gg_{position:sticky;z-index:1}.___SCell_3me3u_gg_._theme_muted_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_3me3u_gg_._theme_info_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_3me3u_gg_._theme_success_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_3me3u_gg_._theme_warning_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_3me3u_gg_._theme_danger_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_3me3u_gg_._orientation_horizontal_3me3u_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_3me3u) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_3me3u) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_3me3u) - 8px)}.___SScrollAreaBar_3me3u_gg_._orientation_vertical_3me3u_gg_{width:12px}.___SHeightHold_3me3u_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "3me3u_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_3me3u_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_3me3u_gg_",
-  "_sticky": "__sticky_3me3u_gg_",
-  "__SHead": "___SHead_3me3u_gg_",
-  "__SColumn": "___SColumn_3me3u_gg_",
-  "_hidden": "__hidden_3me3u_gg_",
-  "_use_primary": "_use_primary_3me3u_gg_",
-  "_use_secondary": "_use_secondary_3me3u_gg_",
-  "_group": "__group_3me3u_gg_",
-  "_use": "__use_3me3u_gg_",
-  "_groupHead": "__groupHead_3me3u_gg_",
-  "_active": "__active_3me3u_gg_",
-  "__SSortIcon": "___SSortIcon_3me3u_gg_",
-  "_fixed": "__fixed_3me3u_gg_",
-  "_borderLeft": "__borderLeft_3me3u_gg_",
-  "__SCell": "___SCell_3me3u_gg_",
-  "_borderRight": "__borderRight_3me3u_gg_",
-  "__SSortWrapper": "___SSortWrapper_3me3u_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_3me3u_gg_",
-  "__SBody": "___SBody_3me3u_gg_",
-  "__SRow": "___SRow_3me3u_gg_",
-  "_theme": "__theme_3me3u_gg_",
-  "__SGroupCell": "___SGroupCell_3me3u_gg_",
-  "_theme_muted": "_theme_muted_3me3u_gg_",
-  "_theme_info": "_theme_info_3me3u_gg_",
-  "_theme_success": "_theme_success_3me3u_gg_",
-  "_theme_warning": "_theme_warning_3me3u_gg_",
-  "_theme_danger": "_theme_danger_3me3u_gg_",
-  "_positioned": "__positioned_3me3u_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_3me3u_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_3me3u_gg_",
-  "--left-offset": "--left-offset_3me3u",
-  "--right-offset": "--right-offset_3me3u",
-  "--offsetSum": "--offsetSum_3me3u",
-  "_orientation_vertical": "_orientation_vertical_3me3u_gg_",
-  "__SHeightHold": "___SHeightHold_3me3u_gg_",
-  "_compact": "__compact_3me3u_gg_",
-  "_sortable": "__sortable_3me3u_gg_",
-  "_justifyContent_right": "_justifyContent_right_3me3u_gg_",
-  "_resizable": "__resizable_3me3u_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_1jvpc_gg_,.___SHeadWrapper_1jvpc_gg_{position:relative}.___SDataTable_1jvpc_gg_.__compact_1jvpc_gg_ .___SCell_1jvpc_gg_,.___SDataTable_1jvpc_gg_.__compact_1jvpc_gg_ .___SColumn_1jvpc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1jvpc_gg_.__sticky_1jvpc_gg_{position:sticky;top:0;z-index:2}.___SHead_1jvpc_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1jvpc_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_1jvpc_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1jvpc_gg_.__hidden_1jvpc_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_1jvpc_gg_._use_primary_1jvpc_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_1jvpc_gg_._use_secondary_1jvpc_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_1jvpc_gg_.__group_1jvpc_gg_.__use_1jvpc_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1jvpc_gg_.__groupHead_1jvpc_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_{cursor:pointer}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._use_primary_1jvpc_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._use_primary_1jvpc_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_.__active_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_:focus .___SSortWrapper_1jvpc_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_:hover .___SSortWrapper_1jvpc_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_.__active_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:focus .___SSortWrapper_1jvpc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:hover .___SSortWrapper_1jvpc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_.__active_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_:before,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:focus .___SSortIcon_1jvpc_gg_,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:focus .___SSortWrapper_1jvpc_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:hover .___SSortWrapper_1jvpc_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:hover .___SSortIcon_1jvpc_gg_{display:block;opacity:1}}.___SColumn_1jvpc_gg_._use_primary_1jvpc_gg_.__active_1jvpc_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1jvpc_gg_.__active_1jvpc_gg_ .___SSortIcon_1jvpc_gg_{display:block;opacity:1}.___SColumn_1jvpc_gg_.__resizable_1jvpc_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1jvpc_gg_.__resizable_1jvpc_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1jvpc_gg_.__resizable_1jvpc_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_1jvpc_gg_.__fixed_1jvpc_gg_{position:sticky;z-index:2}.___SCell_1jvpc_gg_.__borderLeft_1jvpc_gg_,.___SColumn_1jvpc_gg_.__borderLeft_1jvpc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1jvpc_gg_.__borderRight_1jvpc_gg_,.___SColumn_1jvpc_gg_.__borderRight_1jvpc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1jvpc_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_1jvpc_gg_,.___SSortWrapper_1jvpc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1jvpc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1jvpc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1jvpc_gg_._use_primary_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1jvpc_gg_._use_secondary_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1jvpc_gg_{position:relative}.___SBody_1jvpc_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1jvpc_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_muted_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_info_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_success_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_warning_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_danger_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1jvpc_gg_.__positioned_1jvpc_gg_{position:absolute}.___SCell_1jvpc_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_1jvpc_gg_._use_primary_1jvpc_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jvpc_gg_._use_secondary_1jvpc_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jvpc_gg_.__fixed_1jvpc_gg_{position:sticky;z-index:1}.___SCell_1jvpc_gg_._theme_muted_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1jvpc_gg_._theme_info_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1jvpc_gg_._theme_success_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1jvpc_gg_._theme_warning_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1jvpc_gg_._theme_danger_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1jvpc_gg_._orientation_horizontal_1jvpc_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_1jvpc) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_1jvpc) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1jvpc) - 8px)}.___SScrollAreaBar_1jvpc_gg_._orientation_vertical_1jvpc_gg_{width:12px}.___SHeightHold_1jvpc_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1jvpc_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_1jvpc_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_1jvpc_gg_",
+  "_sticky": "__sticky_1jvpc_gg_",
+  "__SHead": "___SHead_1jvpc_gg_",
+  "__SColumn": "___SColumn_1jvpc_gg_",
+  "_hidden": "__hidden_1jvpc_gg_",
+  "_use_primary": "_use_primary_1jvpc_gg_",
+  "_use_secondary": "_use_secondary_1jvpc_gg_",
+  "_group": "__group_1jvpc_gg_",
+  "_use": "__use_1jvpc_gg_",
+  "_groupHead": "__groupHead_1jvpc_gg_",
+  "_active": "__active_1jvpc_gg_",
+  "__SSortIcon": "___SSortIcon_1jvpc_gg_",
+  "_fixed": "__fixed_1jvpc_gg_",
+  "_borderLeft": "__borderLeft_1jvpc_gg_",
+  "__SCell": "___SCell_1jvpc_gg_",
+  "_borderRight": "__borderRight_1jvpc_gg_",
+  "__SSortWrapper": "___SSortWrapper_1jvpc_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_1jvpc_gg_",
+  "__SBody": "___SBody_1jvpc_gg_",
+  "__SRow": "___SRow_1jvpc_gg_",
+  "_theme": "__theme_1jvpc_gg_",
+  "__SGroupCell": "___SGroupCell_1jvpc_gg_",
+  "_theme_muted": "_theme_muted_1jvpc_gg_",
+  "_theme_info": "_theme_info_1jvpc_gg_",
+  "_theme_success": "_theme_success_1jvpc_gg_",
+  "_theme_warning": "_theme_warning_1jvpc_gg_",
+  "_theme_danger": "_theme_danger_1jvpc_gg_",
+  "_positioned": "__positioned_1jvpc_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_1jvpc_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1jvpc_gg_",
+  "--left-offset": "--left-offset_1jvpc",
+  "--right-offset": "--right-offset_1jvpc",
+  "--offsetSum": "--offsetSum_1jvpc",
+  "_orientation_vertical": "_orientation_vertical_1jvpc_gg_",
+  "__SHeightHold": "___SHeightHold_1jvpc_gg_",
+  "_compact": "__compact_1jvpc_gg_",
+  "_sortable": "__sortable_1jvpc_gg_",
+  "_justifyContent_right": "_justifyContent_right_1jvpc_gg_",
+  "_resizable": "__resizable_1jvpc_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/cjs/Head.js CHANGED Viewed

@@ -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_8tu37_gg_:before{left:var(--left-offset_8tu37)!important}.___SShadowHorizontal_8tu37_gg_:after{right:var(--right-offset_8tu37)!important}" /*__inner_css_end__*/, "8tu37_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_8tu37_gg_",
-  "--left-offset": "--left-offset_8tu37",
-  "--right-offset": "--right-offset_8tu37"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_g51hu_gg_:before{left:var(--left-offset_g51hu)!important}.___SShadowHorizontal_g51hu_gg_:after{right:var(--right-offset_g51hu)!important}" /*__inner_css_end__*/, "g51hu_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_g51hu_gg_",
+  "--left-offset": "--left-offset_g51hu",
+  "--right-offset": "--right-offset_g51hu"
 });
 var SORTING_ICON = {
   desc: _m["default"],
@@ -156,7 +156,8 @@ var Head = /*#__PURE__*/function (_Component) {
         onResize = _this$asProps2.onResize,
         $scrollRef = _this$asProps2.$scrollRef,
         sticky = _this$asProps2.sticky,
-        disabledScroll = _this$asProps2.disabledScroll;
+        disabledScroll = _this$asProps2.disabledScroll,
+        hidden = _this$asProps2.hidden;
       this.columns = (0, _utils.flattenColumns)(columnsChildren);
       var _getScrollOffsetValue = (0, _utils.getScrollOffsetValue)(this.columns),
         _getScrollOffsetValue2 = (0, _slicedToArray2["default"])(_getScrollOffsetValue, 2),
@@ -174,7 +175,8 @@ var Head = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react["default"].createElement(SScrollArea.Container, {
         ref: $scrollRef,
         disabledScroll: disabledScroll,
-        role: "rowgroup"
+        role: "rowgroup",
+        tabIndex: hidden ? -1 : 0
       }, /*#__PURE__*/_react["default"].createElement(SHead, _ref3.cn("SHead", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "role": 'row',
         "aria-rowindex": '1',

package/lib/cjs/Head.js.map CHANGED Viewed

	@@ -1 +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","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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"}
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","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","tabIndex","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 {\n Children,\n styles,\n columnsChildren,\n onResize,\n $scrollRef,\n sticky,\n disabledScroll,\n hidden,\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\n ref={$scrollRef}\n disabledScroll={disabledScroll}\n role='rowgroup'\n tabIndex={hidden ? -1 : 0}\n >\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 CHANGED Viewed

@@ -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_8tu37_gg_:before{left:var(--left-offset_8tu37)!important}.___SShadowHorizontal_8tu37_gg_:after{right:var(--right-offset_8tu37)!important}" /*__inner_css_end__*/, "8tu37_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_8tu37_gg_",
-  "--left-offset": "--left-offset_8tu37",
-  "--right-offset": "--right-offset_8tu37"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_g51hu_gg_:before{left:var(--left-offset_g51hu)!important}.___SShadowHorizontal_g51hu_gg_:after{right:var(--right-offset_g51hu)!important}" /*__inner_css_end__*/, "g51hu_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_g51hu_gg_",
+  "--left-offset": "--left-offset_g51hu",
+  "--right-offset": "--right-offset_g51hu"
 });
 import trottle from '@semcore/utils/lib/rafTrottle';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';

package/lib/es6/DataTable.js CHANGED Viewed

@@ -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_3me3u_gg_,.___SHeadWrapper_3me3u_gg_{position:relative}.___SDataTable_3me3u_gg_.__compact_3me3u_gg_ .___SCell_3me3u_gg_,.___SDataTable_3me3u_gg_.__compact_3me3u_gg_ .___SColumn_3me3u_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_3me3u_gg_.__sticky_3me3u_gg_{position:sticky;top:0;z-index:2}.___SHead_3me3u_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_3me3u_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_3me3u_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_3me3u_gg_.__hidden_3me3u_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_3me3u_gg_._use_primary_3me3u_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_3me3u_gg_._use_secondary_3me3u_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_3me3u_gg_.__group_3me3u_gg_.__use_3me3u_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_3me3u_gg_.__groupHead_3me3u_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_{cursor:pointer}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._use_primary_3me3u_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._use_primary_3me3u_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_ .___SSortWrapper_3me3u_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_.__active_3me3u_gg_ .___SSortWrapper_3me3u_gg_,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_:focus .___SSortWrapper_3me3u_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_._justifyContent_right_3me3u_gg_:hover .___SSortWrapper_3me3u_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_.__active_3me3u_gg_ .___SSortWrapper_3me3u_gg_,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:focus .___SSortWrapper_3me3u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:hover .___SSortWrapper_3me3u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_3me3u_gg_.__sortable_3me3u_gg_.__active_3me3u_gg_ .___SSortWrapper_3me3u_gg_:before,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:focus .___SSortIcon_3me3u_gg_,.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:focus .___SSortWrapper_3me3u_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:hover .___SSortWrapper_3me3u_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_3me3u_gg_.__sortable_3me3u_gg_:hover .___SSortIcon_3me3u_gg_{display:block;opacity:1}}.___SColumn_3me3u_gg_._use_primary_3me3u_gg_.__active_3me3u_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_3me3u_gg_.__active_3me3u_gg_ .___SSortIcon_3me3u_gg_{display:block;opacity:1}.___SColumn_3me3u_gg_.__resizable_3me3u_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_3me3u_gg_.__resizable_3me3u_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_3me3u_gg_.__resizable_3me3u_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_3me3u_gg_.__fixed_3me3u_gg_{position:sticky;z-index:2}.___SCell_3me3u_gg_.__borderLeft_3me3u_gg_,.___SColumn_3me3u_gg_.__borderLeft_3me3u_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_3me3u_gg_.__borderRight_3me3u_gg_,.___SColumn_3me3u_gg_.__borderRight_3me3u_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_3me3u_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_3me3u_gg_,.___SSortWrapper_3me3u_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_3me3u_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_3me3u_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_3me3u_gg_._use_primary_3me3u_gg_ .___SSortWrapper_3me3u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_3me3u_gg_._use_secondary_3me3u_gg_ .___SSortWrapper_3me3u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_3me3u_gg_{position:relative}.___SBody_3me3u_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_3me3u_gg_{display:flex;flex-direction:row;position:relative}.___SRow_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_muted_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_3me3u_gg_._theme_muted_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_3me3u_gg_._theme_muted_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_muted_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_muted_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_3me3u_gg_._theme_info_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_3me3u_gg_._theme_info_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_3me3u_gg_._theme_info_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_info_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_info_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_3me3u_gg_._theme_success_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_3me3u_gg_._theme_success_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_3me3u_gg_._theme_success_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_success_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_success_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_3me3u_gg_._theme_warning_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_3me3u_gg_._theme_warning_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_3me3u_gg_._theme_warning_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_warning_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_warning_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_3me3u_gg_._theme_danger_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_3me3u_gg_._theme_danger_3me3u_gg_.__active_3me3u_gg_>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_3me3u_gg_._theme_danger_3me3u_gg_ .___SCell_3me3u_gg_:hover+.___SGroupCell_3me3u_gg_ .___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_._theme_danger_3me3u_gg_:hover>.___SCell_3me3u_gg_:not(.__theme_3me3u_gg_),.___SRow_3me3u_gg_:hover>.___SCell_3me3u_gg_._theme_danger_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_3me3u_gg_.__positioned_3me3u_gg_{position:absolute}.___SCell_3me3u_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_3me3u_gg_._use_primary_3me3u_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_3me3u_gg_._use_secondary_3me3u_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_3me3u_gg_.__fixed_3me3u_gg_{position:sticky;z-index:1}.___SCell_3me3u_gg_._theme_muted_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_3me3u_gg_._theme_info_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_3me3u_gg_._theme_success_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_3me3u_gg_._theme_warning_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_3me3u_gg_._theme_danger_3me3u_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_3me3u_gg_._orientation_horizontal_3me3u_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_3me3u) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_3me3u) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_3me3u) - 8px)}.___SScrollAreaBar_3me3u_gg_._orientation_vertical_3me3u_gg_{width:12px}.___SHeightHold_3me3u_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "3me3u_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_3me3u_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_3me3u_gg_",
-  "_sticky": "__sticky_3me3u_gg_",
-  "__SHead": "___SHead_3me3u_gg_",
-  "__SColumn": "___SColumn_3me3u_gg_",
-  "_hidden": "__hidden_3me3u_gg_",
-  "_use_primary": "_use_primary_3me3u_gg_",
-  "_use_secondary": "_use_secondary_3me3u_gg_",
-  "_group": "__group_3me3u_gg_",
-  "_use": "__use_3me3u_gg_",
-  "_groupHead": "__groupHead_3me3u_gg_",
-  "_active": "__active_3me3u_gg_",
-  "__SSortIcon": "___SSortIcon_3me3u_gg_",
-  "_fixed": "__fixed_3me3u_gg_",
-  "_borderLeft": "__borderLeft_3me3u_gg_",
-  "__SCell": "___SCell_3me3u_gg_",
-  "_borderRight": "__borderRight_3me3u_gg_",
-  "__SSortWrapper": "___SSortWrapper_3me3u_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_3me3u_gg_",
-  "__SBody": "___SBody_3me3u_gg_",
-  "__SRow": "___SRow_3me3u_gg_",
-  "_theme": "__theme_3me3u_gg_",
-  "__SGroupCell": "___SGroupCell_3me3u_gg_",
-  "_theme_muted": "_theme_muted_3me3u_gg_",
-  "_theme_info": "_theme_info_3me3u_gg_",
-  "_theme_success": "_theme_success_3me3u_gg_",
-  "_theme_warning": "_theme_warning_3me3u_gg_",
-  "_theme_danger": "_theme_danger_3me3u_gg_",
-  "_positioned": "__positioned_3me3u_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_3me3u_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_3me3u_gg_",
-  "--left-offset": "--left-offset_3me3u",
-  "--right-offset": "--right-offset_3me3u",
-  "--offsetSum": "--offsetSum_3me3u",
-  "_orientation_vertical": "_orientation_vertical_3me3u_gg_",
-  "__SHeightHold": "___SHeightHold_3me3u_gg_",
-  "_compact": "__compact_3me3u_gg_",
-  "_sortable": "__sortable_3me3u_gg_",
-  "_justifyContent_right": "_justifyContent_right_3me3u_gg_",
-  "_resizable": "__resizable_3me3u_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_1jvpc_gg_,.___SHeadWrapper_1jvpc_gg_{position:relative}.___SDataTable_1jvpc_gg_.__compact_1jvpc_gg_ .___SCell_1jvpc_gg_,.___SDataTable_1jvpc_gg_.__compact_1jvpc_gg_ .___SColumn_1jvpc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1jvpc_gg_.__sticky_1jvpc_gg_{position:sticky;top:0;z-index:2}.___SHead_1jvpc_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1jvpc_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_1jvpc_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1jvpc_gg_.__hidden_1jvpc_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_1jvpc_gg_._use_primary_1jvpc_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_1jvpc_gg_._use_secondary_1jvpc_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_1jvpc_gg_.__group_1jvpc_gg_.__use_1jvpc_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1jvpc_gg_.__groupHead_1jvpc_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_{cursor:pointer}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._use_primary_1jvpc_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._use_primary_1jvpc_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_.__active_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_:focus .___SSortWrapper_1jvpc_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_._justifyContent_right_1jvpc_gg_:hover .___SSortWrapper_1jvpc_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_.__active_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:focus .___SSortWrapper_1jvpc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:hover .___SSortWrapper_1jvpc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_.__active_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_:before,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:focus .___SSortIcon_1jvpc_gg_,.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:focus .___SSortWrapper_1jvpc_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:hover .___SSortWrapper_1jvpc_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1jvpc_gg_.__sortable_1jvpc_gg_:hover .___SSortIcon_1jvpc_gg_{display:block;opacity:1}}.___SColumn_1jvpc_gg_._use_primary_1jvpc_gg_.__active_1jvpc_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1jvpc_gg_.__active_1jvpc_gg_ .___SSortIcon_1jvpc_gg_{display:block;opacity:1}.___SColumn_1jvpc_gg_.__resizable_1jvpc_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1jvpc_gg_.__resizable_1jvpc_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1jvpc_gg_.__resizable_1jvpc_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_1jvpc_gg_.__fixed_1jvpc_gg_{position:sticky;z-index:2}.___SCell_1jvpc_gg_.__borderLeft_1jvpc_gg_,.___SColumn_1jvpc_gg_.__borderLeft_1jvpc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1jvpc_gg_.__borderRight_1jvpc_gg_,.___SColumn_1jvpc_gg_.__borderRight_1jvpc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1jvpc_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_1jvpc_gg_,.___SSortWrapper_1jvpc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1jvpc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1jvpc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1jvpc_gg_._use_primary_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1jvpc_gg_._use_secondary_1jvpc_gg_ .___SSortWrapper_1jvpc_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1jvpc_gg_{position:relative}.___SBody_1jvpc_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1jvpc_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_muted_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_muted_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_info_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_info_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_success_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_success_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_warning_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_warning_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_.__active_1jvpc_gg_>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_ .___SCell_1jvpc_gg_:hover+.___SGroupCell_1jvpc_gg_ .___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_._theme_danger_1jvpc_gg_:hover>.___SCell_1jvpc_gg_:not(.__theme_1jvpc_gg_),.___SRow_1jvpc_gg_:hover>.___SCell_1jvpc_gg_._theme_danger_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1jvpc_gg_.__positioned_1jvpc_gg_{position:absolute}.___SCell_1jvpc_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_1jvpc_gg_._use_primary_1jvpc_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jvpc_gg_._use_secondary_1jvpc_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1jvpc_gg_.__fixed_1jvpc_gg_{position:sticky;z-index:1}.___SCell_1jvpc_gg_._theme_muted_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1jvpc_gg_._theme_info_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1jvpc_gg_._theme_success_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1jvpc_gg_._theme_warning_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1jvpc_gg_._theme_danger_1jvpc_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1jvpc_gg_._orientation_horizontal_1jvpc_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_1jvpc) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_1jvpc) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1jvpc) - 8px)}.___SScrollAreaBar_1jvpc_gg_._orientation_vertical_1jvpc_gg_{width:12px}.___SHeightHold_1jvpc_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1jvpc_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_1jvpc_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_1jvpc_gg_",
+  "_sticky": "__sticky_1jvpc_gg_",
+  "__SHead": "___SHead_1jvpc_gg_",
+  "__SColumn": "___SColumn_1jvpc_gg_",
+  "_hidden": "__hidden_1jvpc_gg_",
+  "_use_primary": "_use_primary_1jvpc_gg_",
+  "_use_secondary": "_use_secondary_1jvpc_gg_",
+  "_group": "__group_1jvpc_gg_",
+  "_use": "__use_1jvpc_gg_",
+  "_groupHead": "__groupHead_1jvpc_gg_",
+  "_active": "__active_1jvpc_gg_",
+  "__SSortIcon": "___SSortIcon_1jvpc_gg_",
+  "_fixed": "__fixed_1jvpc_gg_",
+  "_borderLeft": "__borderLeft_1jvpc_gg_",
+  "__SCell": "___SCell_1jvpc_gg_",
+  "_borderRight": "__borderRight_1jvpc_gg_",
+  "__SSortWrapper": "___SSortWrapper_1jvpc_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_1jvpc_gg_",
+  "__SBody": "___SBody_1jvpc_gg_",
+  "__SRow": "___SRow_1jvpc_gg_",
+  "_theme": "__theme_1jvpc_gg_",
+  "__SGroupCell": "___SGroupCell_1jvpc_gg_",
+  "_theme_muted": "_theme_muted_1jvpc_gg_",
+  "_theme_info": "_theme_info_1jvpc_gg_",
+  "_theme_success": "_theme_success_1jvpc_gg_",
+  "_theme_warning": "_theme_warning_1jvpc_gg_",
+  "_theme_danger": "_theme_danger_1jvpc_gg_",
+  "_positioned": "__positioned_1jvpc_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_1jvpc_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1jvpc_gg_",
+  "--left-offset": "--left-offset_1jvpc",
+  "--right-offset": "--right-offset_1jvpc",
+  "--offsetSum": "--offsetSum_1jvpc",
+  "_orientation_vertical": "_orientation_vertical_1jvpc_gg_",
+  "__SHeightHold": "___SHeightHold_1jvpc_gg_",
+  "_compact": "__compact_1jvpc_gg_",
+  "_sortable": "__sortable_1jvpc_gg_",
+  "_justifyContent_right": "_justifyContent_right_1jvpc_gg_",
+  "_resizable": "__resizable_1jvpc_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/es6/Head.js CHANGED Viewed

@@ -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_8tu37_gg_:before{left:var(--left-offset_8tu37)!important}.___SShadowHorizontal_8tu37_gg_:after{right:var(--right-offset_8tu37)!important}" /*__inner_css_end__*/, "8tu37_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_8tu37_gg_",
-  "--left-offset": "--left-offset_8tu37",
-  "--right-offset": "--right-offset_8tu37"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_g51hu_gg_:before{left:var(--left-offset_g51hu)!important}.___SShadowHorizontal_g51hu_gg_:after{right:var(--right-offset_g51hu)!important}" /*__inner_css_end__*/, "g51hu_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_g51hu_gg_",
+  "--left-offset": "--left-offset_g51hu",
+  "--right-offset": "--right-offset_g51hu"
 });
 var SORTING_ICON = {
   desc: SortDesc,
@@ -151,7 +151,8 @@ var Head = /*#__PURE__*/function (_Component) {
         onResize = _this$asProps2.onResize,
         $scrollRef = _this$asProps2.$scrollRef,
         sticky = _this$asProps2.sticky,
-        disabledScroll = _this$asProps2.disabledScroll;
+        disabledScroll = _this$asProps2.disabledScroll,
+        hidden = _this$asProps2.hidden;
       this.columns = flattenColumns(columnsChildren);
       var _getScrollOffsetValue = getScrollOffsetValue(this.columns),
         _getScrollOffsetValue2 = _slicedToArray(_getScrollOffsetValue, 2),
@@ -169,7 +170,8 @@ var Head = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(SScrollArea.Container, {
         ref: $scrollRef,
         disabledScroll: disabledScroll,
-        role: "rowgroup"
+        role: "rowgroup",
+        tabIndex: hidden ? -1 : 0
       }, /*#__PURE__*/React.createElement(SHead, _ref3.cn("SHead", _objectSpread({}, _assignProps({
         "role": 'row',
         "aria-rowindex": '1',

package/lib/es6/Head.js.map CHANGED Viewed

	@@ -1 +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","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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"}
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","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","tabIndex","_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 {\n Children,\n styles,\n columnsChildren,\n onResize,\n $scrollRef,\n sticky,\n disabledScroll,\n hidden,\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\n ref={$scrollRef}\n disabledScroll={disabledScroll}\n role='rowgroup'\n tabIndex={hidden ? -1 : 0}\n >\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 CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "4.28.2",
+  "version": "4.28.3-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -11,7 +11,7 @@
   "dependencies": {
     "@semcore/flex-box": "5.19.4",
     "@semcore/icon": "4.27.1",
-    "@semcore/scroll-area": "5.20.7",
+    "@semcore/scroll-area": "5.20.8-prerelease.2",
     "@semcore/utils": "4.20.5"
   },
   "devDependencies": {