@semcore/data-table 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/lib/cjs/Body.js +5 -5
  3. package/lib/cjs/DataTable.js +37 -37
  4. package/lib/cjs/Head.js +5 -5
  5. package/lib/es6/Body.js +5 -5
  6. package/lib/es6/DataTable.js +37 -37
  7. package/lib/es6/Head.js +5 -5
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.3.0] - 2022-10-10
6
+
7
+ ### Changed
8
+
9
+ - Added support for React 18 🔥
10
+ - Extended version range for dependency `@semcore/icons`.
11
+
5
12
  ## [3.2.0] - 2022-10-07
6
13
 
7
14
  ### Added
package/lib/cjs/Body.js CHANGED
@@ -71,14 +71,14 @@ var scrollStyles = (
71
71
  /*__reshadow_css_start__*/
72
72
  _core.sstyled.insert(
73
73
  /*__inner_css_start__*/
74
- ".___SShadowHorizontal_ie2dq_gg_:before {\n left: var(--left_ie2dq) !important;\n}\n.___SShadowHorizontal_ie2dq_gg_:after {\n right: var(--right_ie2dq) !important;\n}\n"
74
+ ".___SShadowHorizontal_2bakh_gg_:before {\n left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n right: var(--right_2bakh) !important;\n}\n"
75
75
  /*__inner_css_end__*/
76
- , "ie2dq_gg_")
76
+ , "2bakh_gg_")
77
77
  /*__reshadow_css_end__*/
78
78
  , {
79
- "__SShadowHorizontal": "___SShadowHorizontal_ie2dq_gg_",
80
- "--left": "--left_ie2dq",
81
- "--right": "--right_ie2dq"
79
+ "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
80
+ "--left": "--left_2bakh",
81
+ "--right": "--right_2bakh"
82
82
  });
83
83
  var testEnv = process.env.NODE_ENV === 'test';
84
84
 
package/lib/cjs/DataTable.js CHANGED
@@ -69,46 +69,46 @@ var style = (
69
69
  /*__reshadow_css_start__*/
70
70
  _core.sstyled.insert(
71
71
  /*__inner_css_start__*/
72
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_yp5by_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_yp5by_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_yp5by_gg_.__sticky_yp5by_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_yp5by_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_yp5by_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_yp5by_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_yp5by_gg_.__hidden_yp5by_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_yp5by_gg_._use_primary_yp5by_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_yp5by_gg_._use_secondary_yp5by_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_yp5by_gg_.__use_yp5by_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_yp5by_gg_.__group_yp5by_gg_.__use_yp5by_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_yp5by_gg_.__groupHead_yp5by_gg_.__use_yp5by_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_yp5by_gg_.__groupHead_yp5by_gg_._use_primary_yp5by_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_yp5by_gg_.__groupHead_yp5by_gg_._use_secondary_yp5by_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_yp5by_gg_.__sortable_yp5by_gg_ {\n cursor: pointer\n}\n\n.___SColumn_yp5by_gg_.__sortable_yp5by_gg_._use_primary_yp5by_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_yp5by_gg_.__active_yp5by_gg_._use_primary_yp5by_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_yp5by_gg_.__resizable_yp5by_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_yp5by_gg_.__resizable_yp5by_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_yp5by_gg_.__fixed_yp5by_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_yp5by_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_yp5by_gg_.__active_yp5by_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_yp5by_gg_ {\n position: relative;\n}\n\n.___SBody_yp5by_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_yp5by_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_muted_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_info_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_success_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_warning_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_danger_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_yp5by_gg_.__positioned_yp5by_gg_ {\n position: absolute;\n}\n\n.___SCell_yp5by_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_yp5by_gg_._use_primary_yp5by_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_yp5by_gg_._use_secondary_yp5by_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_yp5by_gg_.__fixed_yp5by_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_yp5by_gg_._theme_muted_yp5by_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_yp5by_gg_._theme_info_yp5by_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_yp5by_gg_._theme_success_yp5by_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_yp5by_gg_._theme_warning_yp5by_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_yp5by_gg_._theme_danger_yp5by_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_yp5by_gg_._orientation_horizontal_yp5by_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_yp5by_gg_._orientation_vertical_yp5by_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_yp5by_gg_._orientation_horizontal_yp5by_gg_ {\n margin-left: calc(var(--left_yp5by) + 4px);\n margin-right: calc(var(--right_yp5by) + 4px);\n width: calc(100% - var(--offsetSum_yp5by) - 8px);\n}\n\n.___SHeightHold_yp5by_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
72
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_twkoc_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_.__sticky_twkoc_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_twkoc_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_twkoc_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_twkoc_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_twkoc_gg_.__hidden_twkoc_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_twkoc_gg_._use_primary_twkoc_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_twkoc_gg_._use_secondary_twkoc_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_twkoc_gg_.__use_twkoc_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_twkoc_gg_.__group_twkoc_gg_.__use_twkoc_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_.__use_twkoc_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_primary_twkoc_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_secondary_twkoc_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_ {\n cursor: pointer\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_._use_primary_twkoc_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_twkoc_gg_.__active_twkoc_gg_._use_primary_twkoc_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_twkoc_gg_.__fixed_twkoc_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_twkoc_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_twkoc_gg_.__active_twkoc_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_twkoc_gg_ {\n position: relative;\n}\n\n.___SBody_twkoc_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_twkoc_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_muted_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_info_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_success_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_warning_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_danger_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_twkoc_gg_.__positioned_twkoc_gg_ {\n position: absolute;\n}\n\n.___SCell_twkoc_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_twkoc_gg_._use_primary_twkoc_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_._use_secondary_twkoc_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_.__fixed_twkoc_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_twkoc_gg_._theme_muted_twkoc_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_twkoc_gg_._theme_info_twkoc_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_twkoc_gg_._theme_success_twkoc_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_twkoc_gg_._theme_warning_twkoc_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_twkoc_gg_._theme_danger_twkoc_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_vertical_twkoc_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n margin-left: calc(var(--left_twkoc) + 4px);\n margin-right: calc(var(--right_twkoc) + 4px);\n width: calc(100% - var(--offsetSum_twkoc) - 8px);\n}\n\n.___SHeightHold_twkoc_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
73
73
  /*__inner_css_end__*/
74
- , "yp5by_gg_")
74
+ , "twkoc_gg_")
75
75
  /*__reshadow_css_end__*/
