@semcore/data-table 4.47.7-prerelease.2 → 4.47.8-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 (12) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Body.js +3 -3
  3. package/lib/cjs/DataTable.js +36 -36
  4. package/lib/cjs/style/data-table.shadow.css +9 -9
  5. package/lib/cjs/utils.js +2 -2
  6. package/lib/cjs/utils.js.map +1 -1
  7. package/lib/es6/Body.js +3 -3
  8. package/lib/es6/DataTable.js +36 -36
  9. package/lib/es6/style/data-table.shadow.css +9 -9
  10. package/lib/es6/utils.js +2 -2
  11. package/lib/es6/utils.js.map +1 -1
  12. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [4.47.8] - 2025-01-10
6
+
7
+ ### Fixed
8
+
9
+ - Incorrect calculation sizes for fixed (in right place) columns.
10
+
5
11
  ## [4.47.7] - 2024-12-25
6
12
 
7
13
  ### Fixed
package/lib/cjs/Body.js CHANGED
@@ -33,9 +33,9 @@ var _getFocusableIn = require("@semcore/utils/lib/focus-lock/getFocusableIn");
33
33
  var _excluded = ["childrenPropsGetter"],
34
34
  _excluded2 = ["childrenPropsGetter"];
35
35
  /*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
36
- var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_ddpe9_gg_:after,.___SShadowHorizontal_ddpe9_gg_:before,.___SShadowVertical_ddpe9_gg_:after,.___SShadowVertical_ddpe9_gg_:before{z-index:1}" /*__inner_css_end__*/, "ddpe9_gg_") /*__reshadow_css_end__*/, {
37
- "__SShadowHorizontal": "___SShadowHorizontal_ddpe9_gg_",
38
- "__SShadowVertical": "___SShadowVertical_ddpe9_gg_"
36
+ var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_efxpg_gg_:after,.___SShadowHorizontal_efxpg_gg_:before,.___SShadowVertical_efxpg_gg_:after,.___SShadowVertical_efxpg_gg_:before{z-index:1}" /*__inner_css_end__*/, "efxpg_gg_") /*__reshadow_css_end__*/, {
37
+ "__SShadowHorizontal": "___SShadowHorizontal_efxpg_gg_",
38
+ "__SShadowVertical": "___SShadowVertical_efxpg_gg_"
39
39
  });
40
40
  var testEnv = process.env.NODE_ENV === 'test';
