npm - @semcore/data-table - Versions diffs - 4.0.2 → 4.2.0 - Mend

@semcore/data-table 4.0.2 → 4.2.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 (10) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,18 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [4.2.0] - 2023-08-01
+### Changed
+- Version minor update due to children dependencies update (`@semcore/flex-box` [5.0.0 ~> 5.1.0], `@semcore/icon` [4.1.0 ~> 4.2.0]).
+## [4.1.0] - 2023-07-27
+### Changed
+- Use `event.key` instead of `event.code` for better support of non QWERTY keyboard layouts.
 ## [4.0.2] - 2023-07-18
 ### Fixed

package/lib/cjs/Body.js CHANGED Viewed

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

package/lib/cjs/DataTable.js CHANGED Viewed

@@ -28,46 +28,46 @@ 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_1qjh7_gg_,.___SHeadWrapper_1qjh7_gg_{position:relative}.___SDataTable_1qjh7_gg_.__compact_1qjh7_gg_ .___SCell_1qjh7_gg_,.___SDataTable_1qjh7_gg_.__compact_1qjh7_gg_ .___SColumn_1qjh7_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1qjh7_gg_.__sticky_1qjh7_gg_{position:sticky;top:0;z-index:2}.___SHead_1qjh7_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1qjh7_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_1qjh7_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1qjh7_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1qjh7_gg_.__hidden_1qjh7_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_1qjh7_gg_._use_primary_1qjh7_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_1qjh7_gg_._use_secondary_1qjh7_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_1qjh7_gg_.__group_1qjh7_gg_.__use_1qjh7_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1qjh7_gg_.__groupHead_1qjh7_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_{cursor:pointer}@media (hover:hover){.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_._use_primary_1qjh7_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_:hover .___SSortWrapper_1qjh7_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_:hover .___SSortIcon_1qjh7_gg_,.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_:hover .___SSortWrapper_1qjh7_gg_:before{display:block;opacity:1}}.___SColumn_1qjh7_gg_._use_primary_1qjh7_gg_.__active_1qjh7_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1qjh7_gg_.__active_1qjh7_gg_ .___SSortWrapper_1qjh7_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qjh7_gg_.__active_1qjh7_gg_ .___SSortIcon_1qjh7_gg_{display:block;position:relative;opacity:1}.___SColumn_1qjh7_gg_.__resizable_1qjh7_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1qjh7_gg_.__resizable_1qjh7_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1qjh7_gg_.__resizable_1qjh7_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_1qjh7_gg_.__fixed_1qjh7_gg_{position:sticky;z-index:2}.___SCell_1qjh7_gg_.__borderLeft_1qjh7_gg_,.___SColumn_1qjh7_gg_.__borderLeft_1qjh7_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qjh7_gg_.__borderRight_1qjh7_gg_,.___SColumn_1qjh7_gg_.__borderRight_1qjh7_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1qjh7_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_1qjh7_gg_,.___SSortWrapper_1qjh7_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1qjh7_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1qjh7_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1qjh7_gg_._use_primary_1qjh7_gg_ .___SSortWrapper_1qjh7_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1qjh7_gg_._use_secondary_1qjh7_gg_ .___SSortWrapper_1qjh7_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1qjh7_gg_{position:relative}.___SBody_1qjh7_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1qjh7_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_muted_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_info_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_success_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_warning_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_danger_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qjh7_gg_.__positioned_1qjh7_gg_{position:absolute}.___SCell_1qjh7_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}.___SCell_1qjh7_gg_._use_primary_1qjh7_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qjh7_gg_._use_secondary_1qjh7_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qjh7_gg_.__fixed_1qjh7_gg_{position:sticky;z-index:1}.___SCell_1qjh7_gg_._theme_muted_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qjh7_gg_._theme_info_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qjh7_gg_._theme_success_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qjh7_gg_._theme_warning_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qjh7_gg_._theme_danger_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1qjh7_gg_._orientation_horizontal_1qjh7_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left_1qjh7) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_1qjh7) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1qjh7) - 8px)}.___SScrollAreaBar_1qjh7_gg_._orientation_vertical_1qjh7_gg_{width:12px}.___SHeightHold_1qjh7_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1qjh7_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_1qjh7_gg_",
-  "_compact": "__compact_1qjh7_gg_",
-  "__SColumn": "___SColumn_1qjh7_gg_",
-  "__SCell": "___SCell_1qjh7_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1qjh7_gg_",
-  "_sticky": "__sticky_1qjh7_gg_",
-  "__SHead": "___SHead_1qjh7_gg_",
-  "_hidden": "__hidden_1qjh7_gg_",
-  "_use_primary": "_use_primary_1qjh7_gg_",
-  "_use_secondary": "_use_secondary_1qjh7_gg_",
-  "_group": "__group_1qjh7_gg_",
-  "_use": "__use_1qjh7_gg_",
-  "_groupHead": "__groupHead_1qjh7_gg_",
-  "_sortable": "__sortable_1qjh7_gg_",
-  "__SSortWrapper": "___SSortWrapper_1qjh7_gg_",
-  "__SSortIcon": "___SSortIcon_1qjh7_gg_",
-  "_active": "__active_1qjh7_gg_",
-  "_resizable": "__resizable_1qjh7_gg_",
-  "_fixed": "__fixed_1qjh7_gg_",
-  "_borderLeft": "__borderLeft_1qjh7_gg_",
-  "_borderRight": "__borderRight_1qjh7_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1qjh7_gg_",
-  "__SBody": "___SBody_1qjh7_gg_",
-  "__SRow": "___SRow_1qjh7_gg_",
-  "_theme": "__theme_1qjh7_gg_",
-  "__SGroupCell": "___SGroupCell_1qjh7_gg_",
-  "_theme_muted": "_theme_muted_1qjh7_gg_",
-  "_theme_info": "_theme_info_1qjh7_gg_",
-  "_theme_success": "_theme_success_1qjh7_gg_",
-  "_theme_warning": "_theme_warning_1qjh7_gg_",
-  "_theme_danger": "_theme_danger_1qjh7_gg_",
-  "_positioned": "__positioned_1qjh7_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1qjh7_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1qjh7_gg_",
-  "--left": "--left_1qjh7",
-  "--right": "--right_1qjh7",
-  "--offsetSum": "--offsetSum_1qjh7",
-  "_orientation_vertical": "_orientation_vertical_1qjh7_gg_",
-  "__SHeightHold": "___SHeightHold_1qjh7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_688gi_gg_,.___SHeadWrapper_688gi_gg_{position:relative}.___SDataTable_688gi_gg_.__compact_688gi_gg_ .___SCell_688gi_gg_,.___SDataTable_688gi_gg_.__compact_688gi_gg_ .___SColumn_688gi_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_688gi_gg_.__sticky_688gi_gg_{position:sticky;top:0;z-index:2}.___SHead_688gi_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_688gi_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_688gi_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_688gi_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_688gi_gg_.__hidden_688gi_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_688gi_gg_._use_primary_688gi_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_688gi_gg_._use_secondary_688gi_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_688gi_gg_.__group_688gi_gg_.__use_688gi_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_688gi_gg_.__groupHead_688gi_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_688gi_gg_.__sortable_688gi_gg_{cursor:pointer}@media (hover:hover){.___SColumn_688gi_gg_.__sortable_688gi_gg_._use_primary_688gi_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_688gi_gg_.__sortable_688gi_gg_:hover .___SSortWrapper_688gi_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_688gi_gg_.__sortable_688gi_gg_:hover .___SSortIcon_688gi_gg_,.___SColumn_688gi_gg_.__sortable_688gi_gg_:hover .___SSortWrapper_688gi_gg_:before{display:block;opacity:1}}.___SColumn_688gi_gg_._use_primary_688gi_gg_.__active_688gi_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_688gi_gg_.__active_688gi_gg_ .___SSortWrapper_688gi_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_688gi_gg_.__active_688gi_gg_ .___SSortIcon_688gi_gg_{display:block;position:relative;opacity:1}.___SColumn_688gi_gg_.__resizable_688gi_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_688gi_gg_.__resizable_688gi_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_688gi_gg_.__resizable_688gi_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_688gi_gg_.__fixed_688gi_gg_{position:sticky;z-index:2}.___SCell_688gi_gg_.__borderLeft_688gi_gg_,.___SColumn_688gi_gg_.__borderLeft_688gi_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_688gi_gg_.__borderRight_688gi_gg_,.___SColumn_688gi_gg_.__borderRight_688gi_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_688gi_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_688gi_gg_,.___SSortWrapper_688gi_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_688gi_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_688gi_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_688gi_gg_._use_primary_688gi_gg_ .___SSortWrapper_688gi_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_688gi_gg_._use_secondary_688gi_gg_ .___SSortWrapper_688gi_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_688gi_gg_{position:relative}.___SBody_688gi_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_688gi_gg_{display:flex;flex-direction:row;position:relative}.___SRow_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_muted_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_688gi_gg_._theme_muted_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_688gi_gg_._theme_muted_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_muted_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_muted_688gi_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_688gi_gg_._theme_info_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_688gi_gg_._theme_info_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_688gi_gg_._theme_info_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_info_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_info_688gi_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_688gi_gg_._theme_success_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_688gi_gg_._theme_success_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_688gi_gg_._theme_success_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_success_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_success_688gi_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_688gi_gg_._theme_warning_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_688gi_gg_._theme_warning_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_688gi_gg_._theme_warning_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_warning_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_warning_688gi_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_688gi_gg_._theme_danger_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_688gi_gg_._theme_danger_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_688gi_gg_._theme_danger_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_danger_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_danger_688gi_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_688gi_gg_.__positioned_688gi_gg_{position:absolute}.___SCell_688gi_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}.___SCell_688gi_gg_._use_primary_688gi_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_688gi_gg_._use_secondary_688gi_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_688gi_gg_.__fixed_688gi_gg_{position:sticky;z-index:1}.___SCell_688gi_gg_._theme_muted_688gi_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_688gi_gg_._theme_info_688gi_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_688gi_gg_._theme_success_688gi_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_688gi_gg_._theme_warning_688gi_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_688gi_gg_._theme_danger_688gi_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_688gi_gg_._orientation_horizontal_688gi_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left_688gi) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_688gi) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_688gi) - 8px)}.___SScrollAreaBar_688gi_gg_._orientation_vertical_688gi_gg_{width:12px}.___SHeightHold_688gi_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "688gi_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_688gi_gg_",
+  "_compact": "__compact_688gi_gg_",
+  "__SColumn": "___SColumn_688gi_gg_",
+  "__SCell": "___SCell_688gi_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_688gi_gg_",
+  "_sticky": "__sticky_688gi_gg_",
+  "__SHead": "___SHead_688gi_gg_",
+  "_hidden": "__hidden_688gi_gg_",
+  "_use_primary": "_use_primary_688gi_gg_",
+  "_use_secondary": "_use_secondary_688gi_gg_",
+  "_group": "__group_688gi_gg_",
+  "_use": "__use_688gi_gg_",
+  "_groupHead": "__groupHead_688gi_gg_",
+  "_sortable": "__sortable_688gi_gg_",
+  "__SSortWrapper": "___SSortWrapper_688gi_gg_",
+  "__SSortIcon": "___SSortIcon_688gi_gg_",
+  "_active": "__active_688gi_gg_",
+  "_resizable": "__resizable_688gi_gg_",
+  "_fixed": "__fixed_688gi_gg_",
+  "_borderLeft": "__borderLeft_688gi_gg_",
+  "_borderRight": "__borderRight_688gi_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_688gi_gg_",
+  "__SBody": "___SBody_688gi_gg_",
+  "__SRow": "___SRow_688gi_gg_",
+  "_theme": "__theme_688gi_gg_",
+  "__SGroupCell": "___SGroupCell_688gi_gg_",
+  "_theme_muted": "_theme_muted_688gi_gg_",
+  "_theme_info": "_theme_info_688gi_gg_",
+  "_theme_success": "_theme_success_688gi_gg_",
+  "_theme_warning": "_theme_warning_688gi_gg_",
+  "_theme_danger": "_theme_danger_688gi_gg_",
+  "_positioned": "__positioned_688gi_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_688gi_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_688gi_gg_",
+  "--left": "--left_688gi",
+  "--right": "--right_688gi",
+  "--offsetSum": "--offsetSum_688gi",
+  "_orientation_vertical": "_orientation_vertical_688gi_gg_",
+  "__SHeightHold": "___SHeightHold_688gi_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/cjs/Head.js CHANGED Viewed

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

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

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