76
76
  , {
77
- "__SDataTable": "___SDataTable_yp5by_gg_",
78
- "__SHeadWrapper": "___SHeadWrapper_yp5by_gg_",
79
- "_sticky": "__sticky_yp5by_gg_",
80
- "__SHead": "___SHead_yp5by_gg_",
81
- "__SColumn": "___SColumn_yp5by_gg_",
82
- "_hidden": "__hidden_yp5by_gg_",
83
- "_use_primary": "_use_primary_yp5by_gg_",
84
- "_use_secondary": "_use_secondary_yp5by_gg_",
85
- "_use": "__use_yp5by_gg_",
86
- "_group": "__group_yp5by_gg_",
87
- "_groupHead": "__groupHead_yp5by_gg_",
88
- "_sortable": "__sortable_yp5by_gg_",
89
- "_active": "__active_yp5by_gg_",
90
- "_resizable": "__resizable_yp5by_gg_",
91
- "_fixed": "__fixed_yp5by_gg_",
92
- "__SSortIcon": "___SSortIcon_yp5by_gg_",
93
- "__SBodyWrapper": "___SBodyWrapper_yp5by_gg_",
94
- "__SBody": "___SBody_yp5by_gg_",
95
- "__SRow": "___SRow_yp5by_gg_",
96
- "__SCell": "___SCell_yp5by_gg_",
97
- "_theme": "__theme_yp5by_gg_",
98
- "__SGroupCell": "___SGroupCell_yp5by_gg_",
99
- "_theme_muted": "_theme_muted_yp5by_gg_",
100
- "_theme_info": "_theme_info_yp5by_gg_",
101
- "_theme_success": "_theme_success_yp5by_gg_",
102
- "_theme_warning": "_theme_warning_yp5by_gg_",
103
- "_theme_danger": "_theme_danger_yp5by_gg_",
104
- "_positioned": "__positioned_yp5by_gg_",
105
- "__SScrollAreaBar": "___SScrollAreaBar_yp5by_gg_",
106
- "_orientation_horizontal": "_orientation_horizontal_yp5by_gg_",
107
- "_orientation_vertical": "_orientation_vertical_yp5by_gg_",
108
- "--left": "--left_yp5by",
109
- "--right": "--right_yp5by",
110
- "--offsetSum": "--offsetSum_yp5by",
111
- "__SHeightHold": "___SHeightHold_yp5by_gg_"
77
+ "__SDataTable": "___SDataTable_twkoc_gg_",
78
+ "__SHeadWrapper": "___SHeadWrapper_twkoc_gg_",
79
+ "_sticky": "__sticky_twkoc_gg_",
80
+ "__SHead": "___SHead_twkoc_gg_",
81
+ "__SColumn": "___SColumn_twkoc_gg_",
82
+ "_hidden": "__hidden_twkoc_gg_",
83
+ "_use_primary": "_use_primary_twkoc_gg_",
84
+ "_use_secondary": "_use_secondary_twkoc_gg_",
85
+ "_use": "__use_twkoc_gg_",
86
+ "_group": "__group_twkoc_gg_",
87
+ "_groupHead": "__groupHead_twkoc_gg_",
88
+ "_sortable": "__sortable_twkoc_gg_",
89
+ "_active": "__active_twkoc_gg_",
90
+ "_resizable": "__resizable_twkoc_gg_",
91
+ "_fixed": "__fixed_twkoc_gg_",
92
+ "__SSortIcon": "___SSortIcon_twkoc_gg_",
93
+ "__SBodyWrapper": "___SBodyWrapper_twkoc_gg_",
94
+ "__SBody": "___SBody_twkoc_gg_",
95
+ "__SRow": "___SRow_twkoc_gg_",
96
+ "__SCell": "___SCell_twkoc_gg_",
97
+ "_theme": "__theme_twkoc_gg_",
98
+ "__SGroupCell": "___SGroupCell_twkoc_gg_",
99
+ "_theme_muted": "_theme_muted_twkoc_gg_",
100
+ "_theme_info": "_theme_info_twkoc_gg_",
101
+ "_theme_success": "_theme_success_twkoc_gg_",
102
+ "_theme_warning": "_theme_warning_twkoc_gg_",
103
+ "_theme_danger": "_theme_danger_twkoc_gg_",
104
+ "_positioned": "__positioned_twkoc_gg_",
105
+ "__SScrollAreaBar": "___SScrollAreaBar_twkoc_gg_",
106
+ "_orientation_horizontal": "_orientation_horizontal_twkoc_gg_",
107
+ "_orientation_vertical": "_orientation_vertical_twkoc_gg_",
108
+ "--left": "--left_twkoc",
109
+ "--right": "--right_twkoc",
110
+ "--offsetSum": "--offsetSum_twkoc",
111
+ "__SHeightHold": "___SHeightHold_twkoc_gg_"
112
112
  });
