npm - @semcore/data-table - Versions diffs - 4.34.2-prerelease.0 → 4.34.3-prerelease.0 - Mend

@semcore/data-table 4.34.2-prerelease.0 → 4.34.3-prerelease.0

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

Files changed (8) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,12 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [4.34.3] - 2024-04-22
+### Fixed
+- Warning in console about invalid value of `tabIndex` attribute.
 ## [4.34.2] - 2024-04-22
 ### Changed

package/lib/cjs/DataTable.js CHANGED Viewed

@@ -28,41 +28,41 @@ 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_1qlik_gg_,.___SHeadWrapper_1qlik_gg_{position:relative}.___SDataTable_1qlik_gg_.__compact_1qlik_gg_ .___SCell_1qlik_gg_,.___SDataTable_1qlik_gg_.__compact_1qlik_gg_ .___SColumn_1qlik_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1qlik_gg_.__sticky_1qlik_gg_{position:sticky;top:0;z-index:2}.___SHead_1qlik_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1qlik_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_1qlik_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1qlik_gg_.__hidden_1qlik_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_1qlik_gg_._use_primary_1qlik_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_1qlik_gg_._use_secondary_1qlik_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_1qlik_gg_.__group_1qlik_gg_.__use_1qlik_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1qlik_gg_.__groupHead_1qlik_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_{cursor:pointer}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._use_primary_1qlik_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._use_primary_1qlik_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_ .___SSortWrapper_1qlik_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_.__active_1qlik_gg_ .___SSortWrapper_1qlik_gg_,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_:focus .___SSortWrapper_1qlik_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_:hover .___SSortWrapper_1qlik_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_.__active_1qlik_gg_ .___SSortWrapper_1qlik_gg_,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:focus .___SSortWrapper_1qlik_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:hover .___SSortWrapper_1qlik_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_.__active_1qlik_gg_ .___SSortWrapper_1qlik_gg_:before,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:focus .___SSortIcon_1qlik_gg_,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:focus .___SSortWrapper_1qlik_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:hover .___SSortWrapper_1qlik_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:hover .___SSortIcon_1qlik_gg_{display:block;opacity:1}}.___SColumn_1qlik_gg_._use_primary_1qlik_gg_.__active_1qlik_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1qlik_gg_.__active_1qlik_gg_ .___SSortIcon_1qlik_gg_{display:block;opacity:1}.___SColumn_1qlik_gg_.__resizable_1qlik_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1qlik_gg_.__resizable_1qlik_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1qlik_gg_.__resizable_1qlik_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_1qlik_gg_.__fixed_1qlik_gg_{position:sticky;z-index:2}.___SCell_1qlik_gg_.__borderLeft_1qlik_gg_,.___SColumn_1qlik_gg_.__borderLeft_1qlik_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qlik_gg_.__borderRight_1qlik_gg_,.___SColumn_1qlik_gg_.__borderRight_1qlik_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1qlik_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_1qlik_gg_,.___SSortWrapper_1qlik_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1qlik_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1qlik_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1qlik_gg_._use_primary_1qlik_gg_ .___SSortWrapper_1qlik_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1qlik_gg_._use_secondary_1qlik_gg_ .___SSortWrapper_1qlik_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1qlik_gg_{position:relative}.___SBody_1qlik_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1qlik_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_muted_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qlik_gg_._theme_muted_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1qlik_gg_._theme_muted_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_muted_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_muted_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qlik_gg_._theme_info_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qlik_gg_._theme_info_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1qlik_gg_._theme_info_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_info_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_info_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1qlik_gg_._theme_success_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qlik_gg_._theme_success_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1qlik_gg_._theme_success_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_success_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_success_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1qlik_gg_._theme_warning_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qlik_gg_._theme_warning_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1qlik_gg_._theme_warning_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_warning_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_warning_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1qlik_gg_._theme_danger_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qlik_gg_._theme_danger_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1qlik_gg_._theme_danger_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_danger_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_danger_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qlik_gg_.__positioned_1qlik_gg_{position:absolute}.___SCell_1qlik_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_1qlik_gg_._use_primary_1qlik_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qlik_gg_._use_secondary_1qlik_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qlik_gg_.__fixed_1qlik_gg_{position:sticky;z-index:1}.___SCell_1qlik_gg_._theme_muted_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qlik_gg_._theme_info_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qlik_gg_._theme_success_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qlik_gg_._theme_warning_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qlik_gg_._theme_danger_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SHeightHold_1qlik_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1qlik_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_1qlik_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1qlik_gg_",
-  "_sticky": "__sticky_1qlik_gg_",
-  "__SHead": "___SHead_1qlik_gg_",
-  "__SColumn": "___SColumn_1qlik_gg_",
-  "_hidden": "__hidden_1qlik_gg_",
-  "_use_primary": "_use_primary_1qlik_gg_",
-  "_use_secondary": "_use_secondary_1qlik_gg_",
-  "_group": "__group_1qlik_gg_",
-  "_use": "__use_1qlik_gg_",
-  "_groupHead": "__groupHead_1qlik_gg_",
-  "_active": "__active_1qlik_gg_",
-  "__SSortIcon": "___SSortIcon_1qlik_gg_",
-  "_fixed": "__fixed_1qlik_gg_",
-  "_borderLeft": "__borderLeft_1qlik_gg_",
-  "__SCell": "___SCell_1qlik_gg_",
-  "_borderRight": "__borderRight_1qlik_gg_",
-  "__SSortWrapper": "___SSortWrapper_1qlik_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1qlik_gg_",
-  "__SBody": "___SBody_1qlik_gg_",
-  "__SRow": "___SRow_1qlik_gg_",
-  "_theme": "__theme_1qlik_gg_",
-  "__SGroupCell": "___SGroupCell_1qlik_gg_",
-  "_theme_muted": "_theme_muted_1qlik_gg_",
-  "_theme_info": "_theme_info_1qlik_gg_",
-  "_theme_success": "_theme_success_1qlik_gg_",
-  "_theme_warning": "_theme_warning_1qlik_gg_",
-  "_theme_danger": "_theme_danger_1qlik_gg_",
-  "_positioned": "__positioned_1qlik_gg_",
-  "__SHeightHold": "___SHeightHold_1qlik_gg_",
-  "_compact": "__compact_1qlik_gg_",
-  "_sortable": "__sortable_1qlik_gg_",
-  "_justifyContent_right": "_justifyContent_right_1qlik_gg_",
-  "_resizable": "__resizable_1qlik_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_wr25x_gg_,.___SHeadWrapper_wr25x_gg_{position:relative}.___SDataTable_wr25x_gg_.__compact_wr25x_gg_ .___SCell_wr25x_gg_,.___SDataTable_wr25x_gg_.__compact_wr25x_gg_ .___SColumn_wr25x_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_wr25x_gg_.__sticky_wr25x_gg_{position:sticky;top:0;z-index:2}.___SHead_wr25x_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_wr25x_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_wr25x_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_wr25x_gg_.__hidden_wr25x_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_wr25x_gg_._use_primary_wr25x_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_wr25x_gg_._use_secondary_wr25x_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_wr25x_gg_.__group_wr25x_gg_.__use_wr25x_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_wr25x_gg_.__groupHead_wr25x_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_{cursor:pointer}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._use_primary_wr25x_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._use_primary_wr25x_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_ .___SSortWrapper_wr25x_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_.__active_wr25x_gg_ .___SSortWrapper_wr25x_gg_,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_:focus .___SSortWrapper_wr25x_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_:hover .___SSortWrapper_wr25x_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_.__active_wr25x_gg_ .___SSortWrapper_wr25x_gg_,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:focus .___SSortWrapper_wr25x_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:hover .___SSortWrapper_wr25x_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_.__active_wr25x_gg_ .___SSortWrapper_wr25x_gg_:before,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:focus .___SSortIcon_wr25x_gg_,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:focus .___SSortWrapper_wr25x_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:hover .___SSortWrapper_wr25x_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:hover .___SSortIcon_wr25x_gg_{display:block;opacity:1}}.___SColumn_wr25x_gg_._use_primary_wr25x_gg_.__active_wr25x_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_wr25x_gg_.__active_wr25x_gg_ .___SSortIcon_wr25x_gg_{display:block;opacity:1}.___SColumn_wr25x_gg_.__resizable_wr25x_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_wr25x_gg_.__resizable_wr25x_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_wr25x_gg_.__resizable_wr25x_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_wr25x_gg_.__fixed_wr25x_gg_{position:sticky;z-index:2}.___SCell_wr25x_gg_.__borderLeft_wr25x_gg_,.___SColumn_wr25x_gg_.__borderLeft_wr25x_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_wr25x_gg_.__borderRight_wr25x_gg_,.___SColumn_wr25x_gg_.__borderRight_wr25x_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_wr25x_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_wr25x_gg_,.___SSortWrapper_wr25x_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_wr25x_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_wr25x_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_wr25x_gg_._use_primary_wr25x_gg_ .___SSortWrapper_wr25x_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_wr25x_gg_._use_secondary_wr25x_gg_ .___SSortWrapper_wr25x_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_wr25x_gg_{position:relative}.___SBody_wr25x_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_wr25x_gg_{display:flex;flex-direction:row;position:relative}.___SRow_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_muted_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_wr25x_gg_._theme_muted_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_wr25x_gg_._theme_muted_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_muted_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_muted_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_wr25x_gg_._theme_info_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_wr25x_gg_._theme_info_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_wr25x_gg_._theme_info_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_info_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_info_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_wr25x_gg_._theme_success_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_wr25x_gg_._theme_success_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_wr25x_gg_._theme_success_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_success_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_success_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_wr25x_gg_._theme_warning_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_wr25x_gg_._theme_warning_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_wr25x_gg_._theme_warning_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_warning_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_warning_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_wr25x_gg_._theme_danger_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_wr25x_gg_._theme_danger_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_wr25x_gg_._theme_danger_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_danger_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_danger_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_wr25x_gg_.__positioned_wr25x_gg_{position:absolute}.___SCell_wr25x_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_wr25x_gg_._use_primary_wr25x_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_wr25x_gg_._use_secondary_wr25x_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_wr25x_gg_.__fixed_wr25x_gg_{position:sticky;z-index:1}.___SCell_wr25x_gg_._theme_muted_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_wr25x_gg_._theme_info_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_wr25x_gg_._theme_success_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_wr25x_gg_._theme_warning_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_wr25x_gg_._theme_danger_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SHeightHold_wr25x_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "wr25x_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_wr25x_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_wr25x_gg_",
+  "_sticky": "__sticky_wr25x_gg_",
+  "__SHead": "___SHead_wr25x_gg_",
+  "__SColumn": "___SColumn_wr25x_gg_",
+  "_hidden": "__hidden_wr25x_gg_",
+  "_use_primary": "_use_primary_wr25x_gg_",
+  "_use_secondary": "_use_secondary_wr25x_gg_",
+  "_group": "__group_wr25x_gg_",
+  "_use": "__use_wr25x_gg_",
+  "_groupHead": "__groupHead_wr25x_gg_",
+  "_active": "__active_wr25x_gg_",
+  "__SSortIcon": "___SSortIcon_wr25x_gg_",
+  "_fixed": "__fixed_wr25x_gg_",
+  "_borderLeft": "__borderLeft_wr25x_gg_",
+  "__SCell": "___SCell_wr25x_gg_",
+  "_borderRight": "__borderRight_wr25x_gg_",
+  "__SSortWrapper": "___SSortWrapper_wr25x_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_wr25x_gg_",
+  "__SBody": "___SBody_wr25x_gg_",
+  "__SRow": "___SRow_wr25x_gg_",
+  "_theme": "__theme_wr25x_gg_",
+  "__SGroupCell": "___SGroupCell_wr25x_gg_",
+  "_theme_muted": "_theme_muted_wr25x_gg_",
+  "_theme_info": "_theme_info_wr25x_gg_",
+  "_theme_success": "_theme_success_wr25x_gg_",
+  "_theme_warning": "_theme_warning_wr25x_gg_",
+  "_theme_danger": "_theme_danger_wr25x_gg_",
+  "_positioned": "__positioned_wr25x_gg_",
+  "__SHeightHold": "___SHeightHold_wr25x_gg_",
+  "_compact": "__compact_wr25x_gg_",
+  "_sortable": "__sortable_wr25x_gg_",
+  "_justifyContent_right": "_justifyContent_right_wr25x_gg_",
+  "_resizable": "__resizable_wr25x_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/cjs/Head.js CHANGED Viewed

