@semcore/data-table 3.7.29 → 3.8.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.
- package/CHANGELOG.md +9 -11
- package/lib/cjs/Body.js +49 -116
- package/lib/cjs/Body.js.map +1 -1
- package/lib/cjs/DataTable.js +67 -144
- package/lib/cjs/DataTable.js.map +1 -1
- package/lib/cjs/Head.js +24 -74
- package/lib/cjs/Head.js.map +1 -1
- package/lib/cjs/index.js +0 -3
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/data-table.shadow.css +45 -29
- package/lib/cjs/types.js.map +1 -1
- package/lib/cjs/utils.js +0 -8
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Body.js +49 -108
- package/lib/es6/Body.js.map +1 -1
- package/lib/es6/DataTable.js +67 -133
- package/lib/es6/DataTable.js.map +1 -1
- package/lib/es6/Head.js +24 -60
- package/lib/es6/Head.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/data-table.shadow.css +45 -29
- package/lib/es6/types.js.map +1 -1
- package/lib/es6/utils.js +0 -2
- package/lib/es6/utils.js.map +1 -1
- package/package.json +1 -1
package/lib/cjs/DataTable.js
CHANGED
|
@@ -1,103 +1,72 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = exports.ROW_GROUP = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
16
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
27
|
-
|
|
28
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
18
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
|
|
34
20
|
var _flexBox = require("@semcore/flex-box");
|
|
35
|
-
|
|
36
21
|
var _syncScroll = _interopRequireDefault(require("@semcore/utils/lib/syncScroll"));
|
|
37
|
-
|
|
38
22
|
var _assignProps2 = require("@semcore/utils/lib/assignProps");
|
|
39
|
-
|
|
40
23
|
var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
|
|
41
|
-
|
|
42
24
|
var _utils = require("./utils");
|
|
43
|
-
|
|
44
25
|
var _Head = _interopRequireDefault(require("./Head"));
|
|
45
|
-
|
|
46
26
|
var _Body = _interopRequireDefault(require("./Body"));
|
|
47
|
-
|
|
48
27
|
var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
|
|
49
|
-
|
|
50
|
-
|
|
28
|
+
_excluded2 = ["name", "children"];
|
|
51
29
|
/*__reshadow-styles__:"./style/data-table.shadow.css"*/
|
|
52
|
-
var style = (
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
".___SDataTable_1kao4_gg_,.___SHeadWrapper_1kao4_gg_{position:relative}.___SDataTable_1kao4_gg_.__compact_1kao4_gg_ .___SCell_1kao4_gg_,.___SDataTable_1kao4_gg_.__compact_1kao4_gg_ .___SColumn_1kao4_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1kao4_gg_.__sticky_1kao4_gg_{position:sticky;top:0;z-index:2}.___SHead_1kao4_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1kao4_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_1kao4_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_1kao4_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_1kao4_gg_.__hidden_1kao4_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:0!important}.___SColumn_1kao4_gg_._use_primary_1kao4_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_1kao4_gg_._use_secondary_1kao4_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_1kao4_gg_.__group_1kao4_gg_.__use_1kao4_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1kao4_gg_.__groupHead_1kao4_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1kao4_gg_.__sortable_1kao4_gg_{cursor:pointer}@media (hover:hover){.___SColumn_1kao4_gg_.__sortable_1kao4_gg_._use_primary_1kao4_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1kao4_gg_.__sortable_1kao4_gg_:hover .___SSortWrapper_1kao4_gg_{display:block}}.___SColumn_1kao4_gg_._use_primary_1kao4_gg_.__active_1kao4_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1kao4_gg_.__active_1kao4_gg_ .___SSortIcon_1kao4_gg_{position:relative}.___SColumn_1kao4_gg_.__sortIconFloat_1kao4_gg_ .___SSortWrapper_1kao4_gg_{width:0;flex-basis:0}.___SColumn_1kao4_gg_.__active_1kao4_gg_ .___SSortWrapper_1kao4_gg_{display:block;width:16px;flex-basis:20px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1kao4_gg_.__resizable_1kao4_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1kao4_gg_.__resizable_1kao4_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1kao4_gg_.__resizable_1kao4_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_1kao4_gg_.__fixed_1kao4_gg_{position:sticky;z-index:2}.___SCell_1kao4_gg_.__borderLeft_1kao4_gg_,.___SColumn_1kao4_gg_.__borderLeft_1kao4_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1kao4_gg_.__borderRight_1kao4_gg_,.___SColumn_1kao4_gg_.__borderRight_1kao4_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortIcon_1kao4_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);position:absolute;top:-2px;right:0}.___SSortWrapper_1kao4_gg_{display:none;flex-shrink:99999;position:relative;flex-basis:20px;height:0}.___SSortWrapper_1kao4_gg_:before{content:\"\";position:absolute;top:-2px;right:0;width:20px;height:16px}.___SColumn_1kao4_gg_._use_primary_1kao4_gg_ .___SSortWrapper_1kao4_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1kao4_gg_._use_secondary_1kao4_gg_ .___SSortWrapper_1kao4_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1kao4_gg_{position:relative}.___SBody_1kao4_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1kao4_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1kao4_gg_.__active_1kao4_gg_>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_._theme_muted_1kao4_gg_.__active_1kao4_gg_>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}@media (hover:hover){.___SRow_1kao4_gg_ .___SCell_1kao4_gg_:hover+.___SGroupCell_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_:hover>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1kao4_gg_._theme_muted_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1kao4_gg_._theme_muted_1kao4_gg_ .___SCell_1kao4_gg_:hover+.___SGroupCell_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_._theme_muted_1kao4_gg_:hover>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_:hover>.___SCell_1kao4_gg_._theme_muted_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1kao4_gg_._theme_info_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1kao4_gg_._theme_info_1kao4_gg_.__active_1kao4_gg_>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}@media (hover:hover){.___SRow_1kao4_gg_._theme_info_1kao4_gg_ .___SCell_1kao4_gg_:hover+.___SGroupCell_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_._theme_info_1kao4_gg_:hover>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_:hover>.___SCell_1kao4_gg_._theme_info_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1kao4_gg_._theme_success_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1kao4_gg_._theme_success_1kao4_gg_.__active_1kao4_gg_>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}@media (hover:hover){.___SRow_1kao4_gg_._theme_success_1kao4_gg_ .___SCell_1kao4_gg_:hover+.___SGroupCell_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_._theme_success_1kao4_gg_:hover>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_:hover>.___SCell_1kao4_gg_._theme_success_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1kao4_gg_._theme_warning_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1kao4_gg_._theme_warning_1kao4_gg_.__active_1kao4_gg_>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}@media (hover:hover){.___SRow_1kao4_gg_._theme_warning_1kao4_gg_ .___SCell_1kao4_gg_:hover+.___SGroupCell_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_._theme_warning_1kao4_gg_:hover>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_:hover>.___SCell_1kao4_gg_._theme_warning_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1kao4_gg_._theme_danger_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1kao4_gg_._theme_danger_1kao4_gg_.__active_1kao4_gg_>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}@media (hover:hover){.___SRow_1kao4_gg_._theme_danger_1kao4_gg_ .___SCell_1kao4_gg_:hover+.___SGroupCell_1kao4_gg_ .___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_._theme_danger_1kao4_gg_:hover>.___SCell_1kao4_gg_:not(.__theme_1kao4_gg_),.___SRow_1kao4_gg_:hover>.___SCell_1kao4_gg_._theme_danger_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1kao4_gg_.__positioned_1kao4_gg_{position:absolute}.___SCell_1kao4_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_1kao4_gg_._use_primary_1kao4_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1kao4_gg_._use_secondary_1kao4_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1kao4_gg_.__fixed_1kao4_gg_{position:sticky;z-index:1}.___SCell_1kao4_gg_._theme_muted_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1kao4_gg_._theme_info_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1kao4_gg_._theme_success_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1kao4_gg_._theme_warning_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1kao4_gg_._theme_danger_1kao4_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_1kao4_gg_._orientation_horizontal_1kao4_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2}.___SScrollAreaBar_1kao4_gg_._orientation_vertical_1kao4_gg_{width:12px}.___SScrollAreaBar_1kao4_gg_._orientation_horizontal_1kao4_gg_{margin-left:calc(var(--left_1kao4) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_1kao4) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_1kao4) - 8px)}.___SHeightHold_1kao4_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
,
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"
|
|
91
|
-
"
|
|
92
|
-
"_theme_danger": "_theme_danger_1kao4_gg_",
|
|
93
|
-
"_positioned": "__positioned_1kao4_gg_",
|
|
94
|
-
"__SScrollAreaBar": "___SScrollAreaBar_1kao4_gg_",
|
|
95
|
-
"_orientation_horizontal": "_orientation_horizontal_1kao4_gg_",
|
|
96
|
-
"_orientation_vertical": "_orientation_vertical_1kao4_gg_",
|
|
97
|
-
"--left": "--left_1kao4",
|
|
98
|
-
"--right": "--right_1kao4",
|
|
99
|
-
"--offsetSum": "--offsetSum_1kao4",
|
|
100
|
-
"__SHeightHold": "___SHeightHold_1kao4_gg_"
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_15p9v_gg_,.___SHeadWrapper_15p9v_gg_{position:relative}.___SDataTable_15p9v_gg_.__compact_15p9v_gg_ .___SCell_15p9v_gg_,.___SDataTable_15p9v_gg_.__compact_15p9v_gg_ .___SColumn_15p9v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_15p9v_gg_.__sticky_15p9v_gg_{position:sticky;top:0;z-index:2}.___SHead_15p9v_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_15p9v_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_15p9v_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_15p9v_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_15p9v_gg_.__hidden_15p9v_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:0!important}.___SColumn_15p9v_gg_._use_primary_15p9v_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_15p9v_gg_._use_secondary_15p9v_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_15p9v_gg_.__group_15p9v_gg_.__use_15p9v_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_15p9v_gg_.__groupHead_15p9v_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_15p9v_gg_.__sortable_15p9v_gg_{cursor:pointer}@media (hover:hover){.___SColumn_15p9v_gg_.__sortable_15p9v_gg_._use_primary_15p9v_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_15p9v_gg_.__sortable_15p9v_gg_:hover .___SSortWrapper_15p9v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_15p9v_gg_.__sortable_15p9v_gg_:hover .___SSortIcon_15p9v_gg_,.___SColumn_15p9v_gg_.__sortable_15p9v_gg_:hover .___SSortWrapper_15p9v_gg_:before{display:block;opacity:1}}.___SColumn_15p9v_gg_._use_primary_15p9v_gg_.__active_15p9v_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_15p9v_gg_.__active_15p9v_gg_ .___SSortWrapper_15p9v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_15p9v_gg_.__active_15p9v_gg_ .___SSortIcon_15p9v_gg_{display:block;position:relative;opacity:1}.___SColumn_15p9v_gg_.__resizable_15p9v_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_15p9v_gg_.__resizable_15p9v_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_15p9v_gg_.__resizable_15p9v_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_15p9v_gg_.__fixed_15p9v_gg_{position:sticky;z-index:2}.___SCell_15p9v_gg_.__borderLeft_15p9v_gg_,.___SColumn_15p9v_gg_.__borderLeft_15p9v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_15p9v_gg_.__borderRight_15p9v_gg_,.___SColumn_15p9v_gg_.__borderRight_15p9v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_15p9v_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_15p9v_gg_,.___SSortWrapper_15p9v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_15p9v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_15p9v_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_15p9v_gg_._use_primary_15p9v_gg_ .___SSortWrapper_15p9v_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_15p9v_gg_._use_secondary_15p9v_gg_ .___SSortWrapper_15p9v_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_15p9v_gg_{position:relative}.___SBody_15p9v_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_15p9v_gg_{display:flex;flex-direction:row;position:relative}.___SRow_15p9v_gg_.__active_15p9v_gg_>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_._theme_muted_15p9v_gg_.__active_15p9v_gg_>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}@media (hover:hover){.___SRow_15p9v_gg_ .___SCell_15p9v_gg_:hover+.___SGroupCell_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_:hover>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_15p9v_gg_._theme_muted_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_15p9v_gg_._theme_muted_15p9v_gg_ .___SCell_15p9v_gg_:hover+.___SGroupCell_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_._theme_muted_15p9v_gg_:hover>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_:hover>.___SCell_15p9v_gg_._theme_muted_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_15p9v_gg_._theme_info_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_15p9v_gg_._theme_info_15p9v_gg_.__active_15p9v_gg_>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}@media (hover:hover){.___SRow_15p9v_gg_._theme_info_15p9v_gg_ .___SCell_15p9v_gg_:hover+.___SGroupCell_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_._theme_info_15p9v_gg_:hover>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_:hover>.___SCell_15p9v_gg_._theme_info_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_15p9v_gg_._theme_success_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_15p9v_gg_._theme_success_15p9v_gg_.__active_15p9v_gg_>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}@media (hover:hover){.___SRow_15p9v_gg_._theme_success_15p9v_gg_ .___SCell_15p9v_gg_:hover+.___SGroupCell_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_._theme_success_15p9v_gg_:hover>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_:hover>.___SCell_15p9v_gg_._theme_success_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_15p9v_gg_._theme_warning_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_15p9v_gg_._theme_warning_15p9v_gg_.__active_15p9v_gg_>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}@media (hover:hover){.___SRow_15p9v_gg_._theme_warning_15p9v_gg_ .___SCell_15p9v_gg_:hover+.___SGroupCell_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_._theme_warning_15p9v_gg_:hover>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_:hover>.___SCell_15p9v_gg_._theme_warning_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_15p9v_gg_._theme_danger_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_15p9v_gg_._theme_danger_15p9v_gg_.__active_15p9v_gg_>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}@media (hover:hover){.___SRow_15p9v_gg_._theme_danger_15p9v_gg_ .___SCell_15p9v_gg_:hover+.___SGroupCell_15p9v_gg_ .___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_._theme_danger_15p9v_gg_:hover>.___SCell_15p9v_gg_:not(.__theme_15p9v_gg_),.___SRow_15p9v_gg_:hover>.___SCell_15p9v_gg_._theme_danger_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_15p9v_gg_.__positioned_15p9v_gg_{position:absolute}.___SCell_15p9v_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_15p9v_gg_._use_primary_15p9v_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_15p9v_gg_._use_secondary_15p9v_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_15p9v_gg_.__fixed_15p9v_gg_{position:sticky;z-index:1}.___SCell_15p9v_gg_._theme_muted_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_15p9v_gg_._theme_info_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_15p9v_gg_._theme_success_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_15p9v_gg_._theme_warning_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_15p9v_gg_._theme_danger_15p9v_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_15p9v_gg_._orientation_horizontal_15p9v_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2}.___SScrollAreaBar_15p9v_gg_._orientation_vertical_15p9v_gg_{width:12px}.___SScrollAreaBar_15p9v_gg_._orientation_horizontal_15p9v_gg_{margin-left:calc(var(--left_15p9v) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_15p9v) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_15p9v) - 8px)}.___SHeightHold_15p9v_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "15p9v_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SDataTable": "___SDataTable_15p9v_gg_",
|
|
32
|
+
"_compact": "__compact_15p9v_gg_",
|
|
33
|
+
"__SColumn": "___SColumn_15p9v_gg_",
|
|
34
|
+
"__SCell": "___SCell_15p9v_gg_",
|
|
35
|
+
"__SHeadWrapper": "___SHeadWrapper_15p9v_gg_",
|
|
36
|
+
"_sticky": "__sticky_15p9v_gg_",
|
|
37
|
+
"__SHead": "___SHead_15p9v_gg_",
|
|
38
|
+
"_hidden": "__hidden_15p9v_gg_",
|
|
39
|
+
"_use_primary": "_use_primary_15p9v_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_15p9v_gg_",
|
|
41
|
+
"_group": "__group_15p9v_gg_",
|
|
42
|
+
"_use": "__use_15p9v_gg_",
|
|
43
|
+
"_groupHead": "__groupHead_15p9v_gg_",
|
|
44
|
+
"_sortable": "__sortable_15p9v_gg_",
|
|
45
|
+
"__SSortWrapper": "___SSortWrapper_15p9v_gg_",
|
|
46
|
+
"__SSortIcon": "___SSortIcon_15p9v_gg_",
|
|
47
|
+
"_active": "__active_15p9v_gg_",
|
|
48
|
+
"_resizable": "__resizable_15p9v_gg_",
|
|
49
|
+
"_fixed": "__fixed_15p9v_gg_",
|
|
50
|
+
"_borderLeft": "__borderLeft_15p9v_gg_",
|
|
51
|
+
"_borderRight": "__borderRight_15p9v_gg_",
|
|
52
|
+
"__SBodyWrapper": "___SBodyWrapper_15p9v_gg_",
|
|
53
|
+
"__SBody": "___SBody_15p9v_gg_",
|
|
54
|
+
"__SRow": "___SRow_15p9v_gg_",
|
|
55
|
+
"_theme": "__theme_15p9v_gg_",
|
|
56
|
+
"__SGroupCell": "___SGroupCell_15p9v_gg_",
|
|
57
|
+
"_theme_muted": "_theme_muted_15p9v_gg_",
|
|
58
|
+
"_theme_info": "_theme_info_15p9v_gg_",
|
|
59
|
+
"_theme_success": "_theme_success_15p9v_gg_",
|
|
60
|
+
"_theme_warning": "_theme_warning_15p9v_gg_",
|
|
61
|
+
"_theme_danger": "_theme_danger_15p9v_gg_",
|
|
62
|
+
"_positioned": "__positioned_15p9v_gg_",
|
|
63
|
+
"__SScrollAreaBar": "___SScrollAreaBar_15p9v_gg_",
|
|
64
|
+
"_orientation_horizontal": "_orientation_horizontal_15p9v_gg_",
|
|
65
|
+
"_orientation_vertical": "_orientation_vertical_15p9v_gg_",
|
|
66
|
+
"--left": "--left_15p9v",
|
|
67
|
+
"--right": "--right_15p9v",
|
|
68
|
+
"--offsetSum": "--offsetSum_15p9v",
|
|
69
|
+
"__SHeightHold": "___SHeightHold_15p9v_gg_"
|
|
101
70
|
});
|
|
102
71
|
var REVERSED_SORT_DIRECTION = {
|
|
103
72
|
desc: 'asc',
|
|
@@ -107,40 +76,30 @@ var DEFAULT_SORT_DIRECTION = 'desc';
|
|
|
107
76
|
var ROW_GROUP = Symbol('ROW_GROUP');
|
|
108
77
|
exports.ROW_GROUP = ROW_GROUP;
|
|
109
78
|
var cssVarReg = /[:;]/g;
|
|
110
|
-
|
|
111
79
|
var createCssVarForWidth = function createCssVarForWidth(name) {
|
|
112
80
|
return "--".concat(name.replace(cssVarReg, '_'), "_width");
|
|
113
81
|
};
|
|
114
|
-
|
|
115
82
|
function setBorderGroupColumns(columns, side) {
|
|
116
83
|
var firstColumn = columns[0];
|
|
117
84
|
var lastColumn = columns[columns.length - 1];
|
|
118
|
-
|
|
119
85
|
if (firstColumn && (!side || side === 'left')) {
|
|
120
86
|
firstColumn.borderLeft = true;
|
|
121
|
-
|
|
122
87
|
if (firstColumn.columns) {
|
|
123
88
|
setBorderGroupColumns(firstColumn.columns, 'left');
|
|
124
89
|
}
|
|
125
90
|
}
|
|
126
|
-
|
|
127
91
|
if (lastColumn && (!side || side === 'right')) {
|
|
128
92
|
lastColumn.borderRight = true;
|
|
129
|
-
|
|
130
93
|
if (lastColumn.columns) {
|
|
131
94
|
setBorderGroupColumns(lastColumn.columns, 'right');
|
|
132
95
|
}
|
|
133
96
|
}
|
|
134
97
|
}
|
|
135
|
-
|
|
136
98
|
var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
137
99
|
(0, _inherits2["default"])(RootDefinitionTable, _Component);
|
|
138
|
-
|
|
139
100
|
var _super = (0, _createSuper2["default"])(RootDefinitionTable);
|
|
140
|
-
|
|
141
101
|
function RootDefinitionTable(props) {
|
|
142
102
|
var _this;
|
|
143
|
-
|
|
144
103
|
(0, _classCallCheck2["default"])(this, RootDefinitionTable);
|
|
145
104
|
_this = _super.call(this, props);
|
|
146
105
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columns", []);
|
|
@@ -151,7 +110,6 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
151
110
|
var column = _this.columns.find(function (column) {
|
|
152
111
|
return column.name === name;
|
|
153
112
|
});
|
|
154
|
-
|
|
155
113
|
return (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onSortChange', [column.name, column.active ? REVERSED_SORT_DIRECTION[column.sortDirection] : column.sortDirection], event);
|
|
156
114
|
});
|
|
157
115
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerResize", function () {
|
|
@@ -159,33 +117,28 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
159
117
|
});
|
|
160
118
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToUp", function () {
|
|
161
119
|
var _this$tableRef, _this$tableRef$curren;
|
|
162
|
-
|
|
163
120
|
(_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : (_this$tableRef$curren = _this$tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.scrollIntoView({
|
|
164
121
|
block: 'nearest',
|
|
165
122
|
inline: 'nearest',
|
|
166
123
|
behavior: 'smooth'
|
|
167
124
|
});
|
|
168
125
|
});
|
|
169
|
-
var createRef = (0, _syncScroll["default"])();
|
|
170
|
-
|
|
126
|
+
var createRef = (0, _syncScroll["default"])();
|
|
127
|
+
// first create body ref for master scroll
|
|
171
128
|
_this.scrollBodyRef = createRef('body');
|
|
172
129
|
_this.scrollHeadRef = createRef('head');
|
|
173
130
|
return _this;
|
|
174
131
|
}
|
|
175
|
-
|
|
176
132
|
(0, _createClass2["default"])(RootDefinitionTable, [{
|
|
177
133
|
key: "setVarStyle",
|
|
178
134
|
value: function setVarStyle(columns) {
|
|
179
135
|
var _iterator = (0, _createForOfIteratorHelper2["default"])(columns),
|
|
180
|
-
|
|
181
|
-
|
|
136
|
+
_step;
|
|
182
137
|
try {
|
|
183
138
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
184
139
|
var _column = _step.value;
|
|
185
|
-
|
|
186
140
|
if (_column.setVar) {
|
|
187
141
|
var _this$tableRef$curren2;
|
|
188
|
-
|
|
189
142
|
(_this$tableRef$curren2 = this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.style.setProperty(_column.varWidth, "".concat(_column.width, "px"));
|
|
190
143
|
}
|
|
191
144
|
}
|
|
@@ -199,33 +152,29 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
199
152
|
key: "childrenToColumns",
|
|
200
153
|
value: function childrenToColumns(children) {
|
|
201
154
|
var _this2 = this;
|
|
202
|
-
|
|
203
155
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
204
156
|
fixed: undefined
|
|
205
157
|
};
|
|
206
158
|
var sort = this.asProps.sort;
|
|
207
159
|
var columnsChildren = [];
|
|
208
|
-
|
|
209
160
|
_react["default"].Children.forEach(children, function (child) {
|
|
210
161
|
var _column$props;
|
|
211
|
-
|
|
212
162
|
if (! /*#__PURE__*/_react["default"].isValidElement(child)) return;
|
|
213
163
|
if (child.type !== DefinitionTable.Column) return;
|
|
214
164
|
var _ref3 = child.props,
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
165
|
+
children = _ref3.children,
|
|
166
|
+
name = _ref3.name,
|
|
167
|
+
_ref3$fixed = _ref3.fixed,
|
|
168
|
+
fixed = _ref3$fixed === void 0 ? options.fixed : _ref3$fixed,
|
|
169
|
+
resizable = _ref3.resizable,
|
|
170
|
+
sortable = _ref3.sortable,
|
|
171
|
+
flex = _ref3.flex,
|
|
172
|
+
vBorders = _ref3.vBorders,
|
|
173
|
+
active = _ref3.active,
|
|
174
|
+
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
|
|
225
175
|
var lastColumnChildren = columnsChildren[columnsChildren.length - 1];
|
|
226
176
|
var isGroup = !name;
|
|
227
177
|
var columns;
|
|
228
|
-
|
|
229
178
|
if (isGroup) {
|
|
230
179
|
columns = _this2.childrenToColumns(children, {
|
|
231
180
|
fixed: fixed
|
|
@@ -233,11 +182,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
233
182
|
active = typeof active === 'boolean' ? active : columns.some(function (c) {
|
|
234
183
|
return c.active;
|
|
235
184
|
});
|
|
236
|
-
|
|
237
185
|
if (vBorders) {
|
|
238
186
|
setBorderGroupColumns(columns);
|
|
239
187
|
}
|
|
240
|
-
|
|
241
188
|
name = (0, _utils.flattenColumns)(columns).map(function (_ref4) {
|
|
242
189
|
var name = _ref4.name;
|
|
243
190
|
return name;
|
|
@@ -247,19 +194,15 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
247
194
|
return !( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === DefinitionTable.Column);
|
|
248
195
|
});
|
|
249
196
|
}
|
|
250
|
-
|
|
251
197
|
var column = _this2.columns.find(function (column) {
|
|
252
198
|
return column.name === name;
|
|
253
199
|
});
|
|
254
|
-
|
|
255
200
|
var columnChildren = {
|
|
256
201
|
get width() {
|
|
257
202
|
var _this$props$ref$curre;
|
|
258
|
-
|
|
259
203
|
// @ts-ignore
|
|
260
204
|
return ((_this$props$ref$curre = this.props.ref.current) === null || _this$props$ref$curre === void 0 ? void 0 : _this$props$ref$curre.getBoundingClientRect().width) || 0;
|
|
261
205
|
},
|
|
262
|
-
|
|
263
206
|
name: name,
|
|
264
207
|
varWidth: createCssVarForWidth(name),
|
|
265
208
|
setVar: flex !== 'inherit',
|
|
@@ -280,14 +223,11 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
280
223
|
ref: (column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.ref) || /*#__PURE__*/_react["default"].createRef()
|
|
281
224
|
})
|
|
282
225
|
};
|
|
283
|
-
|
|
284
226
|
if (columns) {
|
|
285
227
|
columnChildren.columns = columns;
|
|
286
228
|
}
|
|
287
|
-
|
|
288
229
|
columnsChildren.push(columnChildren);
|
|
289
230
|
});
|
|
290
|
-
|
|
291
231
|
return columnsChildren;
|
|
292
232
|
}
|
|
293
233
|
}, {
|
|
@@ -308,19 +248,17 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
308
248
|
key: "getBodyProps",
|
|
309
249
|
value: function getBodyProps(props) {
|
|
310
250
|
var _this$asProps = this.asProps,
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
251
|
+
data = _this$asProps.data,
|
|
252
|
+
use = _this$asProps.use,
|
|
253
|
+
uniqueKey = _this$asProps.uniqueKey;
|
|
314
254
|
var cellPropsLayers = {};
|
|
315
255
|
var rowPropsLayers = [];
|
|
316
|
-
|
|
317
256
|
_react["default"].Children.forEach(props.children, function (child) {
|
|
318
257
|
if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
|
|
319
258
|
var _ref5 = child.props,
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
259
|
+
name = _ref5.name,
|
|
260
|
+
children = _ref5.children,
|
|
261
|
+
other = (0, _objectWithoutProperties2["default"])(_ref5, _excluded2);
|
|
324
262
|
if (child.type === DefinitionTable.Cell && name) {
|
|
325
263
|
name.split('/').forEach(function (name) {
|
|
326
264
|
cellPropsLayers[name] = cellPropsLayers[name] || [];
|
|
@@ -329,7 +267,6 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
329
267
|
}));
|
|
330
268
|
});
|
|
331
269
|
}
|
|
332
|
-
|
|
333
270
|
if (child.type === DefinitionTable.Row) {
|
|
334
271
|
rowPropsLayers.push((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
|
|
335
272
|
childrenPropsGetter: children
|
|
@@ -337,7 +274,6 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
337
274
|
}
|
|
338
275
|
}
|
|
339
276
|
});
|
|
340
|
-
|
|
341
277
|
return {
|
|
342
278
|
columns: this.columns,
|
|
343
279
|
rows: this.dataToRows(data, cellPropsLayers),
|
|
@@ -351,19 +287,15 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
351
287
|
key: "dataToRows",
|
|
352
288
|
value: function dataToRows(data, cellPropsLayers) {
|
|
353
289
|
var _this3 = this;
|
|
354
|
-
|
|
355
290
|
var parseData = function parseData(data, exclude) {
|
|
356
291
|
return data.map(function (row) {
|
|
357
292
|
var groupByName = {};
|
|
358
293
|
var columnsWithoutRowGroup = {};
|
|
359
|
-
|
|
360
294
|
for (var rowKey in row) {
|
|
361
295
|
var columnNames = rowKey.split('/');
|
|
362
|
-
|
|
363
296
|
if (columnNames.length >= 2) {
|
|
364
297
|
var _iterator2 = (0, _createForOfIteratorHelper2["default"])(columnNames),
|
|
365
|
-
|
|
366
|
-
|
|
298
|
+
_step2;
|
|
367
299
|
try {
|
|
368
300
|
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
369
301
|
var _column2 = _step2.value;
|
|
@@ -382,7 +314,6 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
382
314
|
columnsWithoutRowGroup[rowKey] = true;
|
|
383
315
|
}
|
|
384
316
|
}
|
|
385
|
-
|
|
386
317
|
var rowsGroup = row[ROW_GROUP] || [];
|
|
387
318
|
var rowsGroupedNames = Object.fromEntries(rowsGroup.map(function (subRow) {
|
|
388
319
|
return Object.keys(subRow);
|
|
@@ -392,13 +323,11 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
392
323
|
return [key, true];
|
|
393
324
|
}));
|
|
394
325
|
var isGroup = false;
|
|
395
|
-
|
|
396
326
|
var cells = _this3.columns.map(function (column) {
|
|
397
327
|
if (groupByName[column.name]) {
|
|
398
328
|
var _groupByName$column$n = groupByName[column.name],
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
329
|
+
groupedColumns = _groupByName$column$n.groupedColumns,
|
|
330
|
+
groupData = _groupByName$column$n.groupData;
|
|
402
331
|
if (groupedColumns[0] === column.name) {
|
|
403
332
|
return {
|
|
404
333
|
name: groupedColumns.join('/'),
|
|
@@ -435,12 +364,10 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
435
364
|
}).map(function (column) {
|
|
436
365
|
return column;
|
|
437
366
|
});
|
|
438
|
-
|
|
439
367
|
cells.flatRowData = row;
|
|
440
368
|
return cells;
|
|
441
369
|
});
|
|
442
370
|
};
|
|
443
|
-
|
|
444
371
|
return parseData(data, {});
|
|
445
372
|
}
|
|
446
373
|
}, {
|
|
@@ -452,13 +379,12 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
452
379
|
key: "render",
|
|
453
380
|
value: function render() {
|
|
454
381
|
var _ref = this.asProps,
|
|
455
|
-
|
|
456
|
-
|
|
382
|
+
_ref2;
|
|
457
383
|
var SDataTable = _flexBox.Box;
|
|
458
384
|
var _this$asProps2 = this.asProps,
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
385
|
+
Children = _this$asProps2.Children,
|
|
386
|
+
styles = _this$asProps2.styles,
|
|
387
|
+
data = _this$asProps2.data;
|
|
462
388
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDataTable, _ref2.cn("SDataTable", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
463
389
|
"__excludeProps": ['data'],
|
|
464
390
|
"ref": this.tableRef,
|
|
@@ -469,7 +395,6 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
469
395
|
}]);
|
|
470
396
|
return RootDefinitionTable;
|
|
471
397
|
}(_core.Component);
|
|
472
|
-
|
|
473
398
|
(0, _defineProperty2["default"])(RootDefinitionTable, "displayName", 'DefinitionTable');
|
|
474
399
|
(0, _defineProperty2["default"])(RootDefinitionTable, "style", style);
|
|
475
400
|
(0, _defineProperty2["default"])(RootDefinitionTable, "defaultProps", {
|
|
@@ -478,11 +403,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
478
403
|
sort: [],
|
|
479
404
|
data: []
|
|
480
405
|
});
|
|
481
|
-
|
|
482
406
|
function ComponentDefinition() {
|
|
483
407
|
return null;
|
|
484
408
|
}
|
|
485
|
-
|
|
486
409
|
var DefinitionTable = (0, _core["default"])(RootDefinitionTable, {
|
|
487
410
|
Head: _Head["default"],
|
|
488
411
|
Body: _Body["default"],
|