113
113
  var REVERSED_SORT_DIRECTION = {
114
114
  desc: 'asc',
package/lib/cjs/Head.js CHANGED
@@ -58,14 +58,14 @@ var scrollStyles = (
58
58
  /*__reshadow_css_start__*/
59
59
  _core.sstyled.insert(
60
60
  /*__inner_css_start__*/
61
- ".___SShadowHorizontal_ie2dq_gg_:before {\n left: var(--left_ie2dq) !important;\n}\n.___SShadowHorizontal_ie2dq_gg_:after {\n right: var(--right_ie2dq) !important;\n}\n"
61
+ ".___SShadowHorizontal_2bakh_gg_:before {\n left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n right: var(--right_2bakh) !important;\n}\n"
62
62
  /*__inner_css_end__*/
63
- , "ie2dq_gg_")
63
+ , "2bakh_gg_")
64
64
  /*__reshadow_css_end__*/
65
65
  , {
66
- "__SShadowHorizontal": "___SShadowHorizontal_ie2dq_gg_",
67
- "--left": "--left_ie2dq",
68
- "--right": "--right_ie2dq"
66
+ "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
67
+ "--left": "--left_2bakh",
68
+ "--right": "--right_2bakh"
69
69
  });
70
70
  var SORTING_ICON = {
71
71
  desc: _m["default"],
package/lib/es6/Body.js CHANGED
@@ -40,14 +40,14 @@ var scrollStyles = (
40
40
  /*__reshadow_css_start__*/
41
41
  _sstyled.insert(
42
42
  /*__inner_css_start__*/
43
- ".___SShadowHorizontal_ie2dq_gg_:before {\n left: var(--left_ie2dq) !important;\n}\n.___SShadowHorizontal_ie2dq_gg_:after {\n right: var(--right_ie2dq) !important;\n}\n"
43
+ ".___SShadowHorizontal_2bakh_gg_:before {\n left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n right: var(--right_2bakh) !important;\n}\n"
44
44
  /*__inner_css_end__*/
45
- , "ie2dq_gg_")
45
+ , "2bakh_gg_")
46
46
  /*__reshadow_css_end__*/
47
47
  , {
48
- "__SShadowHorizontal": "___SShadowHorizontal_ie2dq_gg_",
49
- "--left": "--left_ie2dq",
50
- "--right": "--right_ie2dq"
48
+ "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
49
+ "--left": "--left_2bakh",
50
+ "--right": "--right_2bakh"
51
51
  });