41
41
  var getCellsByColumn = function getCellsByColumn(cells) {
package/lib/cjs/DataTable.js CHANGED
@@ -33,42 +33,42 @@ var _focusSourceEnhance = _interopRequireDefault(require("@semcore/utils/lib/enh
33
33
  var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
34
34
  _excluded2 = ["name", "children"];
35
35
  /*__reshadow-styles__:"./style/data-table.shadow.css"*/
36
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDataTable_o8m1i_gg_,.___SHeadWrapper_o8m1i_gg_{position:relative}.___SDataTable_o8m1i_gg_.__compact_o8m1i_gg_ .___SCell_o8m1i_gg_,.___SDataTable_o8m1i_gg_.__compact_o8m1i_gg_ .___SColumn_o8m1i_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_o8m1i_gg_.__animationsDisabled_o8m1i_gg_ .___SColumn_o8m1i_gg_{transition:none}.___SHeadWrapper_o8m1i_gg_.__sticky_o8m1i_gg_{position:sticky;top:0;z-index:2}.___SHead_o8m1i_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_o8m1i_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_o8m1i_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_o8m1i_gg_.__hidden_o8m1i_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_o8m1i_gg_._use_primary_o8m1i_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_o8m1i_gg_._use_secondary_o8m1i_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_o8m1i_gg_.__group_o8m1i_gg_.__use_o8m1i_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_o8m1i_gg_.__groupHead_o8m1i_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_{cursor:pointer}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._use_primary_o8m1i_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._use_primary_o8m1i_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._justifyContent_right_o8m1i_gg_:focus .___SSortWrapper_o8m1i_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._justifyContent_right_o8m1i_gg_:hover .___SSortWrapper_o8m1i_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._justifyContent_right_o8m1i_gg_.__active_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_.__active_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_,.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:focus .___SSortWrapper_o8m1i_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:hover .___SSortWrapper_o8m1i_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_.__active_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_:before,.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:focus .___SSortIcon_o8m1i_gg_,.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:focus .___SSortWrapper_o8m1i_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:hover .___SSortWrapper_o8m1i_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:hover .___SSortIcon_o8m1i_gg_{display:block;opacity:1}}.___SColumn_o8m1i_gg_._use_primary_o8m1i_gg_.__active_o8m1i_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_o8m1i_gg_.__active_o8m1i_gg_ .___SSortIcon_o8m1i_gg_{display:block;opacity:1}.___SColumn_o8m1i_gg_.__resizable_o8m1i_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_o8m1i_gg_.__resizable_o8m1i_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_o8m1i_gg_.__resizable_o8m1i_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_o8m1i_gg_.__fixed_o8m1i_gg_{position:sticky;z-index:2}.___SCell_o8m1i_gg_.__borderLeft_o8m1i_gg_,.___SColumn_o8m1i_gg_.__borderLeft_o8m1i_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_o8m1i_gg_.__borderRight_o8m1i_gg_,.___SColumn_o8m1i_gg_.__borderRight_o8m1i_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_o8m1i_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_o8m1i_gg_,.___SSortWrapper_o8m1i_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_o8m1i_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_o8m1i_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_o8m1i_gg_._use_primary_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_o8m1i_gg_._use_secondary_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_o8m1i_gg_{position:relative}.___SBody_o8m1i_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_o8m1i_gg_{display:flex;flex-direction:row;position:relative}.___SRow_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_muted_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_info_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_success_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_warning_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_danger_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_o8m1i_gg_.__positioned_o8m1i_gg_{position:absolute}.___SBody_o8m1i_gg_.__animationsDisabled_o8m1i_gg_ .___SCell_o8m1i_gg_{transition:none}.___SCell_o8m1i_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_o8m1i_gg_._use_primary_o8m1i_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_o8m1i_gg_._use_secondary_o8m1i_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_o8m1i_gg_.__fixed_o8m1i_gg_{position:sticky;z-index:1}.___SCell_o8m1i_gg_._theme_muted_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_o8m1i_gg_._theme_info_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_o8m1i_gg_._theme_success_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_o8m1i_gg_._theme_warning_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_o8m1i_gg_._theme_danger_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_o8m1i_gg_:focus-visible{position:relative}.___SCell_o8m1i_gg_:focus-visible:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_o8m1i_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "o8m1i_gg_") /*__reshadow_css_end__*/, {
37
- "__SDataTable": "___SDataTable_o8m1i_gg_",
38
- "__SHeadWrapper": "___SHeadWrapper_o8m1i_gg_",
39
- "_sticky": "__sticky_o8m1i_gg_",
40
- "__SHead": "___SHead_o8m1i_gg_",
41
- "__SColumn": "___SColumn_o8m1i_gg_",
42
- "_hidden": "__hidden_o8m1i_gg_",
43
- "_use_primary": "_use_primary_o8m1i_gg_",
44
- "_use_secondary": "_use_secondary_o8m1i_gg_",
45
- "_group": "__group_o8m1i_gg_",
46
- "_use": "__use_o8m1i_gg_",
47
- "_groupHead": "__groupHead_o8m1i_gg_",
48
- "_active": "__active_o8m1i_gg_",
49
- "__SSortIcon": "___SSortIcon_o8m1i_gg_",
50
- "_fixed": "__fixed_o8m1i_gg_",
51
- "_borderLeft": "__borderLeft_o8m1i_gg_",
52
- "__SCell": "___SCell_o8m1i_gg_",
53
- "_borderRight": "__borderRight_o8m1i_gg_",
54
- "__SSortWrapper": "___SSortWrapper_o8m1i_gg_",
55
- "__SBodyWrapper": "___SBodyWrapper_o8m1i_gg_",
56
- "__SBody": "___SBody_o8m1i_gg_",
57
- "__SRow": "___SRow_o8m1i_gg_",
58
- "_theme": "__theme_o8m1i_gg_",
59
- "__SGroupCell": "___SGroupCell_o8m1i_gg_",
60
- "_theme_muted": "_theme_muted_o8m1i_gg_",
61
- "_theme_info": "_theme_info_o8m1i_gg_",
62
- "_theme_success": "_theme_success_o8m1i_gg_",
63
- "_theme_warning": "_theme_warning_o8m1i_gg_",
64
- "_theme_danger": "_theme_danger_o8m1i_gg_",
65
- "_positioned": "__positioned_o8m1i_gg_",
66
- "_animationsDisabled": "__animationsDisabled_o8m1i_gg_",
67
- "__SHeightHold": "___SHeightHold_o8m1i_gg_",
68
- "_compact": "__compact_o8m1i_gg_",
69
- "_sortable": "__sortable_o8m1i_gg_",
70
- "_justifyContent_right": "_justifyContent_right_o8m1i_gg_",
71
- "_resizable": "__resizable_o8m1i_gg_"
36
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDataTable_1hl9u_gg_,.___SHeadWrapper_1hl9u_gg_{position:relative}.___SDataTable_1hl9u_gg_.__compact_1hl9u_gg_ .___SCell_1hl9u_gg_,.___SDataTable_1hl9u_gg_.__compact_1hl9u_gg_ .___SColumn_1hl9u_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1hl9u_gg_.__animationsDisabled_1hl9u_gg_ .___SColumn_1hl9u_gg_{transition:none}.___SHeadWrapper_1hl9u_gg_.__sticky_1hl9u_gg_{position:sticky;top:0;z-index:2}.___SHead_1hl9u_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1hl9u_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_1hl9u_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1hl9u_gg_.__hidden_1hl9u_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_1hl9u_gg_._use_primary_1hl9u_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_1hl9u_gg_._use_secondary_1hl9u_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_1hl9u_gg_.__group_1hl9u_gg_.__use_1hl9u_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1hl9u_gg_.__groupHead_1hl9u_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_{cursor:pointer}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._use_primary_1hl9u_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._use_primary_1hl9u_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._justifyContent_right_1hl9u_gg_:focus .___SSortWrapper_1hl9u_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._justifyContent_right_1hl9u_gg_:hover .___SSortWrapper_1hl9u_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._justifyContent_right_1hl9u_gg_.__active_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_.__active_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_,.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:focus .___SSortWrapper_1hl9u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:hover .___SSortWrapper_1hl9u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_.__active_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_:before,.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:focus .___SSortIcon_1hl9u_gg_,.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:focus .___SSortWrapper_1hl9u_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:hover .___SSortWrapper_1hl9u_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:hover .___SSortIcon_1hl9u_gg_{display:block;opacity:1}}.___SColumn_1hl9u_gg_._use_primary_1hl9u_gg_.__active_1hl9u_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1hl9u_gg_.__active_1hl9u_gg_ .___SSortIcon_1hl9u_gg_{display:block;opacity:1}.___SColumn_1hl9u_gg_.__resizable_1hl9u_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1hl9u_gg_.__resizable_1hl9u_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1hl9u_gg_.__resizable_1hl9u_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_1hl9u_gg_.__fixed_1hl9u_gg_{position:sticky;z-index:2}.___SCell_1hl9u_gg_.__borderLeft_1hl9u_gg_,.___SColumn_1hl9u_gg_.__borderLeft_1hl9u_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1hl9u_gg_.__borderRight_1hl9u_gg_,.___SColumn_1hl9u_gg_.__borderRight_1hl9u_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1hl9u_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_1hl9u_gg_,.___SSortWrapper_1hl9u_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1hl9u_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1hl9u_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1hl9u_gg_._use_primary_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1hl9u_gg_._use_secondary_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1hl9u_gg_{position:relative}.___SBody_1hl9u_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1hl9u_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_muted_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_info_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_success_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_warning_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_danger_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1hl9u_gg_.__positioned_1hl9u_gg_{position:absolute}.___SBody_1hl9u_gg_.__animationsDisabled_1hl9u_gg_ .___SCell_1hl9u_gg_{transition:none}.___SCell_1hl9u_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1hl9u_gg_._use_primary_1hl9u_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hl9u_gg_._use_secondary_1hl9u_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hl9u_gg_.__fixed_1hl9u_gg_{position:sticky;z-index:1}.___SCell_1hl9u_gg_._theme_muted_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1hl9u_gg_._theme_info_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1hl9u_gg_._theme_success_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1hl9u_gg_._theme_warning_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1hl9u_gg_._theme_danger_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1hl9u_gg_:focus-visible:not(.__fixed_1hl9u_gg_){position:relative}.___SCell_1hl9u_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_1hl9u_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1hl9u_gg_") /*__reshadow_css_end__*/, {
37
+ "__SDataTable": "___SDataTable_1hl9u_gg_",
38
+ "__SHeadWrapper": "___SHeadWrapper_1hl9u_gg_",
39
+ "_sticky": "__sticky_1hl9u_gg_",
40
+ "__SHead": "___SHead_1hl9u_gg_",
41
+ "__SColumn": "___SColumn_1hl9u_gg_",
42
+ "_hidden": "__hidden_1hl9u_gg_",
43
+ "_use_primary": "_use_primary_1hl9u_gg_",
44
+ "_use_secondary": "_use_secondary_1hl9u_gg_",
45
+ "_group": "__group_1hl9u_gg_",
46
+ "_use": "__use_1hl9u_gg_",
47
+ "_groupHead": "__groupHead_1hl9u_gg_",
48
+ "_active": "__active_1hl9u_gg_",
49
+ "__SSortIcon": "___SSortIcon_1hl9u_gg_",
50
+ "_fixed": "__fixed_1hl9u_gg_",
51
+ "_borderLeft": "__borderLeft_1hl9u_gg_",
52
+ "__SCell": "___SCell_1hl9u_gg_",
53
+ "_borderRight": "__borderRight_1hl9u_gg_",
54
+ "__SSortWrapper": "___SSortWrapper_1hl9u_gg_",
55
+ "__SBodyWrapper": "___SBodyWrapper_1hl9u_gg_",
56
+ "__SBody": "___SBody_1hl9u_gg_",
57
+ "__SRow": "___SRow_1hl9u_gg_",
58
+ "_theme": "__theme_1hl9u_gg_",
59
+ "__SGroupCell": "___SGroupCell_1hl9u_gg_",
60
+ "_theme_muted": "_theme_muted_1hl9u_gg_",
61
+ "_theme_info": "_theme_info_1hl9u_gg_",
62
+ "_theme_success": "_theme_success_1hl9u_gg_",
63
+ "_theme_warning": "_theme_warning_1hl9u_gg_",
64
+ "_theme_danger": "_theme_danger_1hl9u_gg_",
65
+ "_positioned": "__positioned_1hl9u_gg_",
66
+ "_animationsDisabled": "__animationsDisabled_1hl9u_gg_",
67
+ "__SHeightHold": "___SHeightHold_1hl9u_gg_",
68
+ "_compact": "__compact_1hl9u_gg_",
69
+ "_sortable": "__sortable_1hl9u_gg_",
70
+ "_justifyContent_right": "_justifyContent_right_1hl9u_gg_",
71
+ "_resizable": "__resizable_1hl9u_gg_"
72
72
  });
