@semcore/data-table 3.6.0 → 3.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -2
- package/lib/cjs/Body.js +7 -7
- package/lib/cjs/DataTable.js +35 -35
- package/lib/cjs/Head.js +7 -7
- package/lib/cjs/style/data-table.shadow.css +6 -2
- package/lib/es6/Body.js +7 -7
- package/lib/es6/DataTable.js +35 -35
- package/lib/es6/Head.js +7 -7
- package/lib/es6/style/data-table.shadow.css +6 -2
- package/package.json +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.6.2] - 2022-12-16
|
|
6
|
+
|
|
7
|
+
## [3.6.1] - 2022-12-13
|
|
8
|
+
|
|
9
|
+
### Changed
|
|
10
|
+
|
|
11
|
+
- Added `react-dom` to peer dependencies.
|
|
12
|
+
|
|
5
13
|
## [3.6.0] - 2022-12-12
|
|
6
14
|
|
|
7
15
|
### Added
|
|
@@ -10,8 +18,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
10
18
|
|
|
11
19
|
## [3.5.1] - 2022-11-08
|
|
12
20
|
|
|
13
|
-
## [3.5.0] - 2022-11-01
|
|
14
|
-
|
|
15
21
|
### Added
|
|
16
22
|
|
|
17
23
|
- Support for inheritance of `alignItems` prop from header to cells.
|
package/lib/cjs/Body.js
CHANGED
|
@@ -71,16 +71,16 @@ var scrollStyles = (
|
|
|
71
71
|
/*__reshadow_css_start__*/
|
|
72
72
|
_core.sstyled.insert(
|
|
73
73
|
/*__inner_css_start__*/
|
|
74
|
-
".
|
|
74
|
+
".___SShadowHorizontal_1iaf6_gg_:before{left:var(--left_1iaf6)!important}.___SShadowHorizontal_1iaf6_gg_:after{right:var(--right_1iaf6)!important}.___SContainer_1iaf6_gg_.__disabledScroll_1iaf6_gg_{overflow:visible}"
|
|
75
75
|
/*__inner_css_end__*/
|
|
76
|
-
, "
|
|
76
|
+
, "1iaf6_gg_")
|
|
77
77
|
/*__reshadow_css_end__*/
|
|
78
78
|
, {
|
|
79
|
-
"__SShadowHorizontal": "
|
|
80
|
-
"--left": "--
|
|
81
|
-
"--right": "--
|
|
82
|
-
"__SContainer": "
|
|
83
|
-
"_disabledScroll": "
|
|
79
|
+
"__SShadowHorizontal": "___SShadowHorizontal_1iaf6_gg_",
|
|
80
|
+
"--left": "--left_1iaf6",
|
|
81
|
+
"--right": "--right_1iaf6",
|
|
82
|
+
"__SContainer": "___SContainer_1iaf6_gg_",
|
|
83
|
+
"_disabledScroll": "__disabledScroll_1iaf6_gg_"
|
|
84
84
|
});
|
|
85
85
|
var testEnv = process.env.NODE_ENV === 'test';
|
|
86
86
|
|
package/lib/cjs/DataTable.js
CHANGED
|
@@ -69,44 +69,44 @@ var style = (
|
|
|
69
69
|
/*__reshadow_css_start__*/
|
|
70
70
|
_core.sstyled.insert(
|
|
71
71
|
/*__inner_css_start__*/
|
|
72
|
-
".
|
|
72
|
+
".___SDataTable_80gpf_gg_{position:relative}.___SHeadWrapper_80gpf_gg_{position:relative}.___SHeadWrapper_80gpf_gg_.__sticky_80gpf_gg_{position:sticky;top:0;z-index:2}.___SHead_80gpf_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_80gpf_gg_{display:flex;align-items:center;flex-grow:1;font-size:var(--intergalactic-fs-100,12px);color:var(--intergalactic-text-primary,#191b23);box-sizing:border-box;position:relative}.___SColumn_80gpf_gg_:focus{outline:none;box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SColumn_80gpf_gg_.__hidden_80gpf_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_80gpf_gg_._use_primary_80gpf_gg_{padding:var(--intergalactic-spacing-3x,12px);border-right:1px solid var(--intergalactic-border-secondary,#e0e1e9);border-bottom:1px solid var(--intergalactic-border-secondary,#e0e1e9);background-color:var(--intergalactic-table-th-primary-cell,#f4f5f9)}.___SColumn_80gpf_gg_._use_secondary_80gpf_gg_{padding:var(--intergalactic-spacing-2x,8px);border-bottom:1px solid var(--intergalactic-border-table-accent-border,#a9abb6);background-color:var(--intergalactic-table-th-secondary-cell,#fff)}.___SColumn_80gpf_gg_.__use_80gpf_gg_:last-child{border-right:none}.___SColumn_80gpf_gg_.__group_80gpf_gg_.__use_80gpf_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_80gpf_gg_.__groupHead_80gpf_gg_.__use_80gpf_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_80gpf_gg_.__groupHead_80gpf_gg_._use_primary_80gpf_gg_{border-bottom:1px solid var(--intergalactic-border-secondary,#e0e1e9)}.___SColumn_80gpf_gg_.__groupHead_80gpf_gg_._use_secondary_80gpf_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent-border,#a9abb6)}.___SColumn_80gpf_gg_.__sortable_80gpf_gg_{cursor:pointer}.___SColumn_80gpf_gg_.__sortable_80gpf_gg_._use_primary_80gpf_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover,#e0e1e9)}.___SColumn_80gpf_gg_.__active_80gpf_gg_._use_primary_80gpf_gg_{background-color:var(--intergalactic-table-th-primary-cell-active,#e0e1e9)}.___SColumn_80gpf_gg_.__resizable_80gpf_gg_:hover:after{background:var(--intergalactic-table-th-primary-cell-hover,#e0e1e9)}.___SColumn_80gpf_gg_.__resizable_80gpf_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_80gpf_gg_.__fixed_80gpf_gg_{position:sticky;z-index:2}.___SSortIcon_80gpf_gg_{fill:var(--intergalactic-icon-secondary-neutral,#a9abb6);margin-left:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SSortIcon_80gpf_gg_.__active_80gpf_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active,#8a8e9b)}.___SBodyWrapper_80gpf_gg_{position:relative}.___SBody_80gpf_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_80gpf_gg_{display:flex;flex-direction:row;position:relative}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-hover,#f0f0f4)}.___SRow_80gpf_gg_._theme_muted_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-unread,#f4f5f9)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_muted_80gpf_gg_,.___SRow_80gpf_gg_._theme_muted_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_muted_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_muted_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-hover,#f0f0f4)}.___SRow_80gpf_gg_._theme_info_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-selected,#e9f7ff)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_info_80gpf_gg_,.___SRow_80gpf_gg_._theme_info_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_info_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_info_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-selected-hover,#c4e5fe)}.___SRow_80gpf_gg_._theme_success_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-new,#dbfee8)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_success_80gpf_gg_,.___SRow_80gpf_gg_._theme_success_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_success_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_success_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-new-hover,#9ef2c9)}.___SRow_80gpf_gg_._theme_warning_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-warning,#fff3d9)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_warning_80gpf_gg_,.___SRow_80gpf_gg_._theme_warning_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_warning_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_warning_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-warning-hover,#ffdca2)}.___SRow_80gpf_gg_._theme_danger_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-critical,#fff0f7)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_danger_80gpf_gg_,.___SRow_80gpf_gg_._theme_danger_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_danger_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_danger_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-critical-hover,#ffd7df)}.___SRow_80gpf_gg_.__positioned_80gpf_gg_{position:absolute}.___SCell_80gpf_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_80gpf_gg_._use_primary_80gpf_gg_{padding:var(--intergalactic-spacing-3x,12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral,#fff)}.___SCell_80gpf_gg_._use_secondary_80gpf_gg_{padding:var(--intergalactic-spacing-2x,8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral,#fff)}.___SCell_80gpf_gg_.__fixed_80gpf_gg_{position:sticky;z-index:1}.___SCell_80gpf_gg_._theme_muted_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-unread,#f4f5f9)}.___SCell_80gpf_gg_._theme_info_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-selected,#e9f7ff)}.___SCell_80gpf_gg_._theme_success_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-new,#dbfee8)}.___SCell_80gpf_gg_._theme_warning_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-warning,#fff3d9)}.___SCell_80gpf_gg_._theme_danger_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-critical,#fff0f7)}.___SScrollAreaBar_80gpf_gg_._orientation_horizontal_80gpf_gg_{position:sticky;bottom:0;left:0;margin-top:calc(var(--intergalactic-spacing-3x, 12px)*-1);z-index:2}.___SScrollAreaBar_80gpf_gg_._orientation_vertical_80gpf_gg_{width:12px}.___SScrollAreaBar_80gpf_gg_._orientation_horizontal_80gpf_gg_{margin-left:calc(var(--left) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_80gpf) - 8px)}.___SHeightHold_80gpf_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
|
|
73
73
|
/*__inner_css_end__*/
|
|
74
|
-
, "
|
|
74
|
+
, "80gpf_gg_")
|
|
75
75
|
/*__reshadow_css_end__*/
|
|
76
76
|
, {
|
|
77
|
-
"__SDataTable": "
|
|
78
|
-
"__SHeadWrapper": "
|
|
79
|
-
"_sticky": "
|
|
80
|
-
"__SHead": "
|
|
81
|
-
"__SColumn": "
|
|
82
|
-
"_hidden": "
|
|
83
|
-
"_use_primary": "
|
|
84
|
-
"_use_secondary": "
|
|
85
|
-
"_use": "
|
|
86
|
-
"_group": "
|
|
87
|
-
"_groupHead": "
|
|
88
|
-
"_sortable": "
|
|
89
|
-
"_active": "
|
|
90
|
-
"_resizable": "
|
|
91
|
-
"_fixed": "
|
|
92
|
-
"__SSortIcon": "
|
|
93
|
-
"__SBodyWrapper": "
|
|
94
|
-
"__SBody": "
|
|
95
|
-
"__SRow": "
|
|
96
|
-
"__SCell": "
|
|
97
|
-
"_theme": "
|
|
98
|
-
"__SGroupCell": "
|
|
99
|
-
"_theme_muted": "
|
|
100
|
-
"_theme_info": "
|
|
101
|
-
"_theme_success": "
|
|
102
|
-
"_theme_warning": "
|
|
103
|
-
"_theme_danger": "
|
|
104
|
-
"_positioned": "
|
|
105
|
-
"__SScrollAreaBar": "
|
|
106
|
-
"_orientation_horizontal": "
|
|
107
|
-
"_orientation_vertical": "
|
|
108
|
-
"--offsetSum": "--
|
|
109
|
-
"__SHeightHold": "
|
|
77
|
+
"__SDataTable": "___SDataTable_80gpf_gg_",
|
|
78
|
+
"__SHeadWrapper": "___SHeadWrapper_80gpf_gg_",
|
|
79
|
+
"_sticky": "__sticky_80gpf_gg_",
|
|
80
|
+
"__SHead": "___SHead_80gpf_gg_",
|
|
81
|
+
"__SColumn": "___SColumn_80gpf_gg_",
|
|
82
|
+
"_hidden": "__hidden_80gpf_gg_",
|
|
83
|
+
"_use_primary": "_use_primary_80gpf_gg_",
|
|
84
|
+
"_use_secondary": "_use_secondary_80gpf_gg_",
|
|
85
|
+
"_use": "__use_80gpf_gg_",
|
|
86
|
+
"_group": "__group_80gpf_gg_",
|
|
87
|
+
"_groupHead": "__groupHead_80gpf_gg_",
|
|
88
|
+
"_sortable": "__sortable_80gpf_gg_",
|
|
89
|
+
"_active": "__active_80gpf_gg_",
|
|
90
|
+
"_resizable": "__resizable_80gpf_gg_",
|
|
91
|
+
"_fixed": "__fixed_80gpf_gg_",
|
|
92
|
+
"__SSortIcon": "___SSortIcon_80gpf_gg_",
|
|
93
|
+
"__SBodyWrapper": "___SBodyWrapper_80gpf_gg_",
|
|
94
|
+
"__SBody": "___SBody_80gpf_gg_",
|
|
95
|
+
"__SRow": "___SRow_80gpf_gg_",
|
|
96
|
+
"__SCell": "___SCell_80gpf_gg_",
|
|
97
|
+
"_theme": "__theme_80gpf_gg_",
|
|
98
|
+
"__SGroupCell": "___SGroupCell_80gpf_gg_",
|
|
99
|
+
"_theme_muted": "_theme_muted_80gpf_gg_",
|
|
100
|
+
"_theme_info": "_theme_info_80gpf_gg_",
|
|
101
|
+
"_theme_success": "_theme_success_80gpf_gg_",
|
|
102
|
+
"_theme_warning": "_theme_warning_80gpf_gg_",
|
|
103
|
+
"_theme_danger": "_theme_danger_80gpf_gg_",
|
|
104
|
+
"_positioned": "__positioned_80gpf_gg_",
|
|
105
|
+
"__SScrollAreaBar": "___SScrollAreaBar_80gpf_gg_",
|
|
106
|
+
"_orientation_horizontal": "_orientation_horizontal_80gpf_gg_",
|
|
107
|
+
"_orientation_vertical": "_orientation_vertical_80gpf_gg_",
|
|
108
|
+
"--offsetSum": "--offsetSum_80gpf",
|
|
109
|
+
"__SHeightHold": "___SHeightHold_80gpf_gg_"
|
|
110
110
|
});
|
|
111
111
|
var REVERSED_SORT_DIRECTION = {
|
|
112
112
|
desc: 'asc',
|
package/lib/cjs/Head.js
CHANGED
|
@@ -58,16 +58,16 @@ var scrollStyles = (
|
|
|
58
58
|
/*__reshadow_css_start__*/
|
|
59
59
|
_core.sstyled.insert(
|
|
60
60
|
/*__inner_css_start__*/
|
|
61
|
-
".
|
|
61
|
+
".___SShadowHorizontal_1iaf6_gg_:before{left:var(--left_1iaf6)!important}.___SShadowHorizontal_1iaf6_gg_:after{right:var(--right_1iaf6)!important}.___SContainer_1iaf6_gg_.__disabledScroll_1iaf6_gg_{overflow:visible}"
|
|
62
62
|
/*__inner_css_end__*/
|
|
63
|
-
, "
|
|
63
|
+
, "1iaf6_gg_")
|
|
64
64
|
/*__reshadow_css_end__*/
|
|
65
65
|
, {
|
|
66
|
-
"__SShadowHorizontal": "
|
|
67
|
-
"--left": "--
|
|
68
|
-
"--right": "--
|
|
69
|
-
"__SContainer": "
|
|
70
|
-
"_disabledScroll": "
|
|
66
|
+
"__SShadowHorizontal": "___SShadowHorizontal_1iaf6_gg_",
|
|
67
|
+
"--left": "--left_1iaf6",
|
|
68
|
+
"--right": "--right_1iaf6",
|
|
69
|
+
"__SContainer": "___SContainer_1iaf6_gg_",
|
|
70
|
+
"_disabledScroll": "__disabledScroll_1iaf6_gg_"
|
|
71
71
|
});
|
|
72
72
|
var SORTING_ICON = {
|
|
73
73
|
desc: _m["default"],
|
|
@@ -148,7 +148,9 @@ SRow {
|
|
|
148
148
|
SRow[active] > SCell:not([theme]),
|
|
149
149
|
SRow:hover > SCell:not([theme]),
|
|
150
150
|
SRow SCell:hover + SGroupCell SCell:not([theme]) {
|
|
151
|
-
|
|
151
|
+
/* The color is hardcoded because need hex(in figma rgba) */
|
|
152
|
+
/* disable-tokens-validator */
|
|
153
|
+
background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
|
|
152
154
|
}
|
|
153
155
|
|
|
154
156
|
/* MUTED THEME */
|
|
@@ -160,7 +162,9 @@ SRow:hover > SCell[theme='muted'],
|
|
|
160
162
|
SRow[theme='muted'][active] > SCell:not([theme]),
|
|
161
163
|
SRow[theme='muted']:hover > SCell:not([theme]),
|
|
162
164
|
SRow[theme='muted'] SCell:hover + SGroupCell SCell:not([theme]) {
|
|
163
|
-
|
|
165
|
+
/* The color is hardcoded because need hex(in figma rgba) */
|
|
166
|
+
/* disable-tokens-validator */
|
|
167
|
+
background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
|
|
164
168
|
}
|
|
165
169
|
|
|
166
170
|
/* INFO THEME */
|
package/lib/es6/Body.js
CHANGED
|
@@ -40,16 +40,16 @@ var scrollStyles = (
|
|
|
40
40
|
/*__reshadow_css_start__*/
|
|
41
41
|
_sstyled.insert(
|
|
42
42
|
/*__inner_css_start__*/
|
|
43
|
-
".
|
|
43
|
+
".___SShadowHorizontal_1iaf6_gg_:before{left:var(--left_1iaf6)!important}.___SShadowHorizontal_1iaf6_gg_:after{right:var(--right_1iaf6)!important}.___SContainer_1iaf6_gg_.__disabledScroll_1iaf6_gg_{overflow:visible}"
|
|
44
44
|
/*__inner_css_end__*/
|
|
45
|
-
, "
|
|
45
|
+
, "1iaf6_gg_")
|
|
46
46
|
/*__reshadow_css_end__*/
|
|
47
47
|
, {
|
|
48
|
-
"__SShadowHorizontal": "
|
|
49
|
-
"--left": "--
|
|
50
|
-
"--right": "--
|
|
51
|
-
"__SContainer": "
|
|
52
|
-
"_disabledScroll": "
|
|
48
|
+
"__SShadowHorizontal": "___SShadowHorizontal_1iaf6_gg_",
|
|
49
|
+
"--left": "--left_1iaf6",
|
|
50
|
+
"--right": "--right_1iaf6",
|
|
51
|
+
"__SContainer": "___SContainer_1iaf6_gg_",
|
|
52
|
+
"_disabledScroll": "__disabledScroll_1iaf6_gg_"
|
|
53
53
|
});
|
|
54
54
|
import trottle from '@semcore/utils/lib/rafTrottle';
|
|
55
55
|
var testEnv = process.env.NODE_ENV === 'test';
|
package/lib/es6/DataTable.js
CHANGED
|
@@ -40,44 +40,44 @@ var style = (
|
|
|
40
40
|
/*__reshadow_css_start__*/
|
|
41
41
|
_sstyled.insert(
|
|
42
42
|
/*__inner_css_start__*/
|
|
43
|
-
".
|
|
43
|
+
".___SDataTable_80gpf_gg_{position:relative}.___SHeadWrapper_80gpf_gg_{position:relative}.___SHeadWrapper_80gpf_gg_.__sticky_80gpf_gg_{position:sticky;top:0;z-index:2}.___SHead_80gpf_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_80gpf_gg_{display:flex;align-items:center;flex-grow:1;font-size:var(--intergalactic-fs-100,12px);color:var(--intergalactic-text-primary,#191b23);box-sizing:border-box;position:relative}.___SColumn_80gpf_gg_:focus{outline:none;box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SColumn_80gpf_gg_.__hidden_80gpf_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_80gpf_gg_._use_primary_80gpf_gg_{padding:var(--intergalactic-spacing-3x,12px);border-right:1px solid var(--intergalactic-border-secondary,#e0e1e9);border-bottom:1px solid var(--intergalactic-border-secondary,#e0e1e9);background-color:var(--intergalactic-table-th-primary-cell,#f4f5f9)}.___SColumn_80gpf_gg_._use_secondary_80gpf_gg_{padding:var(--intergalactic-spacing-2x,8px);border-bottom:1px solid var(--intergalactic-border-table-accent-border,#a9abb6);background-color:var(--intergalactic-table-th-secondary-cell,#fff)}.___SColumn_80gpf_gg_.__use_80gpf_gg_:last-child{border-right:none}.___SColumn_80gpf_gg_.__group_80gpf_gg_.__use_80gpf_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_80gpf_gg_.__groupHead_80gpf_gg_.__use_80gpf_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_80gpf_gg_.__groupHead_80gpf_gg_._use_primary_80gpf_gg_{border-bottom:1px solid var(--intergalactic-border-secondary,#e0e1e9)}.___SColumn_80gpf_gg_.__groupHead_80gpf_gg_._use_secondary_80gpf_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent-border,#a9abb6)}.___SColumn_80gpf_gg_.__sortable_80gpf_gg_{cursor:pointer}.___SColumn_80gpf_gg_.__sortable_80gpf_gg_._use_primary_80gpf_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover,#e0e1e9)}.___SColumn_80gpf_gg_.__active_80gpf_gg_._use_primary_80gpf_gg_{background-color:var(--intergalactic-table-th-primary-cell-active,#e0e1e9)}.___SColumn_80gpf_gg_.__resizable_80gpf_gg_:hover:after{background:var(--intergalactic-table-th-primary-cell-hover,#e0e1e9)}.___SColumn_80gpf_gg_.__resizable_80gpf_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_80gpf_gg_.__fixed_80gpf_gg_{position:sticky;z-index:2}.___SSortIcon_80gpf_gg_{fill:var(--intergalactic-icon-secondary-neutral,#a9abb6);margin-left:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SSortIcon_80gpf_gg_.__active_80gpf_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active,#8a8e9b)}.___SBodyWrapper_80gpf_gg_{position:relative}.___SBody_80gpf_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_80gpf_gg_{display:flex;flex-direction:row;position:relative}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-hover,#f0f0f4)}.___SRow_80gpf_gg_._theme_muted_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-unread,#f4f5f9)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_muted_80gpf_gg_,.___SRow_80gpf_gg_._theme_muted_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_muted_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_muted_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-hover,#f0f0f4)}.___SRow_80gpf_gg_._theme_info_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-selected,#e9f7ff)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_info_80gpf_gg_,.___SRow_80gpf_gg_._theme_info_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_info_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_info_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-selected-hover,#c4e5fe)}.___SRow_80gpf_gg_._theme_success_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-new,#dbfee8)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_success_80gpf_gg_,.___SRow_80gpf_gg_._theme_success_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_success_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_success_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-new-hover,#9ef2c9)}.___SRow_80gpf_gg_._theme_warning_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-warning,#fff3d9)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_warning_80gpf_gg_,.___SRow_80gpf_gg_._theme_warning_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_warning_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_warning_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-warning-hover,#ffdca2)}.___SRow_80gpf_gg_._theme_danger_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-critical,#fff0f7)}.___SRow_80gpf_gg_:hover>.___SCell_80gpf_gg_._theme_danger_80gpf_gg_,.___SRow_80gpf_gg_._theme_danger_80gpf_gg_:hover>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_danger_80gpf_gg_.__active_80gpf_gg_>.___SCell_80gpf_gg_:not(.__theme_80gpf_gg_),.___SRow_80gpf_gg_._theme_danger_80gpf_gg_ .___SCell_80gpf_gg_:hover+.___SGroupCell_80gpf_gg_ .___SCell_80gpf_gg_:not(.__theme_80gpf_gg_){background-color:var(--intergalactic-table-td-cell-critical-hover,#ffd7df)}.___SRow_80gpf_gg_.__positioned_80gpf_gg_{position:absolute}.___SCell_80gpf_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_80gpf_gg_._use_primary_80gpf_gg_{padding:var(--intergalactic-spacing-3x,12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral,#fff)}.___SCell_80gpf_gg_._use_secondary_80gpf_gg_{padding:var(--intergalactic-spacing-2x,8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral,#fff)}.___SCell_80gpf_gg_.__fixed_80gpf_gg_{position:sticky;z-index:1}.___SCell_80gpf_gg_._theme_muted_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-unread,#f4f5f9)}.___SCell_80gpf_gg_._theme_info_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-selected,#e9f7ff)}.___SCell_80gpf_gg_._theme_success_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-new,#dbfee8)}.___SCell_80gpf_gg_._theme_warning_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-warning,#fff3d9)}.___SCell_80gpf_gg_._theme_danger_80gpf_gg_{background-color:var(--intergalactic-table-td-cell-critical,#fff0f7)}.___SScrollAreaBar_80gpf_gg_._orientation_horizontal_80gpf_gg_{position:sticky;bottom:0;left:0;margin-top:calc(var(--intergalactic-spacing-3x, 12px)*-1);z-index:2}.___SScrollAreaBar_80gpf_gg_._orientation_vertical_80gpf_gg_{width:12px}.___SScrollAreaBar_80gpf_gg_._orientation_horizontal_80gpf_gg_{margin-left:calc(var(--left) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_80gpf) - 8px)}.___SHeightHold_80gpf_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
|
|
44
44
|
/*__inner_css_end__*/
|
|
45
|
-
, "
|
|
45
|
+
, "80gpf_gg_")
|
|
46
46
|
/*__reshadow_css_end__*/
|
|
47
47
|
, {
|
|
48
|
-
"__SDataTable": "
|
|
49
|
-
"__SHeadWrapper": "
|
|
50
|
-
"_sticky": "
|
|
51
|
-
"__SHead": "
|
|
52
|
-
"__SColumn": "
|
|
53
|
-
"_hidden": "
|
|
54
|
-
"_use_primary": "
|
|
55
|
-
"_use_secondary": "
|
|
56
|
-
"_use": "
|
|
57
|
-
"_group": "
|
|
58
|
-
"_groupHead": "
|
|
59
|
-
"_sortable": "
|
|
60
|
-
"_active": "
|
|
61
|
-
"_resizable": "
|
|
62
|
-
"_fixed": "
|
|
63
|
-
"__SSortIcon": "
|
|
64
|
-
"__SBodyWrapper": "
|
|
65
|
-
"__SBody": "
|
|
66
|
-
"__SRow": "
|
|
67
|
-
"__SCell": "
|
|
68
|
-
"_theme": "
|
|
69
|
-
"__SGroupCell": "
|
|
70
|
-
"_theme_muted": "
|
|
71
|
-
"_theme_info": "
|
|
72
|
-
"_theme_success": "
|
|
73
|
-
"_theme_warning": "
|
|
74
|
-
"_theme_danger": "
|
|
75
|
-
"_positioned": "
|
|
76
|
-
"__SScrollAreaBar": "
|
|
77
|
-
"_orientation_horizontal": "
|
|
78
|
-
"_orientation_vertical": "
|
|
79
|
-
"--offsetSum": "--
|
|
80
|
-
"__SHeightHold": "
|
|
48
|
+
"__SDataTable": "___SDataTable_80gpf_gg_",
|
|
49
|
+
"__SHeadWrapper": "___SHeadWrapper_80gpf_gg_",
|
|
50
|
+
"_sticky": "__sticky_80gpf_gg_",
|
|
51
|
+
"__SHead": "___SHead_80gpf_gg_",
|
|
52
|
+
"__SColumn": "___SColumn_80gpf_gg_",
|
|
53
|
+
"_hidden": "__hidden_80gpf_gg_",
|
|
54
|
+
"_use_primary": "_use_primary_80gpf_gg_",
|
|
55
|
+
"_use_secondary": "_use_secondary_80gpf_gg_",
|
|
56
|
+
"_use": "__use_80gpf_gg_",
|
|
57
|
+
"_group": "__group_80gpf_gg_",
|
|
58
|
+
"_groupHead": "__groupHead_80gpf_gg_",
|
|
59
|
+
"_sortable": "__sortable_80gpf_gg_",
|
|
60
|
+
"_active": "__active_80gpf_gg_",
|
|
61
|
+
"_resizable": "__resizable_80gpf_gg_",
|
|
62
|
+
"_fixed": "__fixed_80gpf_gg_",
|
|
63
|
+
"__SSortIcon": "___SSortIcon_80gpf_gg_",
|
|
64
|
+
"__SBodyWrapper": "___SBodyWrapper_80gpf_gg_",
|
|
65
|
+
"__SBody": "___SBody_80gpf_gg_",
|
|
66
|
+
"__SRow": "___SRow_80gpf_gg_",
|
|
67
|
+
"__SCell": "___SCell_80gpf_gg_",
|
|
68
|
+
"_theme": "__theme_80gpf_gg_",
|
|
69
|
+
"__SGroupCell": "___SGroupCell_80gpf_gg_",
|
|
70
|
+
"_theme_muted": "_theme_muted_80gpf_gg_",
|
|
71
|
+
"_theme_info": "_theme_info_80gpf_gg_",
|
|
72
|
+
"_theme_success": "_theme_success_80gpf_gg_",
|
|
73
|
+
"_theme_warning": "_theme_warning_80gpf_gg_",
|
|
74
|
+
"_theme_danger": "_theme_danger_80gpf_gg_",
|
|
75
|
+
"_positioned": "__positioned_80gpf_gg_",
|
|
76
|
+
"__SScrollAreaBar": "___SScrollAreaBar_80gpf_gg_",
|
|
77
|
+
"_orientation_horizontal": "_orientation_horizontal_80gpf_gg_",
|
|
78
|
+
"_orientation_vertical": "_orientation_vertical_80gpf_gg_",
|
|
79
|
+
"--offsetSum": "--offsetSum_80gpf",
|
|
80
|
+
"__SHeightHold": "___SHeightHold_80gpf_gg_"
|
|
81
81
|
});
|
|
82
82
|
var REVERSED_SORT_DIRECTION = {
|
|
83
83
|
desc: 'asc',
|
package/lib/es6/Head.js
CHANGED
|
@@ -34,16 +34,16 @@ var scrollStyles = (
|
|
|
34
34
|
/*__reshadow_css_start__*/
|
|
35
35
|
_sstyled.insert(
|
|
36
36
|
/*__inner_css_start__*/
|
|
37
|
-
".
|
|
37
|
+
".___SShadowHorizontal_1iaf6_gg_:before{left:var(--left_1iaf6)!important}.___SShadowHorizontal_1iaf6_gg_:after{right:var(--right_1iaf6)!important}.___SContainer_1iaf6_gg_.__disabledScroll_1iaf6_gg_{overflow:visible}"
|
|
38
38
|
/*__inner_css_end__*/
|
|
39
|
-
, "
|
|
39
|
+
, "1iaf6_gg_")
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
, {
|
|
42
|
-
"__SShadowHorizontal": "
|
|
43
|
-
"--left": "--
|
|
44
|
-
"--right": "--
|
|
45
|
-
"__SContainer": "
|
|
46
|
-
"_disabledScroll": "
|
|
42
|
+
"__SShadowHorizontal": "___SShadowHorizontal_1iaf6_gg_",
|
|
43
|
+
"--left": "--left_1iaf6",
|
|
44
|
+
"--right": "--right_1iaf6",
|
|
45
|
+
"__SContainer": "___SContainer_1iaf6_gg_",
|
|
46
|
+
"_disabledScroll": "__disabledScroll_1iaf6_gg_"
|
|
47
47
|
});
|
|
48
48
|
var SORTING_ICON = {
|
|
49
49
|
desc: SortDesc,
|
|
@@ -148,7 +148,9 @@ SRow {
|
|
|
148
148
|
SRow[active] > SCell:not([theme]),
|
|
149
149
|
SRow:hover > SCell:not([theme]),
|
|
150
150
|
SRow SCell:hover + SGroupCell SCell:not([theme]) {
|
|
151
|
-
|
|
151
|
+
/* The color is hardcoded because need hex(in figma rgba) */
|
|
152
|
+
/* disable-tokens-validator */
|
|
153
|
+
background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
|
|
152
154
|
}
|
|
153
155
|
|
|
154
156
|
/* MUTED THEME */
|
|
@@ -160,7 +162,9 @@ SRow:hover > SCell[theme='muted'],
|
|
|
160
162
|
SRow[theme='muted'][active] > SCell:not([theme]),
|
|
161
163
|
SRow[theme='muted']:hover > SCell:not([theme]),
|
|
162
164
|
SRow[theme='muted'] SCell:hover + SGroupCell SCell:not([theme]) {
|
|
163
|
-
|
|
165
|
+
/* The color is hardcoded because need hex(in figma rgba) */
|
|
166
|
+
/* disable-tokens-validator */
|
|
167
|
+
background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
|
|
164
168
|
}
|
|
165
169
|
|
|
166
170
|
/* INFO THEME */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/data-table",
|
|
3
3
|
"description": "Semrush DataTable Component",
|
|
4
|
-
"version": "3.6.
|
|
4
|
+
"version": "3.6.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"@semcore/core": "^1.11",
|
|
42
|
-
"react": "16.8 - 18"
|
|
42
|
+
"react": "16.8 - 18",
|
|
43
|
+
"react-dom": "16.8 - 18"
|
|
43
44
|
},
|
|
44
45
|
"jest": {
|
|
45
46
|
"preset": "@semcore/jest-preset-ui"
|