52
52
  import trottle from '@semcore/utils/lib/rafTrottle';
53
53
  var testEnv = process.env.NODE_ENV === 'test';
package/lib/es6/DataTable.js CHANGED
@@ -40,46 +40,46 @@ var style = (
40
40
  /*__reshadow_css_start__*/
41
41
  _sstyled.insert(
42
42
  /*__inner_css_start__*/
43
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_yp5by_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_yp5by_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_yp5by_gg_.__sticky_yp5by_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_yp5by_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_yp5by_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_yp5by_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_yp5by_gg_.__hidden_yp5by_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_yp5by_gg_._use_primary_yp5by_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_yp5by_gg_._use_secondary_yp5by_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_yp5by_gg_.__use_yp5by_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_yp5by_gg_.__group_yp5by_gg_.__use_yp5by_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_yp5by_gg_.__groupHead_yp5by_gg_.__use_yp5by_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_yp5by_gg_.__groupHead_yp5by_gg_._use_primary_yp5by_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_yp5by_gg_.__groupHead_yp5by_gg_._use_secondary_yp5by_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_yp5by_gg_.__sortable_yp5by_gg_ {\n cursor: pointer\n}\n\n.___SColumn_yp5by_gg_.__sortable_yp5by_gg_._use_primary_yp5by_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_yp5by_gg_.__active_yp5by_gg_._use_primary_yp5by_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_yp5by_gg_.__resizable_yp5by_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_yp5by_gg_.__resizable_yp5by_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_yp5by_gg_.__fixed_yp5by_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_yp5by_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_yp5by_gg_.__active_yp5by_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_yp5by_gg_ {\n position: relative;\n}\n\n.___SBody_yp5by_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_yp5by_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_muted_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_muted_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_info_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_info_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_success_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_success_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_warning_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_warning_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_yp5by_gg_:hover > .___SCell_yp5by_gg_._theme_danger_yp5by_gg_,\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_.__active_yp5by_gg_ > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_:hover > .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_),\n.___SRow_yp5by_gg_._theme_danger_yp5by_gg_ .___SCell_yp5by_gg_:hover + .___SGroupCell_yp5by_gg_ .___SCell_yp5by_gg_:not(.__theme_yp5by_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_yp5by_gg_.__positioned_yp5by_gg_ {\n position: absolute;\n}\n\n.___SCell_yp5by_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_yp5by_gg_._use_primary_yp5by_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_yp5by_gg_._use_secondary_yp5by_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_yp5by_gg_.__fixed_yp5by_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_yp5by_gg_._theme_muted_yp5by_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_yp5by_gg_._theme_info_yp5by_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_yp5by_gg_._theme_success_yp5by_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_yp5by_gg_._theme_warning_yp5by_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_yp5by_gg_._theme_danger_yp5by_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_yp5by_gg_._orientation_horizontal_yp5by_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_yp5by_gg_._orientation_vertical_yp5by_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_yp5by_gg_._orientation_horizontal_yp5by_gg_ {\n margin-left: calc(var(--left_yp5by) + 4px);\n margin-right: calc(var(--right_yp5by) + 4px);\n width: calc(100% - var(--offsetSum_yp5by) - 8px);\n}\n\n.___SHeightHold_yp5by_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
43
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_twkoc_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_.__sticky_twkoc_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_twkoc_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_twkoc_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_twkoc_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_twkoc_gg_.__hidden_twkoc_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_twkoc_gg_._use_primary_twkoc_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_twkoc_gg_._use_secondary_twkoc_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_twkoc_gg_.__use_twkoc_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_twkoc_gg_.__group_twkoc_gg_.__use_twkoc_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_.__use_twkoc_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_primary_twkoc_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_secondary_twkoc_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_ {\n cursor: pointer\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_._use_primary_twkoc_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_twkoc_gg_.__active_twkoc_gg_._use_primary_twkoc_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_twkoc_gg_.__fixed_twkoc_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_twkoc_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_twkoc_gg_.__active_twkoc_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_twkoc_gg_ {\n position: relative;\n}\n\n.___SBody_twkoc_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_twkoc_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_muted_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_info_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_success_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_warning_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_danger_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_twkoc_gg_.__positioned_twkoc_gg_ {\n position: absolute;\n}\n\n.___SCell_twkoc_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_twkoc_gg_._use_primary_twkoc_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_._use_secondary_twkoc_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_.__fixed_twkoc_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_twkoc_gg_._theme_muted_twkoc_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_twkoc_gg_._theme_info_twkoc_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_twkoc_gg_._theme_success_twkoc_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_twkoc_gg_._theme_warning_twkoc_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_twkoc_gg_._theme_danger_twkoc_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_vertical_twkoc_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n margin-left: calc(var(--left_twkoc) + 4px);\n margin-right: calc(var(--right_twkoc) + 4px);\n width: calc(100% - var(--offsetSum_twkoc) - 8px);\n}\n\n.___SHeightHold_twkoc_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
44
44
  /*__inner_css_end__*/
45
- , "yp5by_gg_")
45
+ , "twkoc_gg_")
46
46
  /*__reshadow_css_end__*/