73
73
  var reversedSortDirection = {
74
74
  desc: 'asc',
package/lib/cjs/style/data-table.shadow.css CHANGED
@@ -390,17 +390,17 @@ SCell[theme='danger'] {
390
390
  background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
391
391
  }
392
392
 
393
- SCell:focus-visible {
393
+ SCell:focus-visible:not([fixed]) {
394
394
  position: relative;
395
+ }
395
396
 
396
- &:after {
397
- position: absolute;
398
- display: block;
399
- content: '';
400
- inset: 3px;
401
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
402
- pointer-events: none;
403
- }
397
+ SCell:focus-visible::after {
398
+ position: absolute;
399
+ display: block;
400
+ content: '';
401
+ inset: 3px;
402
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
403
+ pointer-events: none;
404
404
  }
405
405
 
406
406
  SHeightHold {
package/lib/cjs/utils.js CHANGED
@@ -40,11 +40,11 @@ var getFixedStyle = function getFixedStyle(cell, columns) {
40
40
  if (index === -1) return [undefined, undefined];
41
41
  var startIndexSideMap = {
42
42
  left: 0,
43
- right: index
43
+ right: index + 1
44
44
  };
45
45
  var endIndexSideMap = {
46
46
  left: index,
47
- right: columns.length - 1
47
+ right: columns.length
48
48
  };
49
49
  var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
50
50
  if (columnsFixed.length < 1) return [side, 0];
package/lib/cjs/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","width","exports","flattenColumns","hasNestedColumns","length","concat","getFixedStyle","cell","side","undefined","names","name","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","vars","map","join"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { Column } from './types';\n\nexport const getScrollOffsetValue = (columns: Column[]) =>\n columns.reduce(\n (acc, column) => {\n if (column.fixed === 'left') {\n acc[0] += column.width;\n }\n if (column.fixed === 'right') {\n acc[1] += column.width;\n }\n return acc;\n },\n [0, 0] as [leftOffset: number, rightOffset: number],\n );\n\nexport const flattenColumns = (columns: Column[]) =>\n columns.reduce((acc, column) => {\n const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n const columns: Column[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n acc = acc.concat(columns);\n return acc;\n }, [] as Column[]);\n\nexport const getFixedStyle = (\n cell: Pick<Column, 'name' | 'fixed'>,\n columns: Column[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n const side = cell.fixed;\n if (!side) return [undefined, undefined];\n const names = cell.name.split('/');\n const nameSideMap = {\n left: names[0],\n right: names[names.length - 1],\n };\n const name = nameSideMap[side];\n const index = columns.findIndex((column) => column.name === name);\n\n if (index === -1) return [undefined, undefined];\n\n const startIndexSideMap = {\n left: 0,\n right: index,\n };\n const endIndexSideMap = {\n left: index,\n right: columns.length - 1,\n };\n const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n if (columnsFixed.length < 1) return [side, 0];\n\n const vars = columnsFixed.map((column) => `var(--${column.name}_width)`);\n return [side, vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`];\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","width","exports","flattenColumns","hasNestedColumns","length","concat","getFixedStyle","cell","side","undefined","names","name","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","vars","map","join"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { Column } from './types';\n\nexport const getScrollOffsetValue = (columns: Column[]) =>\n columns.reduce(\n (acc, column) => {\n if (column.fixed === 'left') {\n acc[0] += column.width;\n }\n if (column.fixed === 'right') {\n acc[1] += column.width;\n }\n return acc;\n },\n [0, 0] as [leftOffset: number, rightOffset: number],\n );\n\nexport const flattenColumns = (columns: Column[]) =>\n columns.reduce((acc, column) => {\n const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n const columns: Column[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n acc = acc.concat(columns);\n return acc;\n }, [] as Column[]);\n\nexport const getFixedStyle = (\n cell: Pick<Column, 'name' | 'fixed'>,\n columns: Column[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n const side = cell.fixed;\n if (!side) return [undefined, undefined];\n const names = cell.name.split('/');\n const nameSideMap = {\n left: names[0],\n right: names[names.length - 1],\n };\n const name = nameSideMap[side];\n const index = columns.findIndex((column) => column.name === name);\n\n if (index === -1) return [undefined, undefined];\n\n const startIndexSideMap = {\n left: 0,\n right: index + 1,\n };\n const endIndexSideMap = {\n left: index,\n right: columns.length,\n };\n const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n if (columnsFixed.length < 1) return [side, 0];\n\n const vars = columnsFixed.map((column) => `var(--${column.name}_width)`);\n return [side, vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`];\n};\n"],"mappings":"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"}
package/lib/es6/Body.js CHANGED
@@ -25,9 +25,9 @@ import { forkRef } from '@semcore/utils/lib/ref';
25
25
  import canUseDOM from '@semcore/utils/lib/canUseDOM';
26
26
  import { SORT_ICON_WIDTH } from './Head';
27
27
  /*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
28
- var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_ddpe9_gg_:after,.___SShadowHorizontal_ddpe9_gg_:before,.___SShadowVertical_ddpe9_gg_:after,.___SShadowVertical_ddpe9_gg_:before{z-index:1}" /*__inner_css_end__*/, "ddpe9_gg_") /*__reshadow_css_end__*/, {
29
- "__SShadowHorizontal": "___SShadowHorizontal_ddpe9_gg_",
30
- "__SShadowVertical": "___SShadowVertical_ddpe9_gg_"
28
+ var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_efxpg_gg_:after,.___SShadowHorizontal_efxpg_gg_:before,.___SShadowVertical_efxpg_gg_:after,.___SShadowVertical_efxpg_gg_:before{z-index:1}" /*__inner_css_end__*/, "efxpg_gg_") /*__reshadow_css_end__*/, {
29
+ "__SShadowHorizontal": "___SShadowHorizontal_efxpg_gg_",
30
+ "__SShadowVertical": "___SShadowVertical_efxpg_gg_"
31
31
  });
32
32
  import { getFocusableIn } from '@semcore/utils/lib/focus-lock/getFocusableIn';
33
33
  var testEnv = process.env.NODE_ENV === 'test';
package/lib/es6/DataTable.js CHANGED
@@ -24,42 +24,42 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
24
24
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
25
25
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
26
26
  /*__reshadow-styles__:"./style/data-table.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_o8m1i_gg_,.___SHeadWrapper_o8m1i_gg_{position:relative}.___SDataTable_o8m1i_gg_.__compact_o8m1i_gg_ .___SCell_o8m1i_gg_,.___SDataTable_o8m1i_gg_.__compact_o8m1i_gg_ .___SColumn_o8m1i_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_o8m1i_gg_.__animationsDisabled_o8m1i_gg_ .___SColumn_o8m1i_gg_{transition:none}.___SHeadWrapper_o8m1i_gg_.__sticky_o8m1i_gg_{position:sticky;top:0;z-index:2}.___SHead_o8m1i_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_o8m1i_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_o8m1i_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_o8m1i_gg_.__hidden_o8m1i_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_o8m1i_gg_._use_primary_o8m1i_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_o8m1i_gg_._use_secondary_o8m1i_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_o8m1i_gg_.__group_o8m1i_gg_.__use_o8m1i_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_o8m1i_gg_.__groupHead_o8m1i_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_{cursor:pointer}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._use_primary_o8m1i_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._use_primary_o8m1i_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._justifyContent_right_o8m1i_gg_:focus .___SSortWrapper_o8m1i_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._justifyContent_right_o8m1i_gg_:hover .___SSortWrapper_o8m1i_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_._justifyContent_right_o8m1i_gg_.__active_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_.__active_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_,.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:focus .___SSortWrapper_o8m1i_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:hover .___SSortWrapper_o8m1i_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_.__active_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_:before,.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:focus .___SSortIcon_o8m1i_gg_,.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:focus .___SSortWrapper_o8m1i_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:hover .___SSortWrapper_o8m1i_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_o8m1i_gg_.__sortable_o8m1i_gg_:hover .___SSortIcon_o8m1i_gg_{display:block;opacity:1}}.___SColumn_o8m1i_gg_._use_primary_o8m1i_gg_.__active_o8m1i_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_o8m1i_gg_.__active_o8m1i_gg_ .___SSortIcon_o8m1i_gg_{display:block;opacity:1}.___SColumn_o8m1i_gg_.__resizable_o8m1i_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_o8m1i_gg_.__resizable_o8m1i_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_o8m1i_gg_.__resizable_o8m1i_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_o8m1i_gg_.__fixed_o8m1i_gg_{position:sticky;z-index:2}.___SCell_o8m1i_gg_.__borderLeft_o8m1i_gg_,.___SColumn_o8m1i_gg_.__borderLeft_o8m1i_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_o8m1i_gg_.__borderRight_o8m1i_gg_,.___SColumn_o8m1i_gg_.__borderRight_o8m1i_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_o8m1i_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_o8m1i_gg_,.___SSortWrapper_o8m1i_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_o8m1i_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_o8m1i_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_o8m1i_gg_._use_primary_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_o8m1i_gg_._use_secondary_o8m1i_gg_ .___SSortWrapper_o8m1i_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_o8m1i_gg_{position:relative}.___SBody_o8m1i_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_o8m1i_gg_{display:flex;flex-direction:row;position:relative}.___SRow_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_muted_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_muted_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_info_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_info_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_success_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_success_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_warning_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_warning_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_.__active_o8m1i_gg_>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_ .___SCell_o8m1i_gg_:hover+.___SGroupCell_o8m1i_gg_ .___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_._theme_danger_o8m1i_gg_:hover>.___SCell_o8m1i_gg_:not(.__theme_o8m1i_gg_),.___SRow_o8m1i_gg_:hover>.___SCell_o8m1i_gg_._theme_danger_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_o8m1i_gg_.__positioned_o8m1i_gg_{position:absolute}.___SBody_o8m1i_gg_.__animationsDisabled_o8m1i_gg_ .___SCell_o8m1i_gg_{transition:none}.___SCell_o8m1i_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_o8m1i_gg_._use_primary_o8m1i_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_o8m1i_gg_._use_secondary_o8m1i_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_o8m1i_gg_.__fixed_o8m1i_gg_{position:sticky;z-index:1}.___SCell_o8m1i_gg_._theme_muted_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_o8m1i_gg_._theme_info_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_o8m1i_gg_._theme_success_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_o8m1i_gg_._theme_warning_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_o8m1i_gg_._theme_danger_o8m1i_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_o8m1i_gg_:focus-visible{position:relative}.___SCell_o8m1i_gg_:focus-visible:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_o8m1i_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "o8m1i_gg_") /*__reshadow_css_end__*/, {
28
- "__SDataTable": "___SDataTable_o8m1i_gg_",
29
- "__SHeadWrapper": "___SHeadWrapper_o8m1i_gg_",
30
- "_sticky": "__sticky_o8m1i_gg_",
31
- "__SHead": "___SHead_o8m1i_gg_",
32
- "__SColumn": "___SColumn_o8m1i_gg_",
33
- "_hidden": "__hidden_o8m1i_gg_",
34
- "_use_primary": "_use_primary_o8m1i_gg_",
35
- "_use_secondary": "_use_secondary_o8m1i_gg_",
36
- "_group": "__group_o8m1i_gg_",
37
- "_use": "__use_o8m1i_gg_",
38
- "_groupHead": "__groupHead_o8m1i_gg_",
39
- "_active": "__active_o8m1i_gg_",
40
- "__SSortIcon": "___SSortIcon_o8m1i_gg_",
41
- "_fixed": "__fixed_o8m1i_gg_",
42
- "_borderLeft": "__borderLeft_o8m1i_gg_",
43
- "__SCell": "___SCell_o8m1i_gg_",
44
- "_borderRight": "__borderRight_o8m1i_gg_",
45
- "__SSortWrapper": "___SSortWrapper_o8m1i_gg_",
46
- "__SBodyWrapper": "___SBodyWrapper_o8m1i_gg_",
47
- "__SBody": "___SBody_o8m1i_gg_",
48
- "__SRow": "___SRow_o8m1i_gg_",
49
- "_theme": "__theme_o8m1i_gg_",
50
- "__SGroupCell": "___SGroupCell_o8m1i_gg_",
51
- "_theme_muted": "_theme_muted_o8m1i_gg_",
52
- "_theme_info": "_theme_info_o8m1i_gg_",
53
- "_theme_success": "_theme_success_o8m1i_gg_",
54
- "_theme_warning": "_theme_warning_o8m1i_gg_",
55
- "_theme_danger": "_theme_danger_o8m1i_gg_",
56
- "_positioned": "__positioned_o8m1i_gg_",
57
- "_animationsDisabled": "__animationsDisabled_o8m1i_gg_",
58
- "__SHeightHold": "___SHeightHold_o8m1i_gg_",
59
- "_compact": "__compact_o8m1i_gg_",
60
- "_sortable": "__sortable_o8m1i_gg_",
61
- "_justifyContent_right": "_justifyContent_right_o8m1i_gg_",
62
- "_resizable": "__resizable_o8m1i_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_1hl9u_gg_,.___SHeadWrapper_1hl9u_gg_{position:relative}.___SDataTable_1hl9u_gg_.__compact_1hl9u_gg_ .___SCell_1hl9u_gg_,.___SDataTable_1hl9u_gg_.__compact_1hl9u_gg_ .___SColumn_1hl9u_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1hl9u_gg_.__animationsDisabled_1hl9u_gg_ .___SColumn_1hl9u_gg_{transition:none}.___SHeadWrapper_1hl9u_gg_.__sticky_1hl9u_gg_{position:sticky;top:0;z-index:2}.___SHead_1hl9u_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1hl9u_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_1hl9u_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1hl9u_gg_.__hidden_1hl9u_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_1hl9u_gg_._use_primary_1hl9u_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_1hl9u_gg_._use_secondary_1hl9u_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_1hl9u_gg_.__group_1hl9u_gg_.__use_1hl9u_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1hl9u_gg_.__groupHead_1hl9u_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_{cursor:pointer}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._use_primary_1hl9u_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._use_primary_1hl9u_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._justifyContent_right_1hl9u_gg_:focus .___SSortWrapper_1hl9u_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._justifyContent_right_1hl9u_gg_:hover .___SSortWrapper_1hl9u_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_._justifyContent_right_1hl9u_gg_.__active_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_.__active_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_,.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:focus .___SSortWrapper_1hl9u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:hover .___SSortWrapper_1hl9u_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_.__active_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_:before,.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:focus .___SSortIcon_1hl9u_gg_,.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:focus .___SSortWrapper_1hl9u_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:hover .___SSortWrapper_1hl9u_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1hl9u_gg_.__sortable_1hl9u_gg_:hover .___SSortIcon_1hl9u_gg_{display:block;opacity:1}}.___SColumn_1hl9u_gg_._use_primary_1hl9u_gg_.__active_1hl9u_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1hl9u_gg_.__active_1hl9u_gg_ .___SSortIcon_1hl9u_gg_{display:block;opacity:1}.___SColumn_1hl9u_gg_.__resizable_1hl9u_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1hl9u_gg_.__resizable_1hl9u_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1hl9u_gg_.__resizable_1hl9u_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_1hl9u_gg_.__fixed_1hl9u_gg_{position:sticky;z-index:2}.___SCell_1hl9u_gg_.__borderLeft_1hl9u_gg_,.___SColumn_1hl9u_gg_.__borderLeft_1hl9u_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1hl9u_gg_.__borderRight_1hl9u_gg_,.___SColumn_1hl9u_gg_.__borderRight_1hl9u_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1hl9u_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_1hl9u_gg_,.___SSortWrapper_1hl9u_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1hl9u_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1hl9u_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1hl9u_gg_._use_primary_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1hl9u_gg_._use_secondary_1hl9u_gg_ .___SSortWrapper_1hl9u_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1hl9u_gg_{position:relative}.___SBody_1hl9u_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1hl9u_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_muted_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_muted_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_info_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_info_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_success_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_success_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_warning_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_warning_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_.__active_1hl9u_gg_>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_ .___SCell_1hl9u_gg_:hover+.___SGroupCell_1hl9u_gg_ .___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_._theme_danger_1hl9u_gg_:hover>.___SCell_1hl9u_gg_:not(.__theme_1hl9u_gg_),.___SRow_1hl9u_gg_:hover>.___SCell_1hl9u_gg_._theme_danger_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1hl9u_gg_.__positioned_1hl9u_gg_{position:absolute}.___SBody_1hl9u_gg_.__animationsDisabled_1hl9u_gg_ .___SCell_1hl9u_gg_{transition:none}.___SCell_1hl9u_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;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1hl9u_gg_._use_primary_1hl9u_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hl9u_gg_._use_secondary_1hl9u_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hl9u_gg_.__fixed_1hl9u_gg_{position:sticky;z-index:1}.___SCell_1hl9u_gg_._theme_muted_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1hl9u_gg_._theme_info_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1hl9u_gg_._theme_success_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1hl9u_gg_._theme_warning_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1hl9u_gg_._theme_danger_1hl9u_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1hl9u_gg_:focus-visible:not(.__fixed_1hl9u_gg_){position:relative}.___SCell_1hl9u_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_1hl9u_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1hl9u_gg_") /*__reshadow_css_end__*/, {
28
+ "__SDataTable": "___SDataTable_1hl9u_gg_",
29
+ "__SHeadWrapper": "___SHeadWrapper_1hl9u_gg_",
30
+ "_sticky": "__sticky_1hl9u_gg_",
31
+ "__SHead": "___SHead_1hl9u_gg_",
32
+ "__SColumn": "___SColumn_1hl9u_gg_",
33
+ "_hidden": "__hidden_1hl9u_gg_",
34
+ "_use_primary": "_use_primary_1hl9u_gg_",
35
+ "_use_secondary": "_use_secondary_1hl9u_gg_",
36
+ "_group": "__group_1hl9u_gg_",
37
+ "_use": "__use_1hl9u_gg_",
38
+ "_groupHead": "__groupHead_1hl9u_gg_",
39
+ "_active": "__active_1hl9u_gg_",
40
+ "__SSortIcon": "___SSortIcon_1hl9u_gg_",
41
+ "_fixed": "__fixed_1hl9u_gg_",
42
+ "_borderLeft": "__borderLeft_1hl9u_gg_",
43
+ "__SCell": "___SCell_1hl9u_gg_",
44
+ "_borderRight": "__borderRight_1hl9u_gg_",
45
+ "__SSortWrapper": "___SSortWrapper_1hl9u_gg_",
46
+ "__SBodyWrapper": "___SBodyWrapper_1hl9u_gg_",
47
+ "__SBody": "___SBody_1hl9u_gg_",
48
+ "__SRow": "___SRow_1hl9u_gg_",
49
+ "_theme": "__theme_1hl9u_gg_",
50
+ "__SGroupCell": "___SGroupCell_1hl9u_gg_",
51
+ "_theme_muted": "_theme_muted_1hl9u_gg_",
52
+ "_theme_info": "_theme_info_1hl9u_gg_",
53
+ "_theme_success": "_theme_success_1hl9u_gg_",
54
+ "_theme_warning": "_theme_warning_1hl9u_gg_",
55
+ "_theme_danger": "_theme_danger_1hl9u_gg_",
56
+ "_positioned": "__positioned_1hl9u_gg_",
57
+ "_animationsDisabled": "__animationsDisabled_1hl9u_gg_",
58
+ "__SHeightHold": "___SHeightHold_1hl9u_gg_",
59
+ "_compact": "__compact_1hl9u_gg_",
60
+ "_sortable": "__sortable_1hl9u_gg_",
61
+ "_justifyContent_right": "_justifyContent_right_1hl9u_gg_",
62
+ "_resizable": "__resizable_1hl9u_gg_"
63
63
  });
64
64
  import { isFocusInside } from '@semcore/utils/lib/use/useFocusLock';
65
65
  import { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';
package/lib/es6/style/data-table.shadow.css CHANGED
@@ -390,17 +390,17 @@ SCell[theme='danger'] {
390
390
  background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
391
391
  }
392
392
 
393
- SCell:focus-visible {
393
+ SCell:focus-visible:not([fixed]) {
394
394
  position: relative;
395
+ }
395
396
 
396
- &:after {
397
- position: absolute;
398
- display: block;
399
- content: '';
400
- inset: 3px;
401
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
402
- pointer-events: none;
403
- }
397
+ SCell:focus-visible::after {
398
+ position: absolute;
399
+ display: block;
400
+ content: '';
401
+ inset: 3px;
402
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
403
+ pointer-events: none;
404
404
  }
405
405
 
406
406
  SHeightHold {
package/lib/es6/utils.js CHANGED
@@ -32,11 +32,11 @@ export var getFixedStyle = function getFixedStyle(cell, columns) {
32
32
  if (index === -1) return [undefined, undefined];
33
33
  var startIndexSideMap = {
34
34
  left: 0,
35
- right: index
35
+ right: index + 1
36
36
  };
37
37
  var endIndexSideMap = {
38
38
  left: index,
39
- right: columns.length - 1
39
+ right: columns.length
40
40
  };
41
41
  var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
42
42
  if (columnsFixed.length < 1) return [side, 0];
package/lib/es6/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","width","flattenColumns","hasNestedColumns","length","concat","getFixedStyle","cell","side","undefined","names","name","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","vars","map","join"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { Column } from './types';\n\nexport const getScrollOffsetValue = (columns: Column[]) =>\n columns.reduce(\n (acc, column) => {\n if (column.fixed === 'left') {\n acc[0] += column.width;\n }\n if (column.fixed === 'right') {\n acc[1] += column.width;\n }\n return acc;\n },\n [0, 0] as [leftOffset: number, rightOffset: number],\n );\n\nexport const flattenColumns = (columns: Column[]) =>\n columns.reduce((acc, column) => {\n const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n const columns: Column[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n acc = acc.concat(columns);\n return acc;\n }, [] as Column[]);\n\nexport const getFixedStyle = (\n cell: Pick<Column, 'name' | 'fixed'>,\n columns: Column[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n const side = cell.fixed;\n if (!side) return [undefined, undefined];\n const names = cell.name.split('/');\n const nameSideMap = {\n left: names[0],\n right: names[names.length - 1],\n };\n const name = nameSideMap[side];\n const index = columns.findIndex((column) => column.name === name);\n\n if (index === -1) return [undefined, undefined];\n\n const startIndexSideMap = {\n left: 0,\n right: index,\n };\n const endIndexSideMap = {\n left: index,\n right: columns.length - 1,\n };\n const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n if (columnsFixed.length < 1) return [side, 0];\n\n const vars = columnsFixed.map((column) => `var(--${column.name}_width)`);\n return [side, vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`];\n};\n"],"mappings":"AAEA,OAAO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,OAAiB;EAAA,OACpDA,OAAO,CAACC,MAAM,CACZ,UAACC,GAAG,EAAEC,MAAM,EAAK;IACf,IAAIA,MAAM,CAACC,KAAK,KAAK,MAAM,EAAE;MAC3BF,GAAG,CAAC,CAAC,CAAC,IAAIC,MAAM,CAACE,KAAK;IACxB;IACA,IAAIF,MAAM,CAACC,KAAK,KAAK,OAAO,EAAE;MAC5BF,GAAG,CAAC,CAAC,CAAC,IAAIC,MAAM,CAACE,KAAK;IACxB;IACA,OAAOH,GAAG;EACZ,CAAC,EACD,CAAC,CAAC,EAAE,CAAC,CAAC,CACP;AAAA;AAEH,OAAO,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAIN,OAAiB;EAAA,OAC9CA,OAAO,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,MAAM,EAAK;IAC9B,IAAMI,gBAAgB,GAAG,SAAS,IAAIJ,MAAM,IAAIA,MAAM,CAACH,OAAO,CAACQ,MAAM,GAAG,CAAC;IACzE,IAAMR,OAAiB,GAAGO,gBAAgB,GAAGD,cAAc,CAACH,MAAM,CAACH,OAAO,CAAC,GAAG,CAACG,MAAM,CAAC;IACtFD,GAAG,GAAGA,GAAG,CAACO,MAAM,CAACT,OAAO,CAAC;IACzB,OAAOE,GAAG;EACZ,CAAC,EAAE,EAAE,CAAa;AAAA;AAEpB,OAAO,IAAMQ,aAAa,GAAG,SAAhBA,aAAaA,CACxBC,IAAoC,EACpCX,OAAiB,EAC0E;EAC3F,IAAMY,IAAI,GAAGD,IAAI,CAACP,KAAK;EACvB,IAAI,CAACQ,IAAI,EAAE,OAAO,CAACC,SAAS,EAAEA,SAAS,CAAC;EACxC,IAAMC,KAAK,GAAGH,IAAI,CAACI,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC;EAClC,IAAMC,WAAW,GAAG;IAClBC,IAAI,EAAEJ,KAAK,CAAC,CAAC,CAAC;IACdK,KAAK,EAAEL,KAAK,CAACA,KAAK,CAACN,MAAM,GAAG,CAAC;EAC/B,CAAC;EACD,IAAMO,IAAI,GAAGE,WAAW,CAACL,IAAI,CAAC;EAC9B,IAAMQ,KAAK,GAAGpB,OAAO,CAACqB,SAAS,CAAC,UAAClB,MAAM;IAAA,OAAKA,MAAM,CAACY,IAAI,KAAKA,IAAI;EAAA,EAAC;EAEjE,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE,OAAO,CAACP,SAAS,EAAEA,SAAS,CAAC;EAE/C,IAAMS,iBAAiB,GAAG;IACxBJ,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEC;EACT,CAAC;EACD,IAAMG,eAAe,GAAG;IACtBL,IAAI,EAAEE,KAAK;IACXD,KAAK,EAAEnB,OAAO,CAACQ,MAAM,GAAG;EAC1B,CAAC;EACD,IAAMgB,YAAY,GAAGxB,OAAO,CAACyB,KAAK,CAACH,iBAAiB,CAACV,IAAI,CAAC,EAAEW,eAAe,CAACX,IAAI,CAAC,CAAC;EAElF,IAAIY,YAAY,CAAChB,MAAM,GAAG,CAAC,EAAE,OAAO,CAACI,IAAI,EAAE,CAAC,CAAC;EAE7C,IAAMc,IAAI,GAAGF,YAAY,CAACG,GAAG,CAAC,UAACxB,MAAM;IAAA,gBAAAM,MAAA,CAAcN,MAAM,CAACY,IAAI;EAAA,CAAS,CAAC;EACxE,OAAO,CAACH,IAAI,EAAEc,IAAI,CAAClB,MAAM,KAAK,CAAC,GAAGkB,IAAI,CAAC,CAAC,CAAC,WAAAjB,MAAA,CAAWiB,IAAI,CAACE,IAAI,CAAC,KAAK,CAAC,MAAG,CAAC;AAC1E,CAAC"}
1
+ {"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","width","flattenColumns","hasNestedColumns","length","concat","getFixedStyle","cell","side","undefined","names","name","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","vars","map","join"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { Column } from './types';\n\nexport const getScrollOffsetValue = (columns: Column[]) =>\n columns.reduce(\n (acc, column) => {\n if (column.fixed === 'left') {\n acc[0] += column.width;\n }\n if (column.fixed === 'right') {\n acc[1] += column.width;\n }\n return acc;\n },\n [0, 0] as [leftOffset: number, rightOffset: number],\n );\n\nexport const flattenColumns = (columns: Column[]) =>\n columns.reduce((acc, column) => {\n const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n const columns: Column[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n acc = acc.concat(columns);\n return acc;\n }, [] as Column[]);\n\nexport const getFixedStyle = (\n cell: Pick<Column, 'name' | 'fixed'>,\n columns: Column[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n const side = cell.fixed;\n if (!side) return [undefined, undefined];\n const names = cell.name.split('/');\n const nameSideMap = {\n left: names[0],\n right: names[names.length - 1],\n };\n const name = nameSideMap[side];\n const index = columns.findIndex((column) => column.name === name);\n\n if (index === -1) return [undefined, undefined];\n\n const startIndexSideMap = {\n left: 0,\n right: index + 1,\n };\n const endIndexSideMap = {\n left: index,\n right: columns.length,\n };\n const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n if (columnsFixed.length < 1) return [side, 0];\n\n const vars = columnsFixed.map((column) => `var(--${column.name}_width)`);\n return [side, vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`];\n};\n"],"mappings":"AAEA,OAAO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,OAAiB;EAAA,OACpDA,OAAO,CAACC,MAAM,CACZ,UAACC,GAAG,EAAEC,MAAM,EAAK;IACf,IAAIA,MAAM,CAACC,KAAK,KAAK,MAAM,EAAE;MAC3BF,GAAG,CAAC,CAAC,CAAC,IAAIC,MAAM,CAACE,KAAK;IACxB;IACA,IAAIF,MAAM,CAACC,KAAK,KAAK,OAAO,EAAE;MAC5BF,GAAG,CAAC,CAAC,CAAC,IAAIC,MAAM,CAACE,KAAK;IACxB;IACA,OAAOH,GAAG;EACZ,CAAC,EACD,CAAC,CAAC,EAAE,CAAC,CAAC,CACP;AAAA;AAEH,OAAO,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAIN,OAAiB;EAAA,OAC9CA,OAAO,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,MAAM,EAAK;IAC9B,IAAMI,gBAAgB,GAAG,SAAS,IAAIJ,MAAM,IAAIA,MAAM,CAACH,OAAO,CAACQ,MAAM,GAAG,CAAC;IACzE,IAAMR,OAAiB,GAAGO,gBAAgB,GAAGD,cAAc,CAACH,MAAM,CAACH,OAAO,CAAC,GAAG,CAACG,MAAM,CAAC;IACtFD,GAAG,GAAGA,GAAG,CAACO,MAAM,CAACT,OAAO,CAAC;IACzB,OAAOE,GAAG;EACZ,CAAC,EAAE,EAAE,CAAa;AAAA;AAEpB,OAAO,IAAMQ,aAAa,GAAG,SAAhBA,aAAaA,CACxBC,IAAoC,EACpCX,OAAiB,EAC0E;EAC3F,IAAMY,IAAI,GAAGD,IAAI,CAACP,KAAK;EACvB,IAAI,CAACQ,IAAI,EAAE,OAAO,CAACC,SAAS,EAAEA,SAAS,CAAC;EACxC,IAAMC,KAAK,GAAGH,IAAI,CAACI,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC;EAClC,IAAMC,WAAW,GAAG;IAClBC,IAAI,EAAEJ,KAAK,CAAC,CAAC,CAAC;IACdK,KAAK,EAAEL,KAAK,CAACA,KAAK,CAACN,MAAM,GAAG,CAAC;EAC/B,CAAC;EACD,IAAMO,IAAI,GAAGE,WAAW,CAACL,IAAI,CAAC;EAC9B,IAAMQ,KAAK,GAAGpB,OAAO,CAACqB,SAAS,CAAC,UAAClB,MAAM;IAAA,OAAKA,MAAM,CAACY,IAAI,KAAKA,IAAI;EAAA,EAAC;EAEjE,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE,OAAO,CAACP,SAAS,EAAEA,SAAS,CAAC;EAE/C,IAAMS,iBAAiB,GAAG;IACxBJ,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEC,KAAK,GAAG;EACjB,CAAC;EACD,IAAMG,eAAe,GAAG;IACtBL,IAAI,EAAEE,KAAK;IACXD,KAAK,EAAEnB,OAAO,CAACQ;EACjB,CAAC;EACD,IAAMgB,YAAY,GAAGxB,OAAO,CAACyB,KAAK,CAACH,iBAAiB,CAACV,IAAI,CAAC,EAAEW,eAAe,CAACX,IAAI,CAAC,CAAC;EAElF,IAAIY,YAAY,CAAChB,MAAM,GAAG,CAAC,EAAE,OAAO,CAACI,IAAI,EAAE,CAAC,CAAC;EAE7C,IAAMc,IAAI,GAAGF,YAAY,CAACG,GAAG,CAAC,UAACxB,MAAM;IAAA,gBAAAM,MAAA,CAAcN,MAAM,CAACY,IAAI;EAAA,CAAS,CAAC;EACxE,OAAO,CAACH,IAAI,EAAEc,IAAI,CAAClB,MAAM,KAAK,CAAC,GAAGkB,IAAI,CAAC,CAAC,CAAC,WAAAjB,MAAA,CAAWiB,IAAI,CAACE,IAAI,CAAC,KAAK,CAAC,MAAG,CAAC;AAC1E,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/data-table",
3
3
  "description": "Semrush DataTable Component",
4
- "version": "4.47.7-prerelease.2",
4
+ "version": "4.47.8-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,10 +9,10 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/flex-box": "5.39.1-prerelease.2",
13
- "@semcore/icon": "4.53.1-prerelease.2",
14
- "@semcore/scroll-area": "5.43.1-prerelease.2",
15
- "@semcore/utils": "4.44.1-prerelease.2"
12
+ "@semcore/flex-box": "5.39.1",
13
+ "@semcore/icon": "4.55.0-prerelease.0",
14
+ "@semcore/scroll-area": "5.43.1",
15
+ "@semcore/utils": "4.44.1"
16
16
  },
17
17
  "devDependencies": {
18
18
  "@types/react": "18.0.21",
@@ -32,7 +32,7 @@
32
32
  "csstype": "3.0.8"
33
33
  },
34
34
  "peerDependencies": {
35
- "@semcore/core": "^2.37.1-prerelease.2",
35
+ "@semcore/core": "^2.17.5",
36
36
  "react": "16.8 - 18",
37
37
  "react-dom": "16.8 - 18"
38
38
  },