@@ -118,7 +118,7 @@ var Head = /*#__PURE__*/function (_Component) {
         "borderRight": isGroup ? false : column.borderRight,
         "active": isGroup ? false : column.active,
         "group": isGroup,
-        "tabIndex": column.sortable && 0,
+        "tabIndex": column.sortable ? 0 : undefined,
         "__excludeProps": ['hidden']
       }, column.props), {}, {
         "ref": this.refColumn(column.props),

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","SORTING_ICON","desc","SortDesc","asc","SortAsc","ariaSort","displayContents","display","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","sstyled","createElement","cn","fixed","resizable","borderLeft","borderRight","refColumn","callAllEventHandlers","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","render","_ref","_ref3","SHeadWrapper","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","logger","warn","displayName","Container","role","tabIndex","zIndex","assignProps","Boolean","Bar","orientation","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\nconst SORTING_ICON = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\nconst ariaSort = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\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 ['data-ui-name']: string;\n uid?: string;\n withScrollBar?: boolean;\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 {\n Children,\n styles,\n columnsChildren,\n onResize,\n $scrollRef,\n sticky,\n withScrollBar,\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 <ScrollArea\n leftOffset={offsetLeftSum}\n rightOffset={offsetRightSum}\n shadow\n onResize={onResize}\n >\n <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n </SHead>\n </ScrollArea.Container>\n {Boolean(withScrollBar) && (\n <div style={displayContents} role='rowgroup'>\n <div style={displayContents} role='row'>\n <div style={displayContents} role='cell'>\n <ScrollArea.Bar orientation='horizontal' />\n </div>\n </div>\n </div>\n )}\n </ScrollArea>\n {Children.origin}\n </SHeadWrapper>,\n );\n }\n}\n\nexport default Head;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,EAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,GAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AAEA,IAAMW,YAAY,GAAG;EACnBC,IAAI,EAAEC,aAAQ;EACdC,GAAG,EAAEC;AACP,CAAU;AACV,IAAMC,QAAQ,GAAG;EACfJ,IAAI,EAAE,YAAY;EAClBE,GAAG,EAAE;AACP,CAAU;AACV,IAAMG,eAAe,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAAC,IAc1CC,IAAI,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,IAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,IAAA;EAAA,SAAAA,KAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,IAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,cACY,EAAE;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,2BAIC,UAACa,IAAY;MAAA,OAAK,UAACC,KAAuB,EAAK;QACpEd,KAAA,CAAKe,OAAO,CAACC,YAAY,CAACH,IAAI,EAAEC,KAAK,CAAC;MACxC,CAAC;IAAA;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,yBAEoB,UAACa,IAAY;MAAA,OAAK,UAACC,KAA0B,EAAK;QACrE,IAAIA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,EAAE;UAC9CH,KAAK,CAACI,cAAc,EAAE;UACtBlB,KAAA,CAAKe,OAAO,CAACC,YAAY,CAACH,IAAI,EAAEC,KAAK,CAAC;QACxC;MACF,CAAC;IAAA;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gBAEW,UAACmB,KAAsB;MAAA,OAAK,UAACC,GAAgB,EAAK;QAC5D,IAAAC,YAAM,EAACF,KAAK,CAACC,GAAG,EAAEA,GAAG,CAAC;QACtB,IAAID,KAAK,CAACG,UAAU,EAAE;UACpB,IAAAD,YAAM,EAACF,KAAK,CAACG,UAAU,EAAEF,GAAG,CAAC;QAC/B;MACF,CAAC;IAAA;IAAA,OAAApB,KAAA;EAAA;EAAA,IAAAuB,aAAA,aAAA5B,IAAA;IAAAsB,GAAA;IAAAO,KAAA,EAED,SAAAC,cAAcC,OAAiB,EAAEC,KAAa,EAAE;MAAA,IAAAC,MAAA;MAC9C,OAAOF,OAAO,CAACG,GAAG,CAAC,UAACC,MAAM;QAAA,OAAKF,MAAI,CAACG,YAAY,CAACD,MAAM,EAAEH,KAAK,CAAC;MAAA,EAAC;IAClE;EAAC;IAAAV,GAAA;IAAAO,KAAA,EAED,SAAAO,aAAaD,MAAc,EAAEH,KAAa,EAAE;MAAA,IAAAK,KAAA,EAAAC,eAAA;MAC1C,IAAAC,aAAA,GAAqC,IAAI,CAACnB,OAAO;QAAzCoB,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAAEC,GAAG,GAAAJ,aAAA,CAAHI,GAAG;MAChC,IAAMC,OAAO,GAAGC,aAAW;MAC3B,IAAMC,KAAK,GAAGC,YAAG;MACjB,IAAMC,YAAY,GAAG,KAAK;MAC1B,IAAMC,SAAS,GAAGzD,YAAY,CAAC2C,MAAM,CAACe,aAAa,CAAC;MACpD,IAAMC,aAAa,GACjBhB,MAAM,CAACiB,QAAQ,IAAIjB,MAAM,CAACkB,MAAM,GAAGxD,QAAQ,CAACsC,MAAM,CAACe,aAAa,CAAC,GAAGI,SAAS;MAC/E,IAAMC,OAAO,GAAG,EAAAjB,eAAA,GAAAH,MAAM,CAACJ,OAAO,cAAAO,eAAA,uBAAdA,eAAA,CAAgB7B,MAAM,IAAG,CAAC;MAC1C,IAAM+C,KAAK,GAAGD,OAAO,GAAG,IAAAE,qBAAc,EAACtB,MAAM,CAACJ,OAAO,CAAC,CAACtB,MAAM,GAAG,CAAC;MACjE,IAAAiD,cAAA,GAAsB,IAAAC,oBAAa,EAACxB,MAAM,EAAE,IAAI,CAACJ,OAAO,CAAC;QAAA6B,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAAlDxC,IAAI,GAAA0C,eAAA;QAAE/B,KAAK,GAAA+B,eAAA;MAElB,IAAME,KAAK,OAAAC,cAAA;QACTC,SAAS,EAAE7B,MAAM,CAACX,KAAK,CAACyC,IAAI,KAAKX,SAAS,OAAAvC,MAAA,CAAOiB,KAAK,GAAGwB,KAAK;MAAG,GAC9DrB,MAAM,CAACX,KAAK,CAACsC,KAAK,CACtB;MAED,IAAI5C,IAAI,KAAKoC,SAAS,IAAIzB,KAAK,KAAKyB,SAAS,EAAE;QAC7CQ,KAAK,CAAC5C,IAAI,CAAC,GAAGW,KAAK;MACrB;MAEA,IAAI,CAACM,MAAM,CAAC+B,MAAM,EAAE;QAClBJ,KAAK,CAAC,WAAW,CAAC,UAAA/C,MAAA,CAAUoB,MAAM,CAACgC,QAAQ,MAAG;MAChD;MAEA,OAAA9B,KAAA,GAAO,IAAA+B,aAAO,EAAC5B,MAAM,CAAC,eACpB1D,MAAA,YAAAuF,aAAA,CAACzB,OAAO,EAAAP,KAAA,CAAAiC,EAAA,gBAAAP,cAAA,iBAAAA,cAAA;QAAA,QACAR,OAAO,GAAGD,SAAS,GAAG,cAAc;QAAA,SACnCC,OAAO,GAAG,UAAU,GAAG,KAAK;QAAA,OAC9BpB,MAAM,CAACjB,IAAI;QAAA,mBAAAH,MAAA,CACC4B,GAAG,OAAA5B,MAAA,CAAIoB,MAAM,CAACjB,IAAI;QAAA,OAC9BuB,GAAG;QAAA,SACDN,MAAM,CAACoC,KAAK;QAAA,aACRpC,MAAM,CAACqC,SAAS;QAAA,YACjBrC,MAAM,CAACiB,QAAQ;QAAA,cACbG,OAAO,GAAG,KAAK,GAAGpB,MAAM,CAACsC,UAAU;QAAA,eAClClB,OAAO,GAAG,KAAK,GAAGpB,MAAM,CAACuC,WAAW;QAAA,UACzCnB,OAAO,GAAG,KAAK,GAAGpB,MAAM,CAACkB,MAAM;QAAA,SAChCE,OAAO;QAAA,YACJpB,MAAM,CAACiB,QAAQ,IAAI,CAAC;QAAA,kBACd,CAAC,QAAQ;MAAC,GACtBjB,MAAM,CAACX,KAAK;QAAA,OACX,IAAI,CAACmD,SAAS,CAACxC,MAAM,CAACX,KAAK,CAAC;QAAA,WACxB,IAAAoD,kCAAoB,EAC3BzC,MAAM,CAACX,KAAK,CAACqD,OAAO,EACpB1C,MAAM,CAACiB,QAAQ,GAAG,IAAI,CAAC0B,oBAAoB,CAAC3C,MAAM,CAACjB,IAAI,CAAC,GAAGoC,SAAS,CACrE;QAAA,aACU,IAAAsB,kCAAoB,EAC7BzC,MAAM,CAACX,KAAK,CAACuD,SAAS,EACtB5C,MAAM,CAACiB,QAAQ,GAAG,IAAI,CAAC4B,kBAAkB,CAAC7C,MAAM,CAACjB,IAAI,CAAC,GAAGoC,SAAS,CACnE;QAAA,SACMQ,KAAK;QAAA,UACJpB,MAAM;QAAA,aACHS;MAAa,KAEvBI,OAAO,gBACNzE,MAAA,YAAAuF,aAAA,CAAAvF,MAAA,YAAAmG,QAAA,qBACEnG,MAAA,YAAAuF,aAAA,CAACzB,OAAO,EAAAP,KAAA,CAAAiC,EAAA;QAAA,QACD,cAAc;QAAA;QAAA,OAEd7B,GAAG;QAAA,UACAN,MAAM,CAACkB,MAAM;QAAA,cACTlB,MAAM,CAACsC,UAAU;QAAA,eAChBtC,MAAM,CAACuC;MAAW,iBAE/B5F,MAAA,YAAAuF,aAAA,QAAAhC,KAAA,CAAAiC,EAAA,aAAMnC,MAAM,CAACX,KAAK,CAAC0D,QAAQ,CAAO,CAC1B,eACVpG,MAAA,YAAAuF,aAAA,CAACvB,KAAK,EAAAT,KAAA,CAAAiC,EAAA,eAAE,IAAI,CAACxC,aAAa,CAACK,MAAM,CAACJ,OAAO,EAAE,GAAG,GAAGyB,KAAK,CAAC,CAAS,CAC/D,gBAEH1E,MAAA,YAAAuF,aAAA,CAAAvF,MAAA,YAAAmG,QAAA,QACG9C,MAAM,CAACX,KAAK,CAAC0D,QAAQ,EACrB/C,MAAM,CAACiB,QAAQ,gBACdtE,MAAA,YAAAuF,aAAA,CAACrB,YAAY,EAAAX,KAAA,CAAAiC,EAAA,mCACXxF,MAAA,YAAAuF,aAAA,CAACpB,SAAS,EAAAZ,KAAA,CAAAiC,EAAA;QAAA,UAASnC,MAAM,CAACkB;MAAM,GAAI,CACvB,GACb,IAAI,CAEX,CACO;IAEd;EAAC;IAAA/B,GAAA;IAAAO,KAAA,EAED,SAAAsD,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAhE,OAAA;QAAAiE,KAAA;MACP,IAAMvC,KAAK,GAgCYC,YAAG;MA/B1B,IAAMuC,YAAY,GAAGvC,YAAU;MAC/B,IAAAwC,cAAA,GASI,IAAI,CAACnE,OAAO;QARdoE,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QACRhD,MAAM,GAAA+C,cAAA,CAAN/C,MAAM;QACNiD,eAAe,GAAAF,cAAA,CAAfE,eAAe;QACfC,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QACRC,UAAU,GAAAJ,cAAA,CAAVI,UAAU;QACVC,MAAM,GAAAL,cAAA,CAANK,MAAM;QACNC,aAAa,GAAAN,cAAA,CAAbM,aAAa;QACbnD,MAAM,GAAA6C,cAAA,CAAN7C,MAAM;MAGR,IAAI,CAACX,OAAO,GAAG,IAAA0B,qBAAc,EAACgC,eAAe,CAAC;MAE9C,IAAAK,qBAAA,GAAwC,IAAAC,2BAAoB,EAAC,IAAI,CAAChE,OAAO,CAAC;QAAAiE,sBAAA,OAAAnC,eAAA,aAAAiC,qBAAA;QAAnEG,aAAa,GAAAD,sBAAA;QAAEE,cAAc,GAAAF,sBAAA;MAEpCG,kBAAM,CAACC,IAAI,CACTR,MAAM,EACN,0DAA0D,EAC1D,IAAI,CAACxE,OAAO,CAAC,cAAc,CAAC,IAAIpB,IAAI,CAACqG,WAAW,CACjD;MAED,OAAAhB,KAAA,GAAO,IAAAjB,aAAO,EAAC5B,MAAM,CAAC,eACpB1D,MAAA,YAAAuF,aAAA,CAACiB,YAAY,EAAAD,KAAA,CAAAf,EAAA;QAAA,UAASsB;MAAM,iBAC1B9G,MAAA,YAAAuF,aAAA,CAACpF,WAAA,WAAU,EAAAoG,KAAA,CAAAf,EAAA;QAAA,cACG2B,aAAa;QAAA,eACZC,cAAc;QAAA;QAAA,YAEjBR;MAAQ,iBAElB5G,MAAA,YAAAuF,aAAA,CAACpF,WAAA,WAAU,CAACqH,SAAS;QAAC7E,GAAG,EAAEkE,UAAW;QAACY,IAAI,EAAC,UAAU;QAACC,QAAQ,EAAE,CAAC,CAAE;QAACC,MAAM,EAAE;MAAE,gBAC7E3H,MAAA,YAAAuF,aAAA,CAACvB,KAAK,EAAAuC,KAAA,CAAAf,EAAA,cAAAP,cAAA,qBAAAnF,KAAA,CAAA8H,WAAA;QAAA,QAAmB,KAAK;QAAA,iBAAe,GAAG;QAAA,kBAAiB,CAAC,QAAQ;MAAC,GAAAtB,IAAA,KACxE,IAAI,CAACtD,aAAa,CAAC2D,eAAe,EAAE,GAAG,GAAG,IAAI,CAAC1D,OAAO,CAACtB,MAAM,CAAC,CACzD,CACa,EACtBkG,OAAO,CAACd,aAAa,CAAC,iBACrB/G,MAAA,YAAAuF,aAAA,QAAAgB,KAAA,CAAAf,EAAA;QAAA,SAAYxE,eAAe;QAAA,QAAO;MAAU,iBAC1ChB,MAAA,YAAAuF,aAAA,QAAAgB,KAAA,CAAAf,EAAA;QAAA,SAAYxE,eAAe;QAAA,QAAO;MAAK,iBACrChB,MAAA,YAAAuF,aAAA,QAAAgB,KAAA,CAAAf,EAAA;QAAA,SAAYxE,eAAe;QAAA,QAAO;MAAM,iBACtChB,MAAA,YAAAuF,aAAA,CAACpF,WAAA,WAAU,CAAC2H,GAAG;QAACC,WAAW,EAAC;MAAY,EAAG,CACvC,CACF,CAET,CACU,EACZrB,QAAQ,CAACsB,MAAM,CACH;IAEnB;EAAC;EAAA,OAAA9G,IAAA;AAAA,EAhKgB+G,eAAS;AAAA,IAAA/F,gBAAA,aAAtBhB,IAAI;AAAA,IAAAgH,QAAA,GAmKKhH,IAAI;AAAAiH,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"Head.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_m","_m2","_assignProps2","_utils","_logger","_ref4","SORTING_ICON","desc","SortDesc","asc","SortAsc","ariaSort","displayContents","display","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","sstyled","createElement","cn","fixed","resizable","borderLeft","borderRight","refColumn","callAllEventHandlers","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","render","_ref","_ref3","SHeadWrapper","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","logger","warn","displayName","Container","role","tabIndex","zIndex","assignProps","Boolean","Bar","orientation","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\nconst SORTING_ICON = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\nconst ariaSort = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\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 ['data-ui-name']: string;\n uid?: string;\n withScrollBar?: boolean;\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 : undefined}\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 {\n Children,\n styles,\n columnsChildren,\n onResize,\n $scrollRef,\n sticky,\n withScrollBar,\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 <ScrollArea\n leftOffset={offsetLeftSum}\n rightOffset={offsetRightSum}\n shadow\n onResize={onResize}\n >\n <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n </SHead>\n </ScrollArea.Container>\n {Boolean(withScrollBar) && (\n <div style={displayContents} role='rowgroup'>\n <div style={displayContents} role='row'>\n <div style={displayContents} role='cell'>\n <ScrollArea.Bar orientation='horizontal' />\n </div>\n </div>\n </div>\n )}\n </ScrollArea>\n {Children.origin}\n </SHeadWrapper>,\n );\n }\n}\n\nexport default Head;\n"],"mappings":"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"}