47
47
  , {
48
- "__SDataTable": "___SDataTable_yp5by_gg_",
49
- "__SHeadWrapper": "___SHeadWrapper_yp5by_gg_",
50
- "_sticky": "__sticky_yp5by_gg_",
51
- "__SHead": "___SHead_yp5by_gg_",
52
- "__SColumn": "___SColumn_yp5by_gg_",
53
- "_hidden": "__hidden_yp5by_gg_",
54
- "_use_primary": "_use_primary_yp5by_gg_",
55
- "_use_secondary": "_use_secondary_yp5by_gg_",
56
- "_use": "__use_yp5by_gg_",
57
- "_group": "__group_yp5by_gg_",
58
- "_groupHead": "__groupHead_yp5by_gg_",
59
- "_sortable": "__sortable_yp5by_gg_",
60
- "_active": "__active_yp5by_gg_",
61
- "_resizable": "__resizable_yp5by_gg_",
62
- "_fixed": "__fixed_yp5by_gg_",
63
- "__SSortIcon": "___SSortIcon_yp5by_gg_",
64
- "__SBodyWrapper": "___SBodyWrapper_yp5by_gg_",
65
- "__SBody": "___SBody_yp5by_gg_",
66
- "__SRow": "___SRow_yp5by_gg_",
67
- "__SCell": "___SCell_yp5by_gg_",
68
- "_theme": "__theme_yp5by_gg_",
69
- "__SGroupCell": "___SGroupCell_yp5by_gg_",
70
- "_theme_muted": "_theme_muted_yp5by_gg_",
71
- "_theme_info": "_theme_info_yp5by_gg_",
72
- "_theme_success": "_theme_success_yp5by_gg_",
73
- "_theme_warning": "_theme_warning_yp5by_gg_",
74
- "_theme_danger": "_theme_danger_yp5by_gg_",
75
- "_positioned": "__positioned_yp5by_gg_",
76
- "__SScrollAreaBar": "___SScrollAreaBar_yp5by_gg_",
77
- "_orientation_horizontal": "_orientation_horizontal_yp5by_gg_",
78
- "_orientation_vertical": "_orientation_vertical_yp5by_gg_",
79
- "--left": "--left_yp5by",
80
- "--right": "--right_yp5by",
81
- "--offsetSum": "--offsetSum_yp5by",
82
- "__SHeightHold": "___SHeightHold_yp5by_gg_"
48
+ "__SDataTable": "___SDataTable_twkoc_gg_",
49
+ "__SHeadWrapper": "___SHeadWrapper_twkoc_gg_",
50
+ "_sticky": "__sticky_twkoc_gg_",
51
+ "__SHead": "___SHead_twkoc_gg_",
52
+ "__SColumn": "___SColumn_twkoc_gg_",
53
+ "_hidden": "__hidden_twkoc_gg_",
54
+ "_use_primary": "_use_primary_twkoc_gg_",
55
+ "_use_secondary": "_use_secondary_twkoc_gg_",
56
+ "_use": "__use_twkoc_gg_",
57
+ "_group": "__group_twkoc_gg_",
58
+ "_groupHead": "__groupHead_twkoc_gg_",
59
+ "_sortable": "__sortable_twkoc_gg_",
60
+ "_active": "__active_twkoc_gg_",
61
+ "_resizable": "__resizable_twkoc_gg_",
62
+ "_fixed": "__fixed_twkoc_gg_",
63
+ "__SSortIcon": "___SSortIcon_twkoc_gg_",
64
+ "__SBodyWrapper": "___SBodyWrapper_twkoc_gg_",
65
+ "__SBody": "___SBody_twkoc_gg_",
66
+ "__SRow": "___SRow_twkoc_gg_",
67
+ "__SCell": "___SCell_twkoc_gg_",
68
+ "_theme": "__theme_twkoc_gg_",
69
+ "__SGroupCell": "___SGroupCell_twkoc_gg_",
70
+ "_theme_muted": "_theme_muted_twkoc_gg_",
71
+ "_theme_info": "_theme_info_twkoc_gg_",
72
+ "_theme_success": "_theme_success_twkoc_gg_",
73
+ "_theme_warning": "_theme_warning_twkoc_gg_",
74
+ "_theme_danger": "_theme_danger_twkoc_gg_",
75
+ "_positioned": "__positioned_twkoc_gg_",
76
+ "__SScrollAreaBar": "___SScrollAreaBar_twkoc_gg_",
77
+ "_orientation_horizontal": "_orientation_horizontal_twkoc_gg_",
78
+ "_orientation_vertical": "_orientation_vertical_twkoc_gg_",
79
+ "--left": "--left_twkoc",
80
+ "--right": "--right_twkoc",
81
+ "--offsetSum": "--offsetSum_twkoc",
82
+ "__SHeightHold": "___SHeightHold_twkoc_gg_"
83
83
  });