package/lib/es6/Body.js CHANGED Viewed

@@ -21,10 +21,10 @@ import ScrollArea from '@semcore/scroll-area';
 import { getFixedStyle, getScrollOffsetValue } from './utils';
 import assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1sae2_gg_:before{left:var(--left_1sae2)!important}.___SShadowHorizontal_1sae2_gg_:after{right:var(--right_1sae2)!important}" /*__inner_css_end__*/, "1sae2_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1sae2_gg_",
-  "--left": "--left_1sae2",
-  "--right": "--right_1sae2"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_dm76h_gg_:before{left:var(--left_dm76h)!important}.___SShadowHorizontal_dm76h_gg_:after{right:var(--right_dm76h)!important}" /*__inner_css_end__*/, "dm76h_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_dm76h_gg_",
+  "--left": "--left_dm76h",
+  "--right": "--right_dm76h"
 });
 import trottle from '@semcore/utils/lib/rafTrottle';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';

package/lib/es6/DataTable.js CHANGED Viewed

@@ -22,46 +22,46 @@ 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_1qjh7_gg_,.___SHeadWrapper_1qjh7_gg_{position:relative}.___SDataTable_1qjh7_gg_.__compact_1qjh7_gg_ .___SCell_1qjh7_gg_,.___SDataTable_1qjh7_gg_.__compact_1qjh7_gg_ .___SColumn_1qjh7_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1qjh7_gg_.__sticky_1qjh7_gg_{position:sticky;top:0;z-index:2}.___SHead_1qjh7_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1qjh7_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_1qjh7_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1qjh7_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1qjh7_gg_.__hidden_1qjh7_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_1qjh7_gg_._use_primary_1qjh7_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_1qjh7_gg_._use_secondary_1qjh7_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_1qjh7_gg_.__group_1qjh7_gg_.__use_1qjh7_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1qjh7_gg_.__groupHead_1qjh7_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_{cursor:pointer}@media (hover:hover){.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_._use_primary_1qjh7_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_:hover .___SSortWrapper_1qjh7_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_:hover .___SSortIcon_1qjh7_gg_,.___SColumn_1qjh7_gg_.__sortable_1qjh7_gg_:hover .___SSortWrapper_1qjh7_gg_:before{display:block;opacity:1}}.___SColumn_1qjh7_gg_._use_primary_1qjh7_gg_.__active_1qjh7_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1qjh7_gg_.__active_1qjh7_gg_ .___SSortWrapper_1qjh7_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qjh7_gg_.__active_1qjh7_gg_ .___SSortIcon_1qjh7_gg_{display:block;position:relative;opacity:1}.___SColumn_1qjh7_gg_.__resizable_1qjh7_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1qjh7_gg_.__resizable_1qjh7_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1qjh7_gg_.__resizable_1qjh7_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_1qjh7_gg_.__fixed_1qjh7_gg_{position:sticky;z-index:2}.___SCell_1qjh7_gg_.__borderLeft_1qjh7_gg_,.___SColumn_1qjh7_gg_.__borderLeft_1qjh7_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qjh7_gg_.__borderRight_1qjh7_gg_,.___SColumn_1qjh7_gg_.__borderRight_1qjh7_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1qjh7_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_1qjh7_gg_,.___SSortWrapper_1qjh7_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1qjh7_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1qjh7_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1qjh7_gg_._use_primary_1qjh7_gg_ .___SSortWrapper_1qjh7_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1qjh7_gg_._use_secondary_1qjh7_gg_ .___SSortWrapper_1qjh7_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1qjh7_gg_{position:relative}.___SBody_1qjh7_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1qjh7_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_muted_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_muted_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_info_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_info_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_success_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_success_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_warning_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_warning_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_.__active_1qjh7_gg_>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_ .___SCell_1qjh7_gg_:hover+.___SGroupCell_1qjh7_gg_ .___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_._theme_danger_1qjh7_gg_:hover>.___SCell_1qjh7_gg_:not(.__theme_1qjh7_gg_),.___SRow_1qjh7_gg_:hover>.___SCell_1qjh7_gg_._theme_danger_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qjh7_gg_.__positioned_1qjh7_gg_{position:absolute}.___SCell_1qjh7_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}.___SCell_1qjh7_gg_._use_primary_1qjh7_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qjh7_gg_._use_secondary_1qjh7_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qjh7_gg_.__fixed_1qjh7_gg_{position:sticky;z-index:1}.___SCell_1qjh7_gg_._theme_muted_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qjh7_gg_._theme_info_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qjh7_gg_._theme_success_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qjh7_gg_._theme_warning_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qjh7_gg_._theme_danger_1qjh7_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1qjh7_gg_._orientation_horizontal_1qjh7_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left_1qjh7) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_1qjh7) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1qjh7) - 8px)}.___SScrollAreaBar_1qjh7_gg_._orientation_vertical_1qjh7_gg_{width:12px}.___SHeightHold_1qjh7_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1qjh7_gg_") /*__reshadow_css_end__*/, {
-  "__SDataTable": "___SDataTable_1qjh7_gg_",
-  "_compact": "__compact_1qjh7_gg_",
-  "__SColumn": "___SColumn_1qjh7_gg_",
-  "__SCell": "___SCell_1qjh7_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1qjh7_gg_",
-  "_sticky": "__sticky_1qjh7_gg_",
-  "__SHead": "___SHead_1qjh7_gg_",
-  "_hidden": "__hidden_1qjh7_gg_",
-  "_use_primary": "_use_primary_1qjh7_gg_",
-  "_use_secondary": "_use_secondary_1qjh7_gg_",
-  "_group": "__group_1qjh7_gg_",
-  "_use": "__use_1qjh7_gg_",
-  "_groupHead": "__groupHead_1qjh7_gg_",
-  "_sortable": "__sortable_1qjh7_gg_",
-  "__SSortWrapper": "___SSortWrapper_1qjh7_gg_",
-  "__SSortIcon": "___SSortIcon_1qjh7_gg_",
-  "_active": "__active_1qjh7_gg_",
-  "_resizable": "__resizable_1qjh7_gg_",
-  "_fixed": "__fixed_1qjh7_gg_",
-  "_borderLeft": "__borderLeft_1qjh7_gg_",
-  "_borderRight": "__borderRight_1qjh7_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1qjh7_gg_",
-  "__SBody": "___SBody_1qjh7_gg_",
-  "__SRow": "___SRow_1qjh7_gg_",
-  "_theme": "__theme_1qjh7_gg_",
-  "__SGroupCell": "___SGroupCell_1qjh7_gg_",
-  "_theme_muted": "_theme_muted_1qjh7_gg_",
-  "_theme_info": "_theme_info_1qjh7_gg_",
-  "_theme_success": "_theme_success_1qjh7_gg_",
-  "_theme_warning": "_theme_warning_1qjh7_gg_",
-  "_theme_danger": "_theme_danger_1qjh7_gg_",
-  "_positioned": "__positioned_1qjh7_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1qjh7_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1qjh7_gg_",
-  "--left": "--left_1qjh7",
-  "--right": "--right_1qjh7",
-  "--offsetSum": "--offsetSum_1qjh7",
-  "_orientation_vertical": "_orientation_vertical_1qjh7_gg_",
-  "__SHeightHold": "___SHeightHold_1qjh7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_688gi_gg_,.___SHeadWrapper_688gi_gg_{position:relative}.___SDataTable_688gi_gg_.__compact_688gi_gg_ .___SCell_688gi_gg_,.___SDataTable_688gi_gg_.__compact_688gi_gg_ .___SColumn_688gi_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_688gi_gg_.__sticky_688gi_gg_{position:sticky;top:0;z-index:2}.___SHead_688gi_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_688gi_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_688gi_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_688gi_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_688gi_gg_.__hidden_688gi_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_688gi_gg_._use_primary_688gi_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_688gi_gg_._use_secondary_688gi_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_688gi_gg_.__group_688gi_gg_.__use_688gi_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_688gi_gg_.__groupHead_688gi_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_688gi_gg_.__sortable_688gi_gg_{cursor:pointer}@media (hover:hover){.___SColumn_688gi_gg_.__sortable_688gi_gg_._use_primary_688gi_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_688gi_gg_.__sortable_688gi_gg_:hover .___SSortWrapper_688gi_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_688gi_gg_.__sortable_688gi_gg_:hover .___SSortIcon_688gi_gg_,.___SColumn_688gi_gg_.__sortable_688gi_gg_:hover .___SSortWrapper_688gi_gg_:before{display:block;opacity:1}}.___SColumn_688gi_gg_._use_primary_688gi_gg_.__active_688gi_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_688gi_gg_.__active_688gi_gg_ .___SSortWrapper_688gi_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_688gi_gg_.__active_688gi_gg_ .___SSortIcon_688gi_gg_{display:block;position:relative;opacity:1}.___SColumn_688gi_gg_.__resizable_688gi_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_688gi_gg_.__resizable_688gi_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_688gi_gg_.__resizable_688gi_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_688gi_gg_.__fixed_688gi_gg_{position:sticky;z-index:2}.___SCell_688gi_gg_.__borderLeft_688gi_gg_,.___SColumn_688gi_gg_.__borderLeft_688gi_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_688gi_gg_.__borderRight_688gi_gg_,.___SColumn_688gi_gg_.__borderRight_688gi_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_688gi_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_688gi_gg_,.___SSortWrapper_688gi_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_688gi_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_688gi_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_688gi_gg_._use_primary_688gi_gg_ .___SSortWrapper_688gi_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_688gi_gg_._use_secondary_688gi_gg_ .___SSortWrapper_688gi_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_688gi_gg_{position:relative}.___SBody_688gi_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_688gi_gg_{display:flex;flex-direction:row;position:relative}.___SRow_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_muted_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_688gi_gg_._theme_muted_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_688gi_gg_._theme_muted_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_muted_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_muted_688gi_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_688gi_gg_._theme_info_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_688gi_gg_._theme_info_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_688gi_gg_._theme_info_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_info_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_info_688gi_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_688gi_gg_._theme_success_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_688gi_gg_._theme_success_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_688gi_gg_._theme_success_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_success_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_success_688gi_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_688gi_gg_._theme_warning_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_688gi_gg_._theme_warning_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_688gi_gg_._theme_warning_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_warning_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_warning_688gi_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_688gi_gg_._theme_danger_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_688gi_gg_._theme_danger_688gi_gg_.__active_688gi_gg_>.___SCell_688gi_gg_:not(.__theme_688gi_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_688gi_gg_._theme_danger_688gi_gg_ .___SCell_688gi_gg_:hover+.___SGroupCell_688gi_gg_ .___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_._theme_danger_688gi_gg_:hover>.___SCell_688gi_gg_:not(.__theme_688gi_gg_),.___SRow_688gi_gg_:hover>.___SCell_688gi_gg_._theme_danger_688gi_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_688gi_gg_.__positioned_688gi_gg_{position:absolute}.___SCell_688gi_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}.___SCell_688gi_gg_._use_primary_688gi_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_688gi_gg_._use_secondary_688gi_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_688gi_gg_.__fixed_688gi_gg_{position:sticky;z-index:1}.___SCell_688gi_gg_._theme_muted_688gi_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_688gi_gg_._theme_info_688gi_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_688gi_gg_._theme_success_688gi_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_688gi_gg_._theme_warning_688gi_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_688gi_gg_._theme_danger_688gi_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_688gi_gg_._orientation_horizontal_688gi_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left_688gi) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_688gi) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_688gi) - 8px)}.___SScrollAreaBar_688gi_gg_._orientation_vertical_688gi_gg_{width:12px}.___SHeightHold_688gi_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "688gi_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_688gi_gg_",
+  "_compact": "__compact_688gi_gg_",
+  "__SColumn": "___SColumn_688gi_gg_",
+  "__SCell": "___SCell_688gi_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_688gi_gg_",
+  "_sticky": "__sticky_688gi_gg_",
+  "__SHead": "___SHead_688gi_gg_",
+  "_hidden": "__hidden_688gi_gg_",
+  "_use_primary": "_use_primary_688gi_gg_",
+  "_use_secondary": "_use_secondary_688gi_gg_",
+  "_group": "__group_688gi_gg_",
+  "_use": "__use_688gi_gg_",
+  "_groupHead": "__groupHead_688gi_gg_",
+  "_sortable": "__sortable_688gi_gg_",
+  "__SSortWrapper": "___SSortWrapper_688gi_gg_",
+  "__SSortIcon": "___SSortIcon_688gi_gg_",
+  "_active": "__active_688gi_gg_",
+  "_resizable": "__resizable_688gi_gg_",
+  "_fixed": "__fixed_688gi_gg_",
+  "_borderLeft": "__borderLeft_688gi_gg_",
+  "_borderRight": "__borderRight_688gi_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_688gi_gg_",
+  "__SBody": "___SBody_688gi_gg_",
+  "__SRow": "___SRow_688gi_gg_",
+  "_theme": "__theme_688gi_gg_",
+  "__SGroupCell": "___SGroupCell_688gi_gg_",
+  "_theme_muted": "_theme_muted_688gi_gg_",
+  "_theme_info": "_theme_info_688gi_gg_",
+  "_theme_success": "_theme_success_688gi_gg_",
+  "_theme_warning": "_theme_warning_688gi_gg_",
+  "_theme_danger": "_theme_danger_688gi_gg_",
+  "_positioned": "__positioned_688gi_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_688gi_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_688gi_gg_",
+  "--left": "--left_688gi",
+  "--right": "--right_688gi",
+  "--offsetSum": "--offsetSum_688gi",
+  "_orientation_vertical": "_orientation_vertical_688gi_gg_",
+  "__SHeightHold": "___SHeightHold_688gi_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/es6/Head.js CHANGED Viewed

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

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

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

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "4.0.2",
+  "version": "4.2.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,9 +9,9 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "5.0.0",
-    "@semcore/icon": "4.0.0",
-    "@semcore/scroll-area": "5.0.0",
+    "@semcore/flex-box": "5.1.0",
+    "@semcore/icon": "4.2.0",
+    "@semcore/scroll-area": "5.1.0",
     "@semcore/utils": "4.0.0"
   },
   "devDependencies": {