package/lib/es6/DataTable.js CHANGED Viewed

@@ -22,41 +22,41 @@ 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_1qlik_gg_,.___SHeadWrapper_1qlik_gg_{position:relative}.___SDataTable_1qlik_gg_.__compact_1qlik_gg_ .___SCell_1qlik_gg_,.___SDataTable_1qlik_gg_.__compact_1qlik_gg_ .___SColumn_1qlik_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1qlik_gg_.__sticky_1qlik_gg_{position:sticky;top:0;z-index:2}.___SHead_1qlik_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1qlik_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_1qlik_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1qlik_gg_.__hidden_1qlik_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_1qlik_gg_._use_primary_1qlik_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_1qlik_gg_._use_secondary_1qlik_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_1qlik_gg_.__group_1qlik_gg_.__use_1qlik_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1qlik_gg_.__groupHead_1qlik_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_{cursor:pointer}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._use_primary_1qlik_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._use_primary_1qlik_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_ .___SSortWrapper_1qlik_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_.__active_1qlik_gg_ .___SSortWrapper_1qlik_gg_,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_:focus .___SSortWrapper_1qlik_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_._justifyContent_right_1qlik_gg_:hover .___SSortWrapper_1qlik_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_.__active_1qlik_gg_ .___SSortWrapper_1qlik_gg_,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:focus .___SSortWrapper_1qlik_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:hover .___SSortWrapper_1qlik_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1qlik_gg_.__sortable_1qlik_gg_.__active_1qlik_gg_ .___SSortWrapper_1qlik_gg_:before,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:focus .___SSortIcon_1qlik_gg_,.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:focus .___SSortWrapper_1qlik_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:hover .___SSortWrapper_1qlik_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1qlik_gg_.__sortable_1qlik_gg_:hover .___SSortIcon_1qlik_gg_{display:block;opacity:1}}.___SColumn_1qlik_gg_._use_primary_1qlik_gg_.__active_1qlik_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1qlik_gg_.__active_1qlik_gg_ .___SSortIcon_1qlik_gg_{display:block;opacity:1}.___SColumn_1qlik_gg_.__resizable_1qlik_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1qlik_gg_.__resizable_1qlik_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1qlik_gg_.__resizable_1qlik_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_1qlik_gg_.__fixed_1qlik_gg_{position:sticky;z-index:2}.___SCell_1qlik_gg_.__borderLeft_1qlik_gg_,.___SColumn_1qlik_gg_.__borderLeft_1qlik_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qlik_gg_.__borderRight_1qlik_gg_,.___SColumn_1qlik_gg_.__borderRight_1qlik_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1qlik_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_1qlik_gg_,.___SSortWrapper_1qlik_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1qlik_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1qlik_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1qlik_gg_._use_primary_1qlik_gg_ .___SSortWrapper_1qlik_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1qlik_gg_._use_secondary_1qlik_gg_ .___SSortWrapper_1qlik_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1qlik_gg_{position:relative}.___SBody_1qlik_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1qlik_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_muted_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qlik_gg_._theme_muted_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1qlik_gg_._theme_muted_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_muted_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_muted_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qlik_gg_._theme_info_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qlik_gg_._theme_info_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1qlik_gg_._theme_info_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_info_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_info_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1qlik_gg_._theme_success_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qlik_gg_._theme_success_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1qlik_gg_._theme_success_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_success_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_success_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1qlik_gg_._theme_warning_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qlik_gg_._theme_warning_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1qlik_gg_._theme_warning_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_warning_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_warning_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1qlik_gg_._theme_danger_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qlik_gg_._theme_danger_1qlik_gg_.__active_1qlik_gg_>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1qlik_gg_._theme_danger_1qlik_gg_ .___SCell_1qlik_gg_:hover+.___SGroupCell_1qlik_gg_ .___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_._theme_danger_1qlik_gg_:hover>.___SCell_1qlik_gg_:not(.__theme_1qlik_gg_),.___SRow_1qlik_gg_:hover>.___SCell_1qlik_gg_._theme_danger_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qlik_gg_.__positioned_1qlik_gg_{position:absolute}.___SCell_1qlik_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_1qlik_gg_._use_primary_1qlik_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qlik_gg_._use_secondary_1qlik_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qlik_gg_.__fixed_1qlik_gg_{position:sticky;z-index:1}.___SCell_1qlik_gg_._theme_muted_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qlik_gg_._theme_info_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qlik_gg_._theme_success_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qlik_gg_._theme_warning_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qlik_gg_._theme_danger_1qlik_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SHeightHold_1qlik_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1qlik_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_1qlik_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1qlik_gg_",
-  "_sticky": "__sticky_1qlik_gg_",
-  "__SHead": "___SHead_1qlik_gg_",
-  "__SColumn": "___SColumn_1qlik_gg_",
-  "_hidden": "__hidden_1qlik_gg_",
-  "_use_primary": "_use_primary_1qlik_gg_",
-  "_use_secondary": "_use_secondary_1qlik_gg_",
-  "_group": "__group_1qlik_gg_",
-  "_use": "__use_1qlik_gg_",
-  "_groupHead": "__groupHead_1qlik_gg_",
-  "_active": "__active_1qlik_gg_",
-  "__SSortIcon": "___SSortIcon_1qlik_gg_",
-  "_fixed": "__fixed_1qlik_gg_",
-  "_borderLeft": "__borderLeft_1qlik_gg_",
-  "__SCell": "___SCell_1qlik_gg_",
-  "_borderRight": "__borderRight_1qlik_gg_",
-  "__SSortWrapper": "___SSortWrapper_1qlik_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1qlik_gg_",
-  "__SBody": "___SBody_1qlik_gg_",
-  "__SRow": "___SRow_1qlik_gg_",
-  "_theme": "__theme_1qlik_gg_",
-  "__SGroupCell": "___SGroupCell_1qlik_gg_",
-  "_theme_muted": "_theme_muted_1qlik_gg_",
-  "_theme_info": "_theme_info_1qlik_gg_",
-  "_theme_success": "_theme_success_1qlik_gg_",
-  "_theme_warning": "_theme_warning_1qlik_gg_",
-  "_theme_danger": "_theme_danger_1qlik_gg_",
-  "_positioned": "__positioned_1qlik_gg_",
-  "__SHeightHold": "___SHeightHold_1qlik_gg_",
-  "_compact": "__compact_1qlik_gg_",
-  "_sortable": "__sortable_1qlik_gg_",
-  "_justifyContent_right": "_justifyContent_right_1qlik_gg_",
-  "_resizable": "__resizable_1qlik_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_wr25x_gg_,.___SHeadWrapper_wr25x_gg_{position:relative}.___SDataTable_wr25x_gg_.__compact_wr25x_gg_ .___SCell_wr25x_gg_,.___SDataTable_wr25x_gg_.__compact_wr25x_gg_ .___SColumn_wr25x_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_wr25x_gg_.__sticky_wr25x_gg_{position:sticky;top:0;z-index:2}.___SHead_wr25x_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_wr25x_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_wr25x_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_wr25x_gg_.__hidden_wr25x_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_wr25x_gg_._use_primary_wr25x_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_wr25x_gg_._use_secondary_wr25x_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_wr25x_gg_.__group_wr25x_gg_.__use_wr25x_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_wr25x_gg_.__groupHead_wr25x_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_{cursor:pointer}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._use_primary_wr25x_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._use_primary_wr25x_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_ .___SSortWrapper_wr25x_gg_{position:absolute;right:calc(var(--intergalactic-spacing-1x, 4px) + 16px)}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_.__active_wr25x_gg_ .___SSortWrapper_wr25x_gg_,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_:focus .___SSortWrapper_wr25x_gg_{right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_._justifyContent_right_wr25x_gg_:hover .___SSortWrapper_wr25x_gg_{right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_.__active_wr25x_gg_ .___SSortWrapper_wr25x_gg_,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:focus .___SSortWrapper_wr25x_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:hover .___SSortWrapper_wr25x_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_wr25x_gg_.__sortable_wr25x_gg_.__active_wr25x_gg_ .___SSortWrapper_wr25x_gg_:before,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:focus .___SSortIcon_wr25x_gg_,.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:focus .___SSortWrapper_wr25x_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:hover .___SSortWrapper_wr25x_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_wr25x_gg_.__sortable_wr25x_gg_:hover .___SSortIcon_wr25x_gg_{display:block;opacity:1}}.___SColumn_wr25x_gg_._use_primary_wr25x_gg_.__active_wr25x_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_wr25x_gg_.__active_wr25x_gg_ .___SSortIcon_wr25x_gg_{display:block;opacity:1}.___SColumn_wr25x_gg_.__resizable_wr25x_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_wr25x_gg_.__resizable_wr25x_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_wr25x_gg_.__resizable_wr25x_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_wr25x_gg_.__fixed_wr25x_gg_{position:sticky;z-index:2}.___SCell_wr25x_gg_.__borderLeft_wr25x_gg_,.___SColumn_wr25x_gg_.__borderLeft_wr25x_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_wr25x_gg_.__borderRight_wr25x_gg_,.___SColumn_wr25x_gg_.__borderRight_wr25x_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_wr25x_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_wr25x_gg_,.___SSortWrapper_wr25x_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_wr25x_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_wr25x_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_wr25x_gg_._use_primary_wr25x_gg_ .___SSortWrapper_wr25x_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_wr25x_gg_._use_secondary_wr25x_gg_ .___SSortWrapper_wr25x_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_wr25x_gg_{position:relative}.___SBody_wr25x_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_wr25x_gg_{display:flex;flex-direction:row;position:relative}.___SRow_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_muted_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_wr25x_gg_._theme_muted_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_wr25x_gg_._theme_muted_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_muted_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_muted_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_wr25x_gg_._theme_info_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_wr25x_gg_._theme_info_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_wr25x_gg_._theme_info_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_info_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_info_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_wr25x_gg_._theme_success_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_wr25x_gg_._theme_success_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_wr25x_gg_._theme_success_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_success_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_success_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_wr25x_gg_._theme_warning_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_wr25x_gg_._theme_warning_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_wr25x_gg_._theme_warning_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_warning_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_warning_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_wr25x_gg_._theme_danger_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_wr25x_gg_._theme_danger_wr25x_gg_.__active_wr25x_gg_>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_wr25x_gg_._theme_danger_wr25x_gg_ .___SCell_wr25x_gg_:hover+.___SGroupCell_wr25x_gg_ .___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_._theme_danger_wr25x_gg_:hover>.___SCell_wr25x_gg_:not(.__theme_wr25x_gg_),.___SRow_wr25x_gg_:hover>.___SCell_wr25x_gg_._theme_danger_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_wr25x_gg_.__positioned_wr25x_gg_{position:absolute}.___SCell_wr25x_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_wr25x_gg_._use_primary_wr25x_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_wr25x_gg_._use_secondary_wr25x_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_wr25x_gg_.__fixed_wr25x_gg_{position:sticky;z-index:1}.___SCell_wr25x_gg_._theme_muted_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_wr25x_gg_._theme_info_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_wr25x_gg_._theme_success_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_wr25x_gg_._theme_warning_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_wr25x_gg_._theme_danger_wr25x_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SHeightHold_wr25x_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "wr25x_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_wr25x_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_wr25x_gg_",
+  "_sticky": "__sticky_wr25x_gg_",
+  "__SHead": "___SHead_wr25x_gg_",
+  "__SColumn": "___SColumn_wr25x_gg_",
+  "_hidden": "__hidden_wr25x_gg_",
+  "_use_primary": "_use_primary_wr25x_gg_",
+  "_use_secondary": "_use_secondary_wr25x_gg_",
+  "_group": "__group_wr25x_gg_",
+  "_use": "__use_wr25x_gg_",
+  "_groupHead": "__groupHead_wr25x_gg_",
+  "_active": "__active_wr25x_gg_",
+  "__SSortIcon": "___SSortIcon_wr25x_gg_",
+  "_fixed": "__fixed_wr25x_gg_",
+  "_borderLeft": "__borderLeft_wr25x_gg_",
+  "__SCell": "___SCell_wr25x_gg_",
+  "_borderRight": "__borderRight_wr25x_gg_",
+  "__SSortWrapper": "___SSortWrapper_wr25x_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_wr25x_gg_",
+  "__SBody": "___SBody_wr25x_gg_",
+  "__SRow": "___SRow_wr25x_gg_",
+  "_theme": "__theme_wr25x_gg_",
+  "__SGroupCell": "___SGroupCell_wr25x_gg_",
+  "_theme_muted": "_theme_muted_wr25x_gg_",
+  "_theme_info": "_theme_info_wr25x_gg_",
+  "_theme_success": "_theme_success_wr25x_gg_",
+  "_theme_warning": "_theme_warning_wr25x_gg_",
+  "_theme_danger": "_theme_danger_wr25x_gg_",
+  "_positioned": "__positioned_wr25x_gg_",
+  "__SHeightHold": "___SHeightHold_wr25x_gg_",
+  "_compact": "__compact_wr25x_gg_",
+  "_sortable": "__sortable_wr25x_gg_",
+  "_justifyContent_right": "_justifyContent_right_wr25x_gg_",
+  "_resizable": "__resizable_wr25x_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/es6/Head.js CHANGED Viewed

