@semcore/data-table 4.0.0-beta.1 → 4.0.1

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.
@@ -22,46 +22,46 @@ import Head from './Head';
22
22
  import Body from './Body';
23
23
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
24
24
  /*__reshadow-styles__:"./style/data-table.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_yd1mz_gg_,.___SHeadWrapper_yd1mz_gg_{position:relative}.___SDataTable_yd1mz_gg_.__compact_yd1mz_gg_ .___SCell_yd1mz_gg_,.___SDataTable_yd1mz_gg_.__compact_yd1mz_gg_ .___SColumn_yd1mz_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_yd1mz_gg_.__sticky_yd1mz_gg_{position:sticky;top:0;z-index:2}.___SHead_yd1mz_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_yd1mz_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_yd1mz_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_yd1mz_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_yd1mz_gg_.__hidden_yd1mz_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_yd1mz_gg_._use_primary_yd1mz_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_yd1mz_gg_._use_secondary_yd1mz_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_yd1mz_gg_.__group_yd1mz_gg_.__use_yd1mz_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_yd1mz_gg_.__groupHead_yd1mz_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_yd1mz_gg_.__sortable_yd1mz_gg_{cursor:pointer}@media (hover:hover){.___SColumn_yd1mz_gg_.__sortable_yd1mz_gg_._use_primary_yd1mz_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_yd1mz_gg_.__sortable_yd1mz_gg_:hover .___SSortWrapper_yd1mz_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_yd1mz_gg_.__sortable_yd1mz_gg_:hover .___SSortIcon_yd1mz_gg_,.___SColumn_yd1mz_gg_.__sortable_yd1mz_gg_:hover .___SSortWrapper_yd1mz_gg_:before{display:block;opacity:1}}.___SColumn_yd1mz_gg_._use_primary_yd1mz_gg_.__active_yd1mz_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_yd1mz_gg_.__active_yd1mz_gg_ .___SSortWrapper_yd1mz_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_yd1mz_gg_.__active_yd1mz_gg_ .___SSortIcon_yd1mz_gg_{display:block;position:relative;opacity:1}.___SColumn_yd1mz_gg_.__resizable_yd1mz_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_yd1mz_gg_.__resizable_yd1mz_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_yd1mz_gg_.__resizable_yd1mz_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_yd1mz_gg_.__fixed_yd1mz_gg_{position:sticky;z-index:2}.___SCell_yd1mz_gg_.__borderLeft_yd1mz_gg_,.___SColumn_yd1mz_gg_.__borderLeft_yd1mz_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yd1mz_gg_.__borderRight_yd1mz_gg_,.___SColumn_yd1mz_gg_.__borderRight_yd1mz_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_yd1mz_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_yd1mz_gg_,.___SSortWrapper_yd1mz_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_yd1mz_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_yd1mz_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_yd1mz_gg_._use_primary_yd1mz_gg_ .___SSortWrapper_yd1mz_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_yd1mz_gg_._use_secondary_yd1mz_gg_ .___SSortWrapper_yd1mz_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_yd1mz_gg_{position:relative}.___SBody_yd1mz_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_yd1mz_gg_{display:flex;flex-direction:row;position:relative}.___SRow_yd1mz_gg_.__active_yd1mz_gg_>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_._theme_muted_yd1mz_gg_.__active_yd1mz_gg_>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_yd1mz_gg_ .___SCell_yd1mz_gg_:hover+.___SGroupCell_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_:hover>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_yd1mz_gg_._theme_muted_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_yd1mz_gg_._theme_muted_yd1mz_gg_ .___SCell_yd1mz_gg_:hover+.___SGroupCell_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_._theme_muted_yd1mz_gg_:hover>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_:hover>.___SCell_yd1mz_gg_._theme_muted_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_yd1mz_gg_._theme_info_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yd1mz_gg_._theme_info_yd1mz_gg_.__active_yd1mz_gg_>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_yd1mz_gg_._theme_info_yd1mz_gg_ .___SCell_yd1mz_gg_:hover+.___SGroupCell_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_._theme_info_yd1mz_gg_:hover>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_:hover>.___SCell_yd1mz_gg_._theme_info_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_yd1mz_gg_._theme_success_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yd1mz_gg_._theme_success_yd1mz_gg_.__active_yd1mz_gg_>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_yd1mz_gg_._theme_success_yd1mz_gg_ .___SCell_yd1mz_gg_:hover+.___SGroupCell_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_._theme_success_yd1mz_gg_:hover>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_:hover>.___SCell_yd1mz_gg_._theme_success_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_yd1mz_gg_._theme_warning_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yd1mz_gg_._theme_warning_yd1mz_gg_.__active_yd1mz_gg_>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_yd1mz_gg_._theme_warning_yd1mz_gg_ .___SCell_yd1mz_gg_:hover+.___SGroupCell_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_._theme_warning_yd1mz_gg_:hover>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_:hover>.___SCell_yd1mz_gg_._theme_warning_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_yd1mz_gg_._theme_danger_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yd1mz_gg_._theme_danger_yd1mz_gg_.__active_yd1mz_gg_>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_yd1mz_gg_._theme_danger_yd1mz_gg_ .___SCell_yd1mz_gg_:hover+.___SGroupCell_yd1mz_gg_ .___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_._theme_danger_yd1mz_gg_:hover>.___SCell_yd1mz_gg_:not(.__theme_yd1mz_gg_),.___SRow_yd1mz_gg_:hover>.___SCell_yd1mz_gg_._theme_danger_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yd1mz_gg_.__positioned_yd1mz_gg_{position:absolute}.___SCell_yd1mz_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_yd1mz_gg_._use_primary_yd1mz_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yd1mz_gg_._use_secondary_yd1mz_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yd1mz_gg_.__fixed_yd1mz_gg_{position:sticky;z-index:1}.___SCell_yd1mz_gg_._theme_muted_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yd1mz_gg_._theme_info_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yd1mz_gg_._theme_success_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yd1mz_gg_._theme_warning_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yd1mz_gg_._theme_danger_yd1mz_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_yd1mz_gg_._orientation_horizontal_yd1mz_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left_yd1mz) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_yd1mz) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_yd1mz) - 8px)}.___SScrollAreaBar_yd1mz_gg_._orientation_vertical_yd1mz_gg_{width:12px}.___SHeightHold_yd1mz_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "yd1mz_gg_") /*__reshadow_css_end__*/, {
26
- "__SDataTable": "___SDataTable_yd1mz_gg_",
27
- "_compact": "__compact_yd1mz_gg_",
28
- "__SColumn": "___SColumn_yd1mz_gg_",
29
- "__SCell": "___SCell_yd1mz_gg_",
30
- "__SHeadWrapper": "___SHeadWrapper_yd1mz_gg_",
31
- "_sticky": "__sticky_yd1mz_gg_",
32
- "__SHead": "___SHead_yd1mz_gg_",
33
- "_hidden": "__hidden_yd1mz_gg_",
34
- "_use_primary": "_use_primary_yd1mz_gg_",
35
- "_use_secondary": "_use_secondary_yd1mz_gg_",
36
- "_group": "__group_yd1mz_gg_",
37
- "_use": "__use_yd1mz_gg_",
38
- "_groupHead": "__groupHead_yd1mz_gg_",
39
- "_sortable": "__sortable_yd1mz_gg_",
40
- "__SSortWrapper": "___SSortWrapper_yd1mz_gg_",
41
- "__SSortIcon": "___SSortIcon_yd1mz_gg_",
42
- "_active": "__active_yd1mz_gg_",
43
- "_resizable": "__resizable_yd1mz_gg_",
44
- "_fixed": "__fixed_yd1mz_gg_",
45
- "_borderLeft": "__borderLeft_yd1mz_gg_",
46
- "_borderRight": "__borderRight_yd1mz_gg_",
47
- "__SBodyWrapper": "___SBodyWrapper_yd1mz_gg_",
48
- "__SBody": "___SBody_yd1mz_gg_",
49
- "__SRow": "___SRow_yd1mz_gg_",
50
- "_theme": "__theme_yd1mz_gg_",
51
- "__SGroupCell": "___SGroupCell_yd1mz_gg_",
52
- "_theme_muted": "_theme_muted_yd1mz_gg_",
53
- "_theme_info": "_theme_info_yd1mz_gg_",
54
- "_theme_success": "_theme_success_yd1mz_gg_",
55
- "_theme_warning": "_theme_warning_yd1mz_gg_",
56
- "_theme_danger": "_theme_danger_yd1mz_gg_",
57
- "_positioned": "__positioned_yd1mz_gg_",
58
- "__SScrollAreaBar": "___SScrollAreaBar_yd1mz_gg_",
59
- "_orientation_horizontal": "_orientation_horizontal_yd1mz_gg_",
60
- "--left": "--left_yd1mz",
61
- "--right": "--right_yd1mz",
62
- "--offsetSum": "--offsetSum_yd1mz",
63
- "_orientation_vertical": "_orientation_vertical_yd1mz_gg_",
64
- "__SHeightHold": "___SHeightHold_yd1mz_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_12zbr_gg_,.___SHeadWrapper_12zbr_gg_{position:relative}.___SDataTable_12zbr_gg_.__compact_12zbr_gg_ .___SCell_12zbr_gg_,.___SDataTable_12zbr_gg_.__compact_12zbr_gg_ .___SColumn_12zbr_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_12zbr_gg_.__sticky_12zbr_gg_{position:sticky;top:0;z-index:2}.___SHead_12zbr_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_12zbr_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_12zbr_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_12zbr_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_12zbr_gg_.__hidden_12zbr_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_12zbr_gg_._use_primary_12zbr_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_12zbr_gg_._use_secondary_12zbr_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_12zbr_gg_.__group_12zbr_gg_.__use_12zbr_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_12zbr_gg_.__groupHead_12zbr_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_12zbr_gg_.__sortable_12zbr_gg_{cursor:pointer}@media (hover:hover){.___SColumn_12zbr_gg_.__sortable_12zbr_gg_._use_primary_12zbr_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_12zbr_gg_.__sortable_12zbr_gg_:hover .___SSortWrapper_12zbr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_12zbr_gg_.__sortable_12zbr_gg_:hover .___SSortIcon_12zbr_gg_,.___SColumn_12zbr_gg_.__sortable_12zbr_gg_:hover .___SSortWrapper_12zbr_gg_:before{display:block;opacity:1}}.___SColumn_12zbr_gg_._use_primary_12zbr_gg_.__active_12zbr_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_12zbr_gg_.__active_12zbr_gg_ .___SSortWrapper_12zbr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_12zbr_gg_.__active_12zbr_gg_ .___SSortIcon_12zbr_gg_{display:block;position:relative;opacity:1}.___SColumn_12zbr_gg_.__resizable_12zbr_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_12zbr_gg_.__resizable_12zbr_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_12zbr_gg_.__resizable_12zbr_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_12zbr_gg_.__fixed_12zbr_gg_{position:sticky;z-index:2}.___SCell_12zbr_gg_.__borderLeft_12zbr_gg_,.___SColumn_12zbr_gg_.__borderLeft_12zbr_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_12zbr_gg_.__borderRight_12zbr_gg_,.___SColumn_12zbr_gg_.__borderRight_12zbr_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_12zbr_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_12zbr_gg_,.___SSortWrapper_12zbr_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_12zbr_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_12zbr_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_12zbr_gg_._use_primary_12zbr_gg_ .___SSortWrapper_12zbr_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_12zbr_gg_._use_secondary_12zbr_gg_ .___SSortWrapper_12zbr_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_12zbr_gg_{position:relative}.___SBody_12zbr_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_12zbr_gg_{display:flex;flex-direction:row;position:relative}.___SRow_12zbr_gg_.__active_12zbr_gg_>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_._theme_muted_12zbr_gg_.__active_12zbr_gg_>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_12zbr_gg_ .___SCell_12zbr_gg_:hover+.___SGroupCell_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_:hover>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_12zbr_gg_._theme_muted_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_12zbr_gg_._theme_muted_12zbr_gg_ .___SCell_12zbr_gg_:hover+.___SGroupCell_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_._theme_muted_12zbr_gg_:hover>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_:hover>.___SCell_12zbr_gg_._theme_muted_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_12zbr_gg_._theme_info_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_12zbr_gg_._theme_info_12zbr_gg_.__active_12zbr_gg_>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_12zbr_gg_._theme_info_12zbr_gg_ .___SCell_12zbr_gg_:hover+.___SGroupCell_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_._theme_info_12zbr_gg_:hover>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_:hover>.___SCell_12zbr_gg_._theme_info_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_12zbr_gg_._theme_success_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_12zbr_gg_._theme_success_12zbr_gg_.__active_12zbr_gg_>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_12zbr_gg_._theme_success_12zbr_gg_ .___SCell_12zbr_gg_:hover+.___SGroupCell_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_._theme_success_12zbr_gg_:hover>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_:hover>.___SCell_12zbr_gg_._theme_success_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_12zbr_gg_._theme_warning_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_12zbr_gg_._theme_warning_12zbr_gg_.__active_12zbr_gg_>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_12zbr_gg_._theme_warning_12zbr_gg_ .___SCell_12zbr_gg_:hover+.___SGroupCell_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_._theme_warning_12zbr_gg_:hover>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_:hover>.___SCell_12zbr_gg_._theme_warning_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_12zbr_gg_._theme_danger_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_12zbr_gg_._theme_danger_12zbr_gg_.__active_12zbr_gg_>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_12zbr_gg_._theme_danger_12zbr_gg_ .___SCell_12zbr_gg_:hover+.___SGroupCell_12zbr_gg_ .___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_._theme_danger_12zbr_gg_:hover>.___SCell_12zbr_gg_:not(.__theme_12zbr_gg_),.___SRow_12zbr_gg_:hover>.___SCell_12zbr_gg_._theme_danger_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_12zbr_gg_.__positioned_12zbr_gg_{position:absolute}.___SCell_12zbr_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_12zbr_gg_._use_primary_12zbr_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_12zbr_gg_._use_secondary_12zbr_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_12zbr_gg_.__fixed_12zbr_gg_{position:sticky;z-index:1}.___SCell_12zbr_gg_._theme_muted_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_12zbr_gg_._theme_info_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_12zbr_gg_._theme_success_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_12zbr_gg_._theme_warning_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_12zbr_gg_._theme_danger_12zbr_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_12zbr_gg_._orientation_horizontal_12zbr_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left_12zbr) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_12zbr) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_12zbr) - 8px)}.___SScrollAreaBar_12zbr_gg_._orientation_vertical_12zbr_gg_{width:12px}.___SHeightHold_12zbr_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "12zbr_gg_") /*__reshadow_css_end__*/, {
26
+ "__SDataTable": "___SDataTable_12zbr_gg_",
27
+ "_compact": "__compact_12zbr_gg_",
28
+ "__SColumn": "___SColumn_12zbr_gg_",
29
+ "__SCell": "___SCell_12zbr_gg_",
30
+ "__SHeadWrapper": "___SHeadWrapper_12zbr_gg_",
31
+ "_sticky": "__sticky_12zbr_gg_",
32
+ "__SHead": "___SHead_12zbr_gg_",
33
+ "_hidden": "__hidden_12zbr_gg_",
34
+ "_use_primary": "_use_primary_12zbr_gg_",
35
+ "_use_secondary": "_use_secondary_12zbr_gg_",
36
+ "_group": "__group_12zbr_gg_",
37
+ "_use": "__use_12zbr_gg_",
38
+ "_groupHead": "__groupHead_12zbr_gg_",
39
+ "_sortable": "__sortable_12zbr_gg_",
40
+ "__SSortWrapper": "___SSortWrapper_12zbr_gg_",
41
+ "__SSortIcon": "___SSortIcon_12zbr_gg_",
42
+ "_active": "__active_12zbr_gg_",
43
+ "_resizable": "__resizable_12zbr_gg_",
44
+ "_fixed": "__fixed_12zbr_gg_",
45
+ "_borderLeft": "__borderLeft_12zbr_gg_",
46
+ "_borderRight": "__borderRight_12zbr_gg_",
47
+ "__SBodyWrapper": "___SBodyWrapper_12zbr_gg_",
48
+ "__SBody": "___SBody_12zbr_gg_",
49
+ "__SRow": "___SRow_12zbr_gg_",
50
+ "_theme": "__theme_12zbr_gg_",
51
+ "__SGroupCell": "___SGroupCell_12zbr_gg_",
52
+ "_theme_muted": "_theme_muted_12zbr_gg_",
53
+ "_theme_info": "_theme_info_12zbr_gg_",
54
+ "_theme_success": "_theme_success_12zbr_gg_",
55
+ "_theme_warning": "_theme_warning_12zbr_gg_",
56
+ "_theme_danger": "_theme_danger_12zbr_gg_",
57
+ "_positioned": "__positioned_12zbr_gg_",
58
+ "__SScrollAreaBar": "___SScrollAreaBar_12zbr_gg_",
59
+ "_orientation_horizontal": "_orientation_horizontal_12zbr_gg_",
60
+ "--left": "--left_12zbr",
61
+ "--right": "--right_12zbr",
62
+ "--offsetSum": "--offsetSum_12zbr",
63
+ "_orientation_vertical": "_orientation_vertical_12zbr_gg_",
64
+ "__SHeightHold": "___SHeightHold_12zbr_gg_"
65
65
  });
66
66
  var reversedSortDirection = {
67
67
  desc: 'asc',
package/lib/es6/Head.js CHANGED
@@ -19,12 +19,12 @@ import { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';
19
19
  import logger from '@semcore/utils/lib/logger';
20
20
  import { setRef } from '@semcore/utils/lib/ref';
21
21
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
22
- var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1mllq_gg_:before{left:var(--left_1mllq)!important}.___SShadowHorizontal_1mllq_gg_:after{right:var(--right_1mllq)!important}.___SContainer_1mllq_gg_.__disabledScroll_1mllq_gg_{overflow:visible}" /*__inner_css_end__*/, "1mllq_gg_") /*__reshadow_css_end__*/, {
23
- "__SShadowHorizontal": "___SShadowHorizontal_1mllq_gg_",
24
- "--left": "--left_1mllq",
25
- "--right": "--right_1mllq",
26
- "__SContainer": "___SContainer_1mllq_gg_",
27
- "_disabledScroll": "__disabledScroll_1mllq_gg_"
22
+ var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_49sgi_gg_:before{left:var(--left_49sgi)!important}.___SShadowHorizontal_49sgi_gg_:after{right:var(--right_49sgi)!important}.___SContainer_49sgi_gg_.__disabledScroll_49sgi_gg_{overflow:visible}" /*__inner_css_end__*/, "49sgi_gg_") /*__reshadow_css_end__*/, {
23
+ "__SShadowHorizontal": "___SShadowHorizontal_49sgi_gg_",
24
+ "--left": "--left_49sgi",
25
+ "--right": "--right_49sgi",
26
+ "__SContainer": "___SContainer_49sgi_gg_",
27
+ "_disabledScroll": "__disabledScroll_49sgi_gg_"
28
28
  });
29
29
  var SORTING_ICON = {
30
30
  desc: SortDesc,
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.0.0-beta.1",
4
+ "version": "4.0.1",
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.0.0-beta.1",
13
- "@semcore/icon": "4.0.0-beta.1",
14
- "@semcore/scroll-area": "5.0.0-beta.1",
15
- "@semcore/utils": "4.0.0-beta.1"
12
+ "@semcore/flex-box": "5.0.0",
13
+ "@semcore/icon": "4.0.0",
14
+ "@semcore/scroll-area": "5.0.0",
15
+ "@semcore/utils": "4.0.0"
16
16
  },
17
17
  "devDependencies": {
18
18
  "@types/react": "18.0.21",
@@ -35,7 +35,7 @@
35
35
  "csstype": "3.0.8"
36
36
  },
37
37
  "peerDependencies": {
38
- "@semcore/core": "2.0.0-beta.1",
38
+ "@semcore/core": "2.0.0",
39
39
  "react": "16.8 - 18",
40
40
  "react-dom": "16.8 - 18"
41
41
  },