84
84
  var REVERSED_SORT_DIRECTION = {
85
85
  desc: 'asc',
package/lib/es6/Head.js CHANGED
@@ -34,14 +34,14 @@ var scrollStyles = (
34
34
  /*__reshadow_css_start__*/
35
35
  _sstyled.insert(
36
36
  /*__inner_css_start__*/
37
- ".___SShadowHorizontal_ie2dq_gg_:before {\n left: var(--left_ie2dq) !important;\n}\n.___SShadowHorizontal_ie2dq_gg_:after {\n right: var(--right_ie2dq) !important;\n}\n"
37
+ ".___SShadowHorizontal_2bakh_gg_:before {\n left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n right: var(--right_2bakh) !important;\n}\n"
38
38
  /*__inner_css_end__*/
39
- , "ie2dq_gg_")
39
+ , "2bakh_gg_")
40
40
  /*__reshadow_css_end__*/
41
41
  , {
42
- "__SShadowHorizontal": "___SShadowHorizontal_ie2dq_gg_",
43
- "--left": "--left_ie2dq",
44
- "--right": "--right_ie2dq"
42
+ "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
43
+ "--left": "--left_2bakh",
44
+ "--right": "--right_2bakh"
45
45
  });
46
46
  var SORTING_ICON = {
47
47
  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": "3.2.0",
4
+ "version": "3.3.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -10,13 +10,13 @@
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
12
  "@semcore/flex-box": "^4",
13
- "@semcore/icon": "^2.16",
13
+ "@semcore/icon": "2.16 - 3",
14
14
  "@semcore/scroll-area": "^4.0.0",
15
15
  "@semcore/utils": "^3.22",
16
16
  "resize-observer-polyfill": "^1.5"
17
17
  },
18
18
  "devDependencies": {
19
- "@types/react": "16.8 - 17",
19
+ "@types/react": "18.0.21",
20
20
  "@semcore/jest-preset-ui": "1.0.0",
21
21
  "@guidepup/playwright": "0.6.1",
22
22
  "@playwright/test": "1.25.1",
@@ -29,7 +29,7 @@
29
29
  "@semcore/portal": "*",
30
30
  "@semcore/progress-bar": "*",
31
31
  "@semcore/skeleton": "*",
32
- "@semcore/spin": "^4",
32
+ "@semcore/spin": "*",
33
33
  "@semcore/spin-container": "*",
34
34
  "@semcore/sticky": "*",
35
35
  "@semcore/tooltip": "*",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "peerDependencies": {
40
40
  "@semcore/core": "^1.11",
41
- "react": "16.8 - 17"
41
+ "react": "16.8 - 18"
42
42
  },
43
43
  "jest": {
44
44
  "preset": "@semcore/jest-preset-ui"