@@ -112,7 +112,7 @@ var Head = /*#__PURE__*/function (_Component) {
         "borderRight": isGroup ? false : column.borderRight,
         "active": isGroup ? false : column.active,
         "group": isGroup,
-        "tabIndex": column.sortable && 0,
+        "tabIndex": column.sortable ? 0 : undefined,
         "__excludeProps": ['hidden']
       }, column.props), {}, {
         "ref": this.refColumn(column.props),

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","SORTING_ICON","desc","asc","ariaSort","displayContents","display","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","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","warn","displayName","Container","role","tabIndex","zIndex","_assignProps","Boolean","Bar","orientation","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\nconst SORTING_ICON = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\nconst ariaSort = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\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 ['data-ui-name']: string;\n uid?: string;\n withScrollBar?: boolean;\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 {\n Children,\n styles,\n columnsChildren,\n onResize,\n $scrollRef,\n sticky,\n withScrollBar,\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 <ScrollArea\n leftOffset={offsetLeftSum}\n rightOffset={offsetRightSum}\n shadow\n onResize={onResize}\n >\n <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n </SHead>\n </ScrollArea.Container>\n {Boolean(withScrollBar) && (\n <div style={displayContents} role='rowgroup'>\n <div style={displayContents} role='row'>\n <div style={displayContents} role='cell'>\n <ScrollArea.Bar orientation='horizontal' />\n </div>\n </div>\n </div>\n )}\n </ScrollArea>\n {Children.origin}\n </SHeadWrapper>,\n );\n }\n}\n\nexport default Head;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACxD,SAASC,GAAG,EAAEC,IAAI,QAAQ,mBAAmB;AAC7C,OAAOC,UAAU,MAAM,sBAAsB;AAC7C,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,OAAO,MAAM,yBAAyB;AAC7C,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,SAASC,cAAc,EAAEC,aAAa,EAAEC,oBAAoB,QAAQ,SAAS;AAE7E,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,IAAMC,YAAY,GAAG;EACnBC,IAAI,EAAET,QAAQ;EACdU,GAAG,EAAET;AACP,CAAU;AACV,IAAMU,QAAQ,GAAG;EACfF,IAAI,EAAE,YAAY;EAClBC,GAAG,EAAE;AACP,CAAU;AACV,IAAME,eAAe,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAAC,IAc1CC,IAAI,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,IAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,IAAA;EAAA,SAAAA,KAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,IAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,cACY,EAAE;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BAIC,UAACa,IAAY;MAAA,OAAK,UAACC,KAAuB,EAAK;QACpEd,KAAA,CAAKe,OAAO,CAACC,YAAY,CAACH,IAAI,EAAEC,KAAK,CAAC;MACxC,CAAC;IAAA;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,yBAEoB,UAACa,IAAY;MAAA,OAAK,UAACC,KAA0B,EAAK;QACrE,IAAIA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,EAAE;UAC9CH,KAAK,CAACI,cAAc,EAAE;UACtBlB,KAAA,CAAKe,OAAO,CAACC,YAAY,CAACH,IAAI,EAAEC,KAAK,CAAC;QACxC;MACF,CAAC;IAAA;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gBAEW,UAACmB,KAAsB;MAAA,OAAK,UAACC,GAAgB,EAAK;QAC5DhC,MAAM,CAAC+B,KAAK,CAACC,GAAG,EAAEA,GAAG,CAAC;QACtB,IAAID,KAAK,CAACE,UAAU,EAAE;UACpBjC,MAAM,CAAC+B,KAAK,CAACE,UAAU,EAAED,GAAG,CAAC;QAC/B;MACF,CAAC;IAAA;IAAA,OAAApB,KAAA;EAAA;EAAAsB,YAAA,CAAA3B,IAAA;IAAAsB,GAAA;IAAAM,KAAA,EAED,SAAAC,cAAcC,OAAiB,EAAEC,KAAa,EAAE;MAAA,IAAAC,MAAA;MAC9C,OAAOF,OAAO,CAACG,GAAG,CAAC,UAACC,MAAM;QAAA,OAAKF,MAAI,CAACG,YAAY,CAACD,MAAM,EAAEH,KAAK,CAAC;MAAA,EAAC;IAClE;EAAC;IAAAT,GAAA;IAAAM,KAAA,EAED,SAAAO,aAAaD,MAAc,EAAEH,KAAa,EAAE;MAAA,IAAAK,KAAA,EAAAC,eAAA;MAC1C,IAAAC,aAAA,GAAqC,IAAI,CAAClB,OAAO;QAAzCmB,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAAEC,GAAG,GAAAJ,aAAA,CAAHI,GAAG;MAChC,IAAMC,OAAO,GAAG3D,IAAW;MAC3B,IAAM4D,KAAK,GAAG7D,GAAG;MACjB,IAAM8D,YAAY,GAAG,KAAK;MAC1B,IAAMC,SAAS,GAAGpD,YAAY,CAACwC,MAAM,CAACa,aAAa,CAAC;MACpD,IAAMC,aAAa,GACjBd,MAAM,CAACe,QAAQ,IAAIf,MAAM,CAACgB,MAAM,GAAGrD,QAAQ,CAACqC,MAAM,CAACa,aAAa,CAAC,GAAGI,SAAS;MAC/E,IAAMC,OAAO,GAAG,EAAAf,eAAA,GAAAH,MAAM,CAACJ,OAAO,cAAAO,eAAA,uBAAdA,eAAA,CAAgB5B,MAAM,IAAG,CAAC;MAC1C,IAAM4C,KAAK,GAAGD,OAAO,GAAG/D,cAAc,CAAC6C,MAAM,CAACJ,OAAO,CAAC,CAACrB,MAAM,GAAG,CAAC;MACjE,IAAA6C,cAAA,GAAsBhE,aAAa,CAAC4C,MAAM,EAAE,IAAI,CAACJ,OAAO,CAAC;QAAAyB,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAlDpC,IAAI,GAAAqC,eAAA;QAAE3B,KAAK,GAAA2B,eAAA;MAElB,IAAME,KAAK,GAAAC,aAAA;QACTC,SAAS,EAAEzB,MAAM,CAACV,KAAK,CAACoC,IAAI,KAAKT,SAAS,OAAApC,MAAA,CAAOgB,KAAK,GAAGsB,KAAK;MAAG,GAC9DnB,MAAM,CAACV,KAAK,CAACiC,KAAK,CACtB;MAED,IAAIvC,IAAI,KAAKiC,SAAS,IAAIvB,KAAK,KAAKuB,SAAS,EAAE;QAC7CM,KAAK,CAACvC,IAAI,CAAC,GAAGU,KAAK;MACrB;MAEA,IAAI,CAACM,MAAM,CAAC2B,MAAM,EAAE;QAClBJ,KAAK,CAAC,WAAW,CAAC,UAAA1C,MAAA,CAAUmB,MAAM,CAAC4B,QAAQ,MAAG;MAChD;MAEA,OAAA1B,KAAA,GAAOvD,OAAO,CAAC0D,MAAM,CAAC,eACpB5D,KAAA,CAAAoF,aAAA,CAACpB,OAAO,EAAAP,KAAA,CAAA4B,EAAA,YAAAN,aAAA,CAAAA,aAAA;QAAA,QACAN,OAAO,GAAGD,SAAS,GAAG,cAAc;QAAA,SACnCC,OAAO,GAAG,UAAU,GAAG,KAAK;QAAA,OAC9BlB,MAAM,CAAChB,IAAI;QAAA,mBAAAH,MAAA,CACC2B,GAAG,OAAA3B,MAAA,CAAImB,MAAM,CAAChB,IAAI;QAAA,OAC9BsB,GAAG;QAAA,SACDN,MAAM,CAAC+B,KAAK;QAAA,aACR/B,MAAM,CAACgC,SAAS;QAAA,YACjBhC,MAAM,CAACe,QAAQ;QAAA,cACbG,OAAO,GAAG,KAAK,GAAGlB,MAAM,CAACiC,UAAU;QAAA,eAClCf,OAAO,GAAG,KAAK,GAAGlB,MAAM,CAACkC,WAAW;QAAA,UACzChB,OAAO,GAAG,KAAK,GAAGlB,MAAM,CAACgB,MAAM;QAAA,SAChCE,OAAO;QAAA,YACJlB,MAAM,CAACe,QAAQ,IAAI,CAAC;QAAA,kBACd,CAAC,QAAQ;MAAC,GACtBf,MAAM,CAACV,KAAK;QAAA,OACX,IAAI,CAAC6C,SAAS,CAACnC,MAAM,CAACV,KAAK,CAAC;QAAA,WACxBpC,oBAAoB,CAC3B8C,MAAM,CAACV,KAAK,CAAC8C,OAAO,EACpBpC,MAAM,CAACe,QAAQ,GAAG,IAAI,CAACsB,oBAAoB,CAACrC,MAAM,CAAChB,IAAI,CAAC,GAAGiC,SAAS,CACrE;QAAA,aACU/D,oBAAoB,CAC7B8C,MAAM,CAACV,KAAK,CAACgD,SAAS,EACtBtC,MAAM,CAACe,QAAQ,GAAG,IAAI,CAACwB,kBAAkB,CAACvC,MAAM,CAAChB,IAAI,CAAC,GAAGiC,SAAS,CACnE;QAAA,SACMM,KAAK;QAAA,UACJhB,MAAM;QAAA,aACHO;MAAa,KAEvBI,OAAO,gBACNzE,KAAA,CAAAoF,aAAA,CAAApF,KAAA,CAAA+F,QAAA,qBACE/F,KAAA,CAAAoF,aAAA,CAACpB,OAAO,EAAAP,KAAA,CAAA4B,EAAA;QAAA,QACD,cAAc;QAAA;QAAA,OAEdxB,GAAG;QAAA,UACAN,MAAM,CAACgB,MAAM;QAAA,cACThB,MAAM,CAACiC,UAAU;QAAA,eAChBjC,MAAM,CAACkC;MAAW,iBAE/BzF,KAAA,CAAAoF,aAAA,QAAA3B,KAAA,CAAA4B,EAAA,aAAM9B,MAAM,CAACV,KAAK,CAACmD,QAAQ,CAAO,CAC1B,eACVhG,KAAA,CAAAoF,aAAA,CAACnB,KAAK,EAAAR,KAAA,CAAA4B,EAAA,eAAE,IAAI,CAACnC,aAAa,CAACK,MAAM,CAACJ,OAAO,EAAE,GAAG,GAAGuB,KAAK,CAAC,CAAS,CAC/D,gBAEH1E,KAAA,CAAAoF,aAAA,CAAApF,KAAA,CAAA+F,QAAA,QACGxC,MAAM,CAACV,KAAK,CAACmD,QAAQ,EACrBzC,MAAM,CAACe,QAAQ,gBACdtE,KAAA,CAAAoF,aAAA,CAAClB,YAAY,EAAAT,KAAA,CAAA4B,EAAA,mCACXrF,KAAA,CAAAoF,aAAA,CAACjB,SAAS,EAAAV,KAAA,CAAA4B,EAAA;QAAA,UAAS9B,MAAM,CAACgB;MAAM,GAAI,CACvB,GACb,IAAI,CAEX,CACO;IAEd;EAAC;IAAA5B,GAAA;IAAAM,KAAA,EAED,SAAAgD,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAzD,OAAA;QAAA0D,KAAA;MACP,IAAMlC,KAAK,GAgCY7D,GAAG;MA/B1B,IAAMgG,YAAY,GAAGhG,GAAU;MAC/B,IAAAiG,cAAA,GASI,IAAI,CAAC5D,OAAO;QARd6D,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QACR1C,MAAM,GAAAyC,cAAA,CAANzC,MAAM;QACN2C,eAAe,GAAAF,cAAA,CAAfE,eAAe;QACfC,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QACRC,UAAU,GAAAJ,cAAA,CAAVI,UAAU;QACVC,MAAM,GAAAL,cAAA,CAANK,MAAM;QACNC,aAAa,GAAAN,cAAA,CAAbM,aAAa;QACb7C,MAAM,GAAAuC,cAAA,CAANvC,MAAM;MAGR,IAAI,CAACX,OAAO,GAAGzC,cAAc,CAAC6F,eAAe,CAAC;MAE9C,IAAAK,qBAAA,GAAwChG,oBAAoB,CAAC,IAAI,CAACuC,OAAO,CAAC;QAAA0D,sBAAA,GAAAhC,cAAA,CAAA+B,qBAAA;QAAnEE,aAAa,GAAAD,sBAAA;QAAEE,cAAc,GAAAF,sBAAA;MAEpChG,MAAM,CAACmG,IAAI,CACTN,MAAM,EACN,0DAA0D,EAC1D,IAAI,CAACjE,OAAO,CAAC,cAAc,CAAC,IAAIpB,IAAI,CAAC4F,WAAW,CACjD;MAED,OAAAd,KAAA,GAAOjG,OAAO,CAAC0D,MAAM,CAAC,eACpB5D,KAAA,CAAAoF,aAAA,CAACgB,YAAY,EAAAD,KAAA,CAAAd,EAAA;QAAA,UAASqB;MAAM,iBAC1B1G,KAAA,CAAAoF,aAAA,CAAC9E,UAAU,EAAA6F,KAAA,CAAAd,EAAA;QAAA,cACGyB,aAAa;QAAA,eACZC,cAAc;QAAA;QAAA,YAEjBP;MAAQ,iBAElBxG,KAAA,CAAAoF,aAAA,CAAC9E,UAAU,CAAC4G,SAAS;QAACpE,GAAG,EAAE2D,UAAW;QAACU,IAAI,EAAC,UAAU;QAACC,QAAQ,EAAE,CAAC,CAAE;QAACC,MAAM,EAAE;MAAE,gBAC7ErH,KAAA,CAAAoF,aAAA,CAACnB,KAAK,EAAAkC,KAAA,CAAAd,EAAA,UAAAN,aAAA,KAAAuC,YAAA;QAAA,QAAmB,KAAK;QAAA,iBAAe,GAAG;QAAA,kBAAiB,CAAC,QAAQ;MAAC,GAAApB,IAAA,KACxE,IAAI,CAAChD,aAAa,CAACqD,eAAe,EAAE,GAAG,GAAG,IAAI,CAACpD,OAAO,CAACrB,MAAM,CAAC,CACzD,CACa,EACtByF,OAAO,CAACZ,aAAa,CAAC,iBACrB3G,KAAA,CAAAoF,aAAA,QAAAe,KAAA,CAAAd,EAAA;QAAA,SAAYlE,eAAe;QAAA,QAAO;MAAU,iBAC1CnB,KAAA,CAAAoF,aAAA,QAAAe,KAAA,CAAAd,EAAA;QAAA,SAAYlE,eAAe;QAAA,QAAO;MAAK,iBACrCnB,KAAA,CAAAoF,aAAA,QAAAe,KAAA,CAAAd,EAAA;QAAA,SAAYlE,eAAe;QAAA,QAAO;MAAM,iBACtCnB,KAAA,CAAAoF,aAAA,CAAC9E,UAAU,CAACkH,GAAG;QAACC,WAAW,EAAC;MAAY,EAAG,CACvC,CACF,CAET,CACU,EACZnB,QAAQ,CAACoB,MAAM,CACH;IAEnB;EAAC;EAAA,OAAArG,IAAA;AAAA,EAhKgBpB,SAAS;AAAAoC,eAAA,CAAtBhB,IAAI;AAmKV,eAAeA,IAAI"}
1	+ {"version":3,"file":"Head.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","SortDesc","SortAsc","callAllEventHandlers","flattenColumns","getFixedStyle","getScrollOffsetValue","logger","setRef","SORTING_ICON","desc","asc","ariaSort","displayContents","display","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","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","warn","displayName","Container","role","tabIndex","zIndex","_assignProps","Boolean","Bar","orientation","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\nconst SORTING_ICON = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\nconst ariaSort = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\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 ['data-ui-name']: string;\n uid?: string;\n withScrollBar?: boolean;\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 : undefined}\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 {\n Children,\n styles,\n columnsChildren,\n onResize,\n $scrollRef,\n sticky,\n withScrollBar,\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 <ScrollArea\n leftOffset={offsetLeftSum}\n rightOffset={offsetRightSum}\n shadow\n onResize={onResize}\n >\n <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n </SHead>\n </ScrollArea.Container>\n {Boolean(withScrollBar) && (\n <div style={displayContents} role='rowgroup'>\n <div style={displayContents} role='row'>\n <div style={displayContents} role='cell'>\n <ScrollArea.Bar orientation='horizontal' />\n </div>\n </div>\n </div>\n )}\n </ScrollArea>\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.34.2-prerelease.0",
+  "version": "4.34.3-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,10 +9,10 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "5.22.2-prerelease.0",
-    "@semcore/icon": "4.31.2-prerelease.0",
-    "@semcore/scroll-area": "5.24.2-prerelease.0",
-    "@semcore/utils": "4.23.2-prerelease.0"
+    "@semcore/flex-box": "5.23.0-prerelease.0",
+    "@semcore/icon": "4.32.0-prerelease.0",
+    "@semcore/scroll-area": "5.25.0-prerelease.0",
+    "@semcore/utils": "4.24.0-prerelease.0"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -34,7 +34,7 @@
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.20.2-prerelease.0",
+    "@semcore/core": "^